在Charts.js中动态添加标签

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。如果您收到带索引的对象，则需要使用其他数组函数来创建标签数组。