小编Don*_*nut的帖子

Chartsjs 使用下拉菜单更新数据集

好的,我的网站上有一个 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)

javascript charts json drop-down-menu chart.js

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

chart.js ×1

charts ×1

drop-down-menu ×1

javascript ×1

json ×1