Highcharts如何在柱形图中显示顶行?

时间:2018-05-15 12:05:46

标签: highcharts

除了顶行,我的所有行都有行。 我需要像其他线一样显示顶部网格线(其中$ 50B)。

我无法理解什么是错的。请帮我这样做。

请看下面的图片,了解我的意思。

enter image description here

这是我的代码:

window.revenueIncomeChart = new Highcharts.Chart('revenueIncomeChartBox', {
chart: {
    type: 'column'
},
title: {
    text: null
},
subtitle: {
    text: null
},
xAxis: {
    categories: chartData.categories,
    title: {
        text: null
    },
    labels: {
        style: {
            color: '#BBBBBB',
            fontSize: '14px'
        }
    }
},
yAxis: {
    title: {
        text: null
    },
    className: 'axis-class',
    labels: {
        formatter: function() {
            return '$ ' + this.value + $.trim(chartData.tooltipSuffix);
        },
        style: {
            color: '#BBBBBB',
            fontSize: '14px'
        }
    }
},
tooltip: {
    valueSuffix: chartData.tooltipSuffix,
    valueDecimals: 2,
    shared: true,
    split: false
},
legend: {
    layout: 'horizontal',
    align: 'center',
    verticalAlign: 'bottom',
    floating: false,
    borderWidth: 1,
    borderColor: '#f2f2f2',
    backgroundColor: '#FFFFFF',
    shadow: false,
    itemStyle: {
        fontSize: '16px',
        color: '#797979',
        fontWeight: 'normal'
    }
},
credits: {
    enabled: false
},
series: chartData.series
});

除了顶行,我的所有行都有行。 我需要像其他线一样显示顶部网格线(其中$ 50B)。

我无法理解什么是错的。请帮我这样做。

请看下面的图片,了解我的意思。

0 个答案:

没有答案