score:13
Chart.js does not come with horizontal bar charts by default.
However it is built in a very modular fashion. This allows third party plugins to be developed that do not mess with the core code.
As I needed horizontal bar charts for a project I was working on I took the liberty of creating one which you can find here.
https://github.com/tomsouthall/Chart.HorizontalBar.js
You can install it using bower:
$ bower install chart.horizontalbar
The syntax for creating a chart is exactly the same as for creating a standard (vertical) bar chart:
var myChart = new Chart(ctx).HorizontalBar(data, options);
It's a pretty quickly hacked together project but it worked great for what I needed! Hope it helps.
score:5
I know it might be not helpful to you but might help someone else, google charts are really good take a look at it https://developers.google.com/chart/
Source: stackoverflow.com
Related Query
- Creating a horizontal bar chart extension on Chart.js
- Angular 8: Creating a custom horizontal bar chart
- Horizontal stacked bar chart with chart.js
- Horizontal bar chart in chart.js
- How do I draw a vertical line on a horizontal bar chart with ChartJS?
- How to draw Horizontal line on Bar Chart Chartjs
- Stacked horizontal bar chart along total count with chart.js
- Chart.js: Minimum value for x-axis at horizontal stacked bar chart
- two xAxes horizontal bar chart Charts.js
- Chart Js V2 draw Horizontal Bar(Average) Over Vertical Bar
- How to change Chart.js horizontal bar chart Width?
- In Stacked horizontal bar chart how to remove the vertical line in Chart.js?
- to increase space between x axis and first horizontal bar in chart js
- Draw a horizontal bar chart from right to left
- Remove padding from chartJs horizontal bar chart
- Horizontal bar with two yaxes chart js
- Minimum value for x Axis doesn't work for horizontal bar chart | ChartJS
- ChartJS horizontal chart display legend on each bar
- Chart.js horizontal line chart or modified horizontal bar chart
- ChartJS: how to make a bar chart with a horizontal guideline:
- Chartjs 3.x - How to duplicate X axis on both sides of horizontal bar chart with only 1 dataset?
- Stacked Mixed Horizontal Bar Chart in Charts.Js Axes Positioning
- Chart.js - Horizontal line on Bar chart interferes with tooltip
- Chart.js - draw horizontal line in Bar Chart (type bar)
- Horizontal gradient for every single bar in group chart js
- How do I create a stacked horizontal bar chart with Chart.js in React?
- ChartJS 2.9.4 can't overlay line data on Horizontal Bar chart
- Chart, X and Y-Axis labels are blurred in horizontal bar chart using chart.js
- Chart Js invisible horizontal bar
- Remove top horizontal line in a horizontal bar chart (Chart.js 2)
More Query from same tag
- Angularjs line chart get data from sql
- Display maximum value of an axis
- custom tooltips with react-chartjs-2 library
- How to position chart details next to a chart responsive for multiple devices?
- How to embed php code in min.js file
- Chartjs scaleLabel position
- Chartjs 3.5.0 - Radar Chart - Converting the labels to images
- chart.js won't display the chart in IE
- How to mapping variable data for pie chart (react.js)
- How to show a "total" sum label on the top of stacked bars
- zeroLineColor and zeroLineWidth not working for the x-axis in Chartjs
- Chartjs 3 how to draw a horizontal line starting at a specific yAxis value
- ChartJS / Chartjs-plugin-annotation How to draw multiple vertical lines using an array?
- Set fix values on y-axis vue-chartjs
- Is it possible to define data attributes for each dataset value in a Chart.js chart?
- Using ChartJs In a VueJs component
- Removing text shadow/blur from chart.js charts
- Chart.js 2.6.0 options / scales / xAxis / gridLines doesn't work for me?
- Why this Tooltip callback for ChartJS works and this doesn't
- Change height of chartjs dynamically
- Vuejs data not showing properly on mounted
- How can i display multiple years of data from 1 project in Chart.js?
- Not able to remove legent from Radar Chart in chart.js even using legent: {display : false}
- Gantt Chart Variation with Chart JS or other libraries
- Chart.js only displays on refresh in Rails app
- Chart.JS To Not Start At 0
- Access yLabel for specific bar in chartJs without click
- Set max value for each label with Chart.js
- Chart.js - scaleType='date' not working
- How to modify chartjs tooltip to add customized attribute