如何在 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] 示例如下：

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

我不知道如何把 series_b 的内容串联起来。

也许我可以使用 json_parse ？

感谢您的帮助！

Answer 1

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

series: [{series_b}]

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

series: [series_b]

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

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

如果不清楚，只需将您的示例 series_b 内容粘贴到 series: [{ }] 部分和 series: [ ] 中，然后查看两者之间的区别。

例子：

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]
}]

Answer 2

创建一个数组 var series=[] 并将您的系列推入 highcharts 并执行以下操作

代替

series: [{series_b}]

使用

series:series_b