score:5
Accepted answer
this will be solved if you use the current master (instead of the one tagged v1.01-beta.5) - you don't need to set any options.
fiddle - http://fiddle.jshell.net/n7jgo7oh/
score:0
if in your source you are defining and drawing line before bar try to invert definition and drawing: bar first then line
score:5
you have to declare the line chart first in the dataset and then the bar chart:
datasets: [
{
type: 'line',
yaxisid: 'y-axis-1',
fill: false,
pointradius: 0,
label: 'nota media',
backgroundcolor: '#ed7d31',
bordercolor: '#ed7d31',
data: [60, 59, 80, 81]
},
{
type: 'bar',
yaxisid: 'y-axis-0',
label: 'observaciones',
backgroundcolor: '#5b9bd5',
data: [40, 20, 12, 39]
}
],
Source: stackoverflow.com
Related Query
- How do I make line charts overlay over bar charts in chartjs
- How to modify bar width in Chartjs 2 bar charts
- How to change the cursor to a pointer when I hover over a bar in a ChartJS bar chart?
- How to draw Horizontal line on Bar Chart Chartjs
- How to make chartJs stacked bar always rounded when data is 0?
- How to make lines in line charts from ng2-charts straight lines?
- ChartJS 2.9.4 can't overlay line data on Horizontal Bar chart
- how to make chartjs columns smaller in width for bar chart?
- How to make custom text appear underneath each bar in chartjs bar chart?
- How to make bar charts and scatter dots appear underneath each other?
- How do I make the Line in ChartJS not exceed the maximum of yAxes
- Chartjs - how to make line position to vertical center and how to display dotted sharp in the backround?
- How to display a progress over time in one horizontally stacked bar with chartjs
- How to make multiple horizontal bar chartjs
- How to extend chartjs line charts in ReactJS to show solid and dashed line together?
- How can I make bar charts symmetrical in chart.js?
- How to draw a horizontal line over bar columns in Chart.js that's started from X axis?
- How is it possible to make curved bar chart or curved column charts in chart.js?
- How to add vertical line in bar chart using chartJs and ng2-charts?
- How do I make many ChartJS charts on the same page to have the same height and also even column width?
- ChartJS Line Charts - remove color underneath lines
- Chart.js how to get Combined Bar and line charts?
- How to make integer scale in Chartjs
- chartjs : how to set custom scale in bar chart
- Chartjs 2 - Stacked bar and unstacked line on same chart with same y axis
- chartjs show dot point on hover over line chart
- ChartJs line chart repaint glitch while hovering over
- How to add second Y-axis for Bar and Line chart in Chart.js?
- How do I draw a vertical line on a horizontal bar chart with ChartJS?
- ChartJs how to get from mulitiple dateset which dataset bar is clicked
More Query from same tag
- Connecting points between missing data in chart.js
- Chart.js V2 formatting / styling labels
- Is it possible to make 3D pie chart using chart.js?
- How to dynamically change point location with line in Chart.js?
- what is `dart.js` in chartjs.dart example
- ng2-charts & chart.js - Change background color
- Creating charts using chart.js
- Chart.js - Getting data from HTML
- Adding label inside multiseries doughnut chart through chart.js
- Using Objects in chartjs
- Chart js label issue in react js
- Chart.JS - Set fixed X and Y axis values in time chart?
- Chart.js - Horizontal line on Bar chart interferes with tooltip
- Chart.js timeline
- updating chartjs pie chart by using .keypress() not working
- Chart.js gap between points
- ChartsJS Annotations Plugin - Can you create a tooltip to accompany an annotation?
- Cursor selects multiple points instead of just one - chart.js
- Chartjs : Can I overwrite bar value on hover for every bar chart
- date and time chart With Chart js
- Alter values of xAxis in chartjs
- Chart.js tooltip not showing on line chart
- How to control width of chart using angular-chart and chart.js?
- How to move a chart.js to the center
- Chart.js Mouse Over Show Old Chart Data
- Bar chart with two sets of labels in Quickchart
- Stacked areachart with percents values on the y axis using Charts.js and Angular 8
- Chart.js dynamically-created charts do not obey chart options
- Updating Chartjs to 2.5 with custom code
- how to render the same chart using Chart.js