Question

在我的应用程序中我使用的是高图，我想知道如何隐藏或在高级图表中显示图例

我试过这个：

var options = {
            chart: {
                type: 'column',
            },
            title: {
                text: 'my chart',
                style: {
                    fontWeight: 'bold',
                    fontSize: '26px',
                    color: '#000000'
                }         
            },
            xAxis: {
                ..........Some code.....
            },
            yAxis: {
                ..........Some code.....
            },
            legend : { },
            series :[{.........Some code.....}]
 }

 var legend = { align: 'right',
        x: -70,
        verticalAlign: 'top',
        y: 20,
        floating: true,
        backgroundColor: 'white',
        borderColor: '#CCC',
        borderWidth: 1,
        shadow: false
 };
 if(isShow){
    options.legend.push=legend;
 }
 $('#MYCHART').highcharts(options);

我试过这个但是当isShow为真时我没有得到，我的意思是传说不是动态添加的。

我想根据我的isShow值显示图例。

Answer 1

通过使用图例的启用属性，我实现了我想要的

在JavaScript中

if(!isShowAns){
    options.legend["enabled"]=false;
}

运作良好

Answer 2

因为属性enabled = false所以图例不显示
你可以在这里阅读更多文件
http://api.highcharts.com/highstock#legend

enabled: Boolean
Enable or disable the legend. Defaults to false.

您应该通过设置属性enabled: true

启用它

动态隐藏或以高图显示图例

2 个答案: