Highcharts仅更改最后堆叠值

时间:2016-06-03 15:21:34

标签: highcharts

我有一个高图,如附图所示。 我试图格式化我最后堆叠的数据的图例。在这种情况下,索引1始终。 有关如何实现这一目标的任何帮助? enter image description here

我的主要目标是,在那里总是显示我在变量中的值,这将是可能的最大值。

createChart: function (id, chartData, maxYValues, chartTitle, chartNames, dataToMax) {
    var me = this;
    debugger;
    me.highChart = new Highcharts.Chart({
        chart: {
            type: 'column',
            renderTo: id
        },
        title: {
            text: chartTitle,
            fontSize: '8px'
        },
        xAxis: {
            labels: {
                overflow: 'justify'
            },
            categories: chartNames
        },
        yAxis: {
            gridLineWidth: 0,
            minorGridLineWidth: 0,
            labels: {
                enabled: false
            },
            stackLabels: {
                enabled: true,
                format: maxYValues
            },
            title: {
                enabled: false
            }
        },
        colors: ['#afafaf', '#f89c1c', '#3aaa80'],
        credits: {
            enabled: false
        },
        tooltip: {
            pointFormat: '<span>{point.name}</span>'
        },
        plotOptions: {
            series: {
                colors: ['#3aab80', '#3aab80'],
                colorByPoint: true,
                borderWidth: 0,
                dataLabels: {
                    enabled: true,
                    headerFormat: '{point.y + point.name}',
                    format: '{y} mb',
                    verticalAlign: 'top',
                    y: -20
                }
            },
            column: {
                stacking: "percent"
            },
            area: {
                dataLabels: {
                    enabled: false
                }
            }
        },
        legend: {
            labelFormat: '<b>{point.y} MB</b><br/>',
            labelFormatter: function () {
                if (me.series.data.index === 1) {
                    return maxYValues;
                }
            }
        },
        series: [{
            showInLegend: false,
            data: chartData,
            color: '#3aab80'
        }, {
            showInLegend: false,
            data: dataToMax,
            legend: {
                labelFormat: maxYValues + 'MB</b><br/>'
            }
        }],
        navigation: {
            menuItemStyle: {
                fontSize: '8px'
            }
        }
    });
},

谢谢 更新:添加了代码剪切,并将图像更新为我当前代码显示的内容

0 个答案:

没有答案