Untitled
unknown
plain_text
a year ago
2.3 kB
2
Indexable
Never
var chartColors = { red: 'rgb(255, 99, 132)', blue: 'rgb(54, 162, 235)' }; var color = Chart.helpers.color; var config = { type: 'bar', data: { datasets: [{ type: 'line', yAxisID: 'temperature', backgroundColor: 'transparent', borderColor: chartColors.red, pointBackgroundColor: chartColors.red, tension: 0, fill: false }, { yAxisID: 'precipitation', backgroundColor: color(chartColors.blue).alpha(0.5).rgbString(), borderColor: 'transparent' }] }, plugins: [ChartDataSource], options: { title: { display: true, text: 'CSV data source (index) sample' }, scales: { xAxes: [{ scaleLabel: { display: true, labelString: 'Month' } }], yAxes: [{ id: 'temperature', gridLines: { drawOnChartArea: false }, scaleLabel: { display: true, labelString: 'Temperature (°C)' } }, { id: 'precipitation', position: 'right', gridLines: { drawOnChartArea: false }, scaleLabel: { display: true, labelString: 'Precipitation (mm)' } }] }, plugins: { datasource: { type: 'csv', url: 'https://raw.githubusercontent.com/lye-jia-wei/FYP/main/sample-dataset.csv', delimiter: ',', rowMapping: 'index', datasetLabels: true, indexLabels: true } } } };