Question

我已经完成了自己的图形及其完美的工作，但是在尝试动态显示标签时遇到了一些问题。我认为这与“标签”部分有关，但我不确定。

这是我要修改“标签”数组的代码的一部分，显示了我在数据库中拥有的信息，而不是自己输入值

success:function(response) {
        var Datos = {
            labels: ['', '', '', '', '', '', '', '', '', ''],
            datasets: [
                {
                    fillColor: 'rgba(153,102,255,0.6)',
                    strokeColor: 'rgba(57,194,112,0.7)',
                    highlightFill: 'rgba(153,102,255,0.6)',
                    highlightStroke: 'rgba(66,196,157,0.7)',
                    data: response
                }
            ]
        }
    }

我已经通过浏览器检查了它的确发送了数据，但是我不知道如何动态配置标签。

我该怎么做？

Answer 1

您在response变量中得到什么？如果您有一系列标签，则可以执行以下操作：

success:function(response){

    // Let's assume you got a JSON formatted response
    var labelsArray = JSON.parse(response);

                              var Datos = {
                                    labels : labelsArray,
                                    datasets : [
                                        {
                                            fillColor : 'rgba(153,102,255,0.6)', 
                                            strokeColor : 'rgba(57,194,112,0.7)', 
                                            highlightFill : 'rgba(153,102,255,0.6)', 
                                            highlightStroke : 'rgba(66,196,157,0.7)',
                                            data : response
                                        }

当然，您的“ labelsArray”必须是格式正确的数组，才能与Chart.js一起使用。如果收到带有索引的对象，则需要使用其他数组函数才能创建标签数组。

在Charts.js中动态添加标签

1 个答案: