Question

我想添加从数据库中获取的值。数据库中的这些值存储在一个单独的数组中。那么我应该如何编写代码以便我可以将值放在数据中然后可以绘制的字段。另外，我想将标签数组更改为单独数组中包含的值。

<body>
<canvas id="myChart" width="1000" height="400" style="border:2px solid green"></canvas>

<script>

var data = {
    labels : ["January","February","March","April","May","June","August"],
    datasets : [
        {
            fillColor : "rgba(220,0,220,0.5)",
            strokeColor : "rgba(0,0,0,1)",
            pointColor : "rgba(220,20,220,1)",
            pointStrokeColor : "#fff",
            data : [0,9,0,8,56,55,40]
        },
        {
            fillColor : "rgba(151,187,205,0.5)",
            strokeColor : "rgba(151,187,205,1)",
            pointColor : "rgba(151,187,205,1)",
            pointStrokeColor : "#fff",
            data : [100,100,100,19,96,27,100]
        }
    ]
}
var ctx = document.getElementById("myChart").getContext("2d");
var myNewChart = new Chart(ctx).Line(data);

</script>
</body>

Answer 1

首先是 您需要用数据替换数据：[0,9,0,8,56,55,40]：[data_array1]

data_array1是来自数据库的data_string，您只需要将该数据数组转换为高图可接受的格式。为此你需要从数据库中获取数据，用逗号（，）将其删除，它将返回一个类似于0,9,0,8,56,55,40的字符串只需回显数据：[data_array1]

如何将数据库输出中的值添加到Chart.js的折线图中的数据字段

1 个答案: