Javascript + Highcharts：用series.data代替我自己的

Question

我一直在为志愿者的大学工作做这个脚本。

除了功率和学校以外，请忽略所有参数。 这些是已使用json_encode（）转换为数组的SQL结果集。 结果集有一个字符串作为值，我相信，这样既wattages和schools应该是字符串数组。

我想要做的是为饼图输入我自己的data ，在本例中是mySeries ，我一开始就将其建立/填充，然后作为data放置。

function createPieChartGradient(data,title,xlabel,ylabel,type,step,div_id,wattages,schools){

    var float_watt = new Array();
    for(var index = 0; index < wattages.length; index++)
    {
        float_watt[index] = parseFloat(wattages[index]).toFixed(2);
    }

    var mySeries = [];  //Hopefully this creates a [String, number] array that can be used as Data.
    for (var i = 0; i < float_watt.length; i++) {
        mySeries.push([schools[i], float_watt[i]]);
    }

    var options = {
        chart: {
            renderTo: 'graph',
            zoomType: 'x',
            defaultSeriesType: type
        },
        title: {
                text: 'Consumption Percentage of IHU Schools, Last 7 days'
            },
        tooltip: {
            //pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        xAxis: {
            categories: [],
            tickPixelInterval: 150,
           // maxZoom: 20 * 1000,
            title: {
            style: {
                fontSize: '14px'
            },
                text: xlabel
            },
            labels: {
                rotation: -45,
                step: step,
                align: 'right'//,
            //  step: temp
            }
        },
        yAxis: {
            title: {
            style: {
                fontSize: '14px'
            },
                text: ylabel
            },
            labels: {
                align: 'right',
                formatter: function() {
                    return parseFloat(this.value).toFixed(2);
                }
            },
            min: 0
        },
        legend: {
             layout: 'vertical',
             align: 'right',
             verticalAlign: 'center',
             floating: true,
             shadow: true
          },

        series: [{
                    type: 'pie',
                    name: 'Consumption Percentage',
                    data: mySeries       //Problematic line.
                }]                                                                                      //Faculty with the smallest wattage -> Green.
    };  //end of var options{}                                                                          //Next: -> Yellow.
                                                                                                        //Last -> Red.
    //Draw the chart.
    var chart = new Highcharts.Chart(options);                                                          //TODO: Change colours.
    document.write("FINISHED");
}

问题是，上述方法不起作用。 由于我没有使用环境（通过结果在notepad ++中编写和在apache Web服务器上进行测试，因此我将结果中的问题手动删除为data: mySeries 。

知道为什么吗？ 它们不是同一类型的数组[String, number]吗？

此外，是否有任何环境可以帮助我调试JavaScript程序？ 在这种情况下，我真的不知所措，我非常希望让IDE告诉我出了什么问题，或者至少将我指出正确的方向。

Answer 1

您看到哪里叫“ toFixed”了吗？ 让我们进行一个小实验：

var wattages = [2.0, 3.0];

 var float_watt = new Array();
 for(var index = 0; index < wattages.length; index++)
 {
    float_watt[index] = parseFloat(wattages[index]).toFixed(2);
 }

 console.log(JSON.stringify(float_watt));

输出不是您期望的：

["2.00", "3.00"]

看看如何将其转换为字符串？ 如果删除“ toFixed”并让格式化程序执行其工作，一切将会顺利进行。

编辑

这是修复格式程序的方法：

    plotOptions: {
        pie: {
            dataLabels: {
                formatter: function() {
                    return parseFloat(this.y).toFixed(2);
                }
            }
        }
    },

yLabels格式化程序对饼没有任何作用。