score:1
Accepted answer
in you data,
var avglinechartdata = {
labels: ['1', '1', '1', '1', '1', '1', '1'],
datasets: [{
label: 'avg temperature (f)',
bordercolor: window.chartcolors.green,
backgroundcolor: window.chartcolors.green,
fill: false,
data: [
65 - randomscalingfactor(),
53 - randomscalingfactor(),
58 - randomscalingfactor(),
54 - randomscalingfactor(),
62 - randomscalingfactor(),
65 - randomscalingfactor(),
74 - randomscalingfactor()
],
yaxisid: 'y-axis-1',
}]
};
you set the yaxisid : 'y-axis-1'
. but when you draw the chart, they are id: 'avg-y-axis-1'
.
Source: stackoverflow.com
Related Query
- Can't render two charts on the same page from chart.js
- How to render multiple Chart.JS charts on the same page with AJAX data and variables
- Why are my two charts repeating the same label?
- show multiple responsive chart in the same page using chart.js
- When I added a funnel chart to chartjs all the charts are load compressed until resize page
- Two charts using same options, but I need different titles for the charts
- Trying to get multiple chart.js charts to load on the same page
- How do i have a single Chart.vue component instead of different chart components and then display charts from it by changing id of the API
- Two data sets with different time instances on the same ChartJs chart
- django + chart.js : Cannot get two bar charts on the same graph with appropriate data
- Two chart for the same set of data - Chart.js
- dynamic number of chart.js charts on the same page
- How to set the data of chart in angular which is taken from the backend nodejs api that is store in mongodb and showing on the html page
- Chart.js after ajax refresh there are two charts in the same container (new and old)
- Displaying Legend only once when Several pie charts are drawn in the same page using chart.js
- Multiple charts not loading on the same page
- Failing to render chart – "can't acquire context from the given item"
- How do I create multiple charts at the same page with angular?
- how to render the same chart using Chart.js
- How do I make many ChartJS charts on the same page to have the same height and also even column width?
- Adding Chart.js line chart to Jinja2/Flask html page from JS file
- Chart JS show multiple data points for the same label
- How can I remove extra whitespace from the bottom of a line chart in chart.js?
- Multiple charts on same page not working - ng2-charts
- How can I trigger the hover mode from outside the chart with charts.js 2?
- How to start the line graph from the left Y axis in a line/bar mixed chart (Chart.js)?
- How to make bar chart animation where all bars grow at the same speed?
- How do I keep chart.js charts in one JS file, and not get errors when the ID from the JS file don't exist on one specific html page?
- Lift the bar up from the bottom in bar type chart
- chart is not getting updated from the values it received from Jquery
More Query from same tag
- chart.js 2.0 add new property to dataset
- Charts.js v2: always show custom (html) tooltips on chart
- Angular-chart.js - Make line chart does not curve
- How To Add Center-Text in Donut Chart Js
- Show chart.js animation only when user scroll on the specific DIV
- (Angular Ionic) How can I stream my custom data with chartjs-plugin-streaming?
- React - how to get array from store before first render and use it as dataset for ChartJS
- Chart.js showing only last data value
- Vertical Punchcard with chartjs
- Moving vertical line when hovering over the chart using chart.js in v2.9.4
- Chartjs - Donut Chart label for small values not visible
- How to ignore same values on ChartJs?
- In reactjs doughnut chart, How to reduce the width of the chart
- Vue and Chartjs - Running a simple example of vue-chartjs
- To display data from mock server into chartjs using ember
- Ng2 charts - Animation doesn't work on line chart onInit
- How to implement chart.js in Angular2
- How to distribute the y-ticks proportionally in Chart.js in Flask app?
- How to change the label color in chart.js?
- How to set gradient in legend box color in Chart,js
- Saving chart.js chart to a folder (Not download)
- Create Chart.js pie chart data from PHP
- Create a heatmap/punchcard Using Chart.js
- injecting chart.js sparkline to jqxGrid widget in Angular with typescript
- Papaparse with chart.js not displaying csv value on the x axis
- Chart.JS does not render and display a sad face icon
- 'scales' option appears to break Chart.js graph
- How to assign variables to data passed through a WEB API in Angular?
- Chartjs is stripping trailing zeros in decimal datasets
- Trying to create something from chart.js