score:7
To show a Line Chart with two Y axis, @khertan made a pull request to add this feature >> https://github.com/nnnick/Chart.js/pull/1355
You can grab the modified Chart.js file here >> https://github.com/khertan/Chart.js/tree/9edcc71f97361bb45c8fe93d07acb1917c2b4807
You'll only need to add the option to your options
variable:
var options = {
...
scaleUse2Y: true,
...
};
And then instantiate a normal Line chart:
var chart = new Chart(ctx).Line(data, options);
Problem is that if you're using an extension like StackedBar, for example, it will probably break... That must be the reason why it hasn't been merged with master's branch of Chart.js yet. Patience for the 2.0 version release.
Source: stackoverflow.com
Related Query
- How to add second Y-axis for Bar and Line chart in Chart.js?
- How to hide the y axis and x axis line and label in my bar chart for chart.js
- How do you set x and y axis and Title for a line chart using charts.js?
- How to add custom text inside the bar and how to reduce the step size in y axis in chart js( Bar chart )
- How to add vertical line in bar chart using chartJs and ng2-charts?
- Chartjs 2 - Stacked bar and unstacked line on same chart with same y axis
- How to show data values in top of bar chart and line chart in chart.js 3
- How to sort XY line chart tooltip items based on value and add thousands separators?
- How to show tick marks and labels with grid line for the specific one on the X axis with Chart.js?
- How to start Y Axis Line at 0 from right for negative values in chart js 2?
- How to Add X axis Padding in chart js Line Graph
- Line chart plotting multiple points for duplicate data on x and y axis using chart.js
- how to add multi X axis custom line in chart js
- How can I add vertical line and label for each point in Chart.js?
- how to create bar chart with group and sam color for each group using chart.js?
- How to set max and min value for Y axis
- Chart.js how to get Combined Bar and line charts?
- How to add an on click event to my Line chart using Chart.js
- Chart.js how to show cursor pointer for labels & legends in line chart
- show label in tooltip but not in x axis for chartjs line chart
- Chart.js Mixed Bar and Line chart with different scales
- How do I draw a vertical line on a horizontal bar chart with ChartJS?
- Show X axis on top and bottom in line chart rendered with Chart.js 2.4.0
- Can Chart.js combines Line Chart and Bar Chart in one canvas
- how to change Y axis value dynamically based on user input in Chartjs for Line chart?
- How to draw Horizontal line on Bar Chart Chartjs
- how to add a title to my ng2-charts bar chart
- Chart.js with dual axis on bar and line graph
- how to set chart.js grid color for line chart
- PrimeNg bar chart how to show a label for the y-axis
More Query from same tag
- Angular-ChartJs : Use a service inside a custom tooltip of a graphic chartJs
- How can I append a calculated value to the end of a bar in Chart.JS?
- Set Radar(spider) chart version 2.x (2.4.0) steps(interval) in Chart.js
- ChartJs canvas showing previous graph when changing Graph types
- How to use Chart.js with Typescript without getting assignable errors?
- Passing JSON data from PHP array into ChartJS
- How to add ChartJS code in Html2Pdf to view image
- Chart.js doughnut text colors
- Merge 2 charts into 1 chart using update button (chart.js)
- Unable to display point values without mouse hover
- Django Multiple chartJs chats in a page
- how to remove duplicate data set labels in chartjs
- Identify which chartJs chart was clicked on
- ChartJS: call the property of an array object in the tooltip
- Hide or show two datasets with one click event of legend in chart.js
- ChartJS canvas not displaying rgba colors in IE, Safari and Firefox
- Need help in figuring out config for a custom tooltip (chartjs)
- Change legend position of ng-charts (using angular2)
- Checkboxes unchecked after cart.js end of update animation
- Labels attribute of chartsjs not taking context variable of type string
- Chart.JS multiple plugins do not operate
- Multiple ChartJS scripts are not working at the same time
- custom label x-axis in chart.js
- Create charts with a loop in Django with charts.js
- Django + Chart.js Am I Doing This Right? Nothing is being rendered
- Sending 2 fetched result into AJAX
- How to remove left and right padding from the canvas/chart?
- Chartjs fiddle not working
- VueJS and dynamic reload ChartJS when screen resize
- How to remove the unnecessary overlaying gridlines using Chart.js?