如何摆脱highcharts中的行标签?

时间:2017-10-19 06:14:13

标签: highcharts

我使用highcharts创建图表。我能够显示输出,但我无法删除标签。我无法弄清楚如何摆脱这个标签。

    //document.getElementById('container').style.visibility='visible';
    Highcharts.chart('container', {
        chart: {
            type: 'area'
        },
        title: {
            text: 'Stock Price',
        },
        subtitle: {
             text: '<a style=\"color:blue;\" href=\"https://www.alphavantage.co\">Source: Alpha Vantage</a>'
        },
        xAxis: {
        type: 'datetime',
        showLastLabel: true,
        endOnTick: true,
            categories: [ "05/30", "05/31", "06/01", "06/02", "06/05", "06/06", "06/07", "06/08"],
              labels:{
              step:2},
             
             
        },
        yAxis: [{
            title: {
                text: 'Stock Price'
            },
             labels: {
            enabled: false
        },
           
             },{
            title: {
                text: 'Volume ',
                },
            labels: {
                format: '{value}m',
                enabled: false,
            },
            opposite:true,
            
        }],
        plotOptions: {
        labels: {
            enabled: false,
        },
        
            line: {
                
                enableMouseTracking: false
            },
              series: {
            marker: {
                    enabled: false
                },}
            
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle'
        },
        series: [{
        labels: {
            enabled: false,
        },
            name: 'Tokyo',
            type: 'area',
            color: '#F66464',
            
            
            data: [4,5,6,7,8,9,1],
             
        }, {
            name: 'London',
            type: 'column',
            color: '#FFFFFF',
             yAxis: 1,
            data: [1,2,3],
            
    
        }]
    });
    <!DOCTYPE html>
    <html>
    <body>
    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/modules/series-label.js"></script>
    <script src="https://code.highcharts.com/modules/exporting.js"></script>
    
    <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
    
    </body>
    </html>

我尝试禁用该标签,但它似乎不起作用。  我想摆脱以下输出中的标签(“东京”写成白色)。 enter image description here

1 个答案:

答案 0 :(得分:1)

你太近了。可以通过包含以下内容来删除标签:

label: {
    enabled: false,
},

在您的系列中,或plotOptions中,如果您要删除所有标签。

您使用 s 键入labels,但遗憾的是不正确。

系列标签上的

API https://api.highcharts.com/highcharts/plotOptions.series.label