highcharts - 如何去掉 Highcharts 中的线条标签?

标签 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

最佳答案

你们离得很近。可以通过添加以下内容来删除标签:

label: {
    enabled: false,
},

在您的系列中,或者在 plotOptions 中(如果您想删除所有标签)。

您输入的 labels 带有 s,不幸的是,这是不正确的。

系列标签上的API:https://api.highcharts.com/highcharts/plotOptions.series.label

关于highcharts - 如何去掉 Highcharts 中的线条标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46823746/

相关文章:

javascript - 使用 highcharts 为条形图中的每个条形设置单独的颜色

Highcharts:如何从 stackLabel 格式化程序中在 highcharts 条形图中提供自定义堆栈标签?

javascript - Highcharts SolidGauge 标签调整大小问题

javascript - Highcharts:Stacked Column 在选择状态下增加 borderWidth

highcharts - 如何使 HTML 在 HighChart 标题中工作?

javascript - 通过在 phantomjs 上运行 highcharts-convert.js 生成图像

ios - 如何使用 AppCoda 示例和 iOS 图表获取饼图数据以显示?

javascript - Highcharts 组合图表渲染错误

javascript - HighCharts.js TickInterval动态变化

javascript - 结合传说中的系列