javascript - 使用作为参数传入的JS字符串变量作为chart.js中数据参数的值？

Question

这是相对不能正常工作的 Javascript。参数 thisChartData 是一个字符串，它可以很好地发出警报；它是由其他地方的 PHP 脚本生成的(但这并不重要)。

如果我将警报输出复制并粘贴到数据部分，图表就会生成正常。但由于某种原因我无法在数据部分使用参数名称

            function drawChart( thisChartData, thisChartTitle ) {
                var ctx = $("#my-chart");
                alert(thisChartData); // alerts->    '131', '1043', '144', '43'

            //chart data
                var ctxData = {                     
                    datasets: [{
                        data: [ thisChartData ], //using the paramter variable doesn't work
                        backgroundColor: [ <?php echo $bg_color_list; ?> ]                      
                    }]
                };

同时，下面的代码工作正常，我需要数据根据我传递给函数的内容而变化，因为我将有几个要滚动的数据集。

     function drawChart( thisChartData, thisChartTitle ) {
            var ctx = $("#my-chart");
            alert(thisChartData); // alerts->    '131', '1043', '144', '43'

        //chart data
            var ctxData = {                     
                datasets: [{
                    data: [ '131', '1043', '144', '43' ], 
                    backgroundColor: [ <?php echo $bg_color_list; ?> ]                        
                }]
            };

Answer 1

data: [ thisChartData ] 应该只是 data: thisChartData，并且当您调用 drawChart 时，传入一个数组。例如:

function drawChart( thisChartData, thisChartTitle ) {
    var ctx = $("#my-chart");

    //chart data
    var ctxData = {                     
        datasets: [{
            data: thisChartData,  // <======
            backgroundColor: [ <?php echo $bg_color_list; ?> ]                      
        }]
    };

和

drawChart(['131', '1043', '144', '43'], "title");