Javascript 避免在a中的每列序列上显示重复的堆栈标签。海图
我正在使用高图渲染堆叠的分组高图,如下所示。 我能够得到顶部所有DataLabel的总数,并且我还想在x轴上呈现一个堆栈标签,就像上面的提琴所示的双x轴一样 然而,我的问题是我能够在x轴上显示堆栈标签,但是我也看到每个堆栈系列都复制了相同的堆栈标签 有什么方法可以让我只在所有系列的底部显示堆栈标签,而不在堆栈系列的任何地方重复 代码:Javascript 避免在a中的每列序列上显示重复的堆栈标签。海图,javascript,highcharts,react-highcharts,Javascript,Highcharts,React Highcharts,我正在使用高图渲染堆叠的分组高图,如下所示。 我能够得到顶部所有DataLabel的总数,并且我还想在x轴上呈现一个堆栈标签,就像上面的提琴所示的双x轴一样 然而,我的问题是我能够在x轴上显示堆栈标签,但是我也看到每个堆栈系列都复制了相同的堆栈标签 有什么方法可以让我只在所有系列的底部显示堆栈标签,而不在堆栈系列的任何地方重复 代码: 重复标签不是堆栈标签,而是数据标签。只能显示特定系列的数据标签: { name: 'Jane',
重复标签不是
堆栈标签
,而是数据标签
。只能显示特定系列的数据标签:
{
name: 'Jane',
data: [42, 54, 43, 62, 74, 84],
stack: 'malssses',
dataLabels: {
enabled: true,
verticalAlign: 'bottom',
overflow: 'none',
crop: false,
y: 20,
formatter() {
return this.series.userOptions.stack;
}
}
}, {
name: 'Janet',
data: [34, 40, 42, 36, 74, 83],
stack: 'female',
dataLabels: {
enabled: true,
verticalAlign: 'bottom',
overflow: 'none',
crop: false,
y: 20,
formatter() {
return this.series.userOptions.stack;
}
}
}
演示:
API:
{
name: 'Jane',
data: [42, 54, 43, 62, 74, 84],
stack: 'malssses',
dataLabels: {
enabled: true,
verticalAlign: 'bottom',
overflow: 'none',
crop: false,
y: 20,
formatter() {
return this.series.userOptions.stack;
}
}
}, {
name: 'Janet',
data: [34, 40, 42, 36, 74, 83],
stack: 'female',
dataLabels: {
enabled: true,
verticalAlign: 'bottom',
overflow: 'none',
crop: false,
y: 20,
formatter() {
return this.series.userOptions.stack;
}
}
}