Question

我有一个Highcharts图表，效果很好，并使用以下格式对yAxis标签进行了自定义设置。

yAxis: {
    labels: {
        formatter: function () {
            var newNumber = formatNumber(this.value, 1);
            return newNumber;
        }
};

但是，当我动态添加如下所示的系列时，yAxis标签没有相同的自定义格式。看起来他们最终只是使用默认的Highcharts数字格式。

chart.addSeries({
    data: newData,
    yAxis: newDataName
});

如何使动态添加的系列具有与最初加载的系列相同的标签编号格式？

另外，请注意，我需要命名动态添加的系列（“ newDataName”），以便以后可以再次引用以将其删除。

这也是动态添加轴的方式。为了澄清起见，我添加了一个序列，但也添加了一个轴来显示该序列。

chart.addAxis({
    id: theData,
    title: {
        text: "newAxis"
    }
});

Answer 1

由于您正在动态添加系列和该系列应使用的新轴，因此该轴还需要包含格式化程序详细信息。例如（JSFiddle）：

// New axis
chart.addAxis({
    id: 'new',
    // Which also has the label formatter
    labels: {
        formatter: function () {
            return formatNumber(this.value, 1);
        }
    },
    title: {
        text: "newAxis"
    }
});

// New series which uses the axis
chart.addSeries({
    data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175],
    yAxis: 'new'
});

Highcharts addSeries yAxis标签格式

1 个答案: