Question

我使用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>

我尝试禁用该标签，但它似乎不起作用。我想摆脱以下输出中的标签（“东京”写成白色）。

Answer 1

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

label: {
    enabled: false,
},

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

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

系列标签上的

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

如何摆脱highcharts中的行标签？

1 个答案: