javascript - 如何在 highcharts 系列中使用 javascript 变量？

Question

我想在 highchart 系列中使用 javascript 变量，但它似乎不起作用:

function groupBar(n) {
	var nu;
	nu = parseInt(n); 

	var series_b_tab =  <?php echo json_encode($series_bar)?>; 
	
	var series_b = series_b_tab[n];
	series_b = series_b.join(",");
		
    $('#bar_project_'+n).highcharts({
      
        chart: {
            type: 'column',
            height : 300,
            width: 500
        },
        title: {
            text: 'Logements connectés'
        },
        subtitle: {
            text: 'Source: Valenciennes Métropole'
        },
        xAxis: {
            categories: [<?php echo join($legend_bar,',') ?>],
            title: {
                text: null
            },
            labels: {
             	rotation: -45,
            	style: {
                    fontSize: '9px'
                }
            }
        },
        yAxis: [
        {
            min: 0,
            //max: 8000,
            labels:{
                style :{
                    color: 'red'
                }
            },
            title: {
                
                text: 'Nombre de connexions par type',
                align: 'middle'
            },
            labels: {
                overflow: 'justify'
            },
            opposite: true
        },
        // second yAxis
        {
            min: 0,
            //max: 70,
            labels:{
                style :{
                    color: 'red'
                }
            },
            title: {
            	text: 'Pourcentage (%)',
                align: 'middle'
            },
            labels: {
                overflow: 'justify'
            }
        }],
        tooltip: {
            valueSuffix: ' %'
        },
        legend: {
            layout: 'vertical',
            align: 'left',
            verticalAlign: 'top',
            x: 50,
            y: 60,
            floating: true,
            borderWidth: 1,
            backgroundColor: '#FFFFFF',
            shadow: true,
            itemStyle: {
                color: 'black', 
                fontSize: '9px'
            }
        },
        
        plotOptions: {
            series: {
                animation: false
            },
        },
  
        series: [{series_b}]
 

    });
};

当n=1时series_b_tab[n]的例子如下:

{名称:'提交:0'，类型:'列'，yAxis:1，数据:[2436]}，{名称:'提交:1'，类型:'列'，yAxis:1，数据: [2510,171]}

我不知道如何将series_b的内容放入系列中。

也许我可以使用 json_parse ？

感谢您的帮助!

Answer 1

根据您的代码，您当前的设置是:

series: [{series_b}]

如果您的 series_b 变量内容示例是准确的，那么您需要的是:

series: [series_b]

由于每组花括号 {} 包含一个系列，并且您的系列已经封装，并且有多个系列。

假设该系列没有用花括号括起来，您的原始语法只能容纳一个系列。

如果不清楚，只需将示例 series_b 内容粘贴到 series: [{ }] 部分以及 series: [ ] 中code>，看看两者的区别。

示例:

Original way:
series: [{
    {
        name : ' Commité : 0', 
        type :'column', 
        yAxis : 1 ,
        data : [2436]
    },{
        name : ' Commité : 1', 
        type :'column', 
        yAxis : 1 ,
        data : [2510,171]
    }
}]

.

Proper way:
series: [{
    name : ' Commité : 0', 
    type :'column', 
    yAxis : 1 ,
    data : [2436]
},{
    name : ' Commité : 1', 
    type :'column', 
    yAxis : 1 ,
    data : [2510,171]
}]