好的,我的网站上有一个 Chart.js。现在我尝试使用下拉菜单在不同的数据集之间进行更改。我得到了一个 canvas.js 图表的示例,并尝试根据我的需要更改它。但我很难做到这一点,因为我不明白如何用图表来做到这一点。有人可以告诉我如何正确地做到这一点吗?
这是我已经得到的:
落下:
<select class="form-control browser-default dropdown" id="dd">
<option value="" selected="selected">Select Serial Number</option>
<option value="dps1">DataPoints 1</option>
<option value="dps2">DataPoints 2</option>
<option value="dps3">DataPoints 3</option>
<option value="dps4">DataPoints 4</option>
<option value="dps5">DataPoints 5</option>
</select>
<canvas id="myChart2"></canvas>
Run Code Online (Sandbox Code Playgroud)
JavaScript:
var jsonData = {
"dps1": [
{ "x": "2016-6-25 12:58:52", "y": 10.22 },
{ "x": "2016-7-25 13:33:23", "y": 11.14 },
{ "x": "2016-8-25 13:49:18", "y": 13.58 },
{ "x": "2016-9-25 13:55:01", "y": 15.25 },
{ "x": "2016-10-25 14:00:15", "y": 17.25 },
],
"dps2": [
{ …Run Code Online (Sandbox Code Playgroud)