Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 避免在a中的每列序列上显示重复的堆栈标签。海图_Javascript_Highcharts_React Highcharts - Fatal编程技术网

Javascript 避免在a中的每列序列上显示重复的堆栈标签。海图

Javascript 避免在a中的每列序列上显示重复的堆栈标签。海图,javascript,highcharts,react-highcharts,Javascript,Highcharts,React Highcharts,我正在使用高图渲染堆叠的分组高图,如下所示。 我能够得到顶部所有DataLabel的总数,并且我还想在x轴上呈现一个堆栈标签,就像上面的提琴所示的双x轴一样 然而,我的问题是我能够在x轴上显示堆栈标签,但是我也看到每个堆栈系列都复制了相同的堆栈标签 有什么方法可以让我只在所有系列的底部显示堆栈标签,而不在堆栈系列的任何地方重复 代码: 重复标签不是堆栈标签,而是数据标签。只能显示特定系列的数据标签: { name: 'Jane',

我正在使用高图渲染堆叠的分组高图,如下所示。

我能够得到顶部所有DataLabel的总数,并且我还想在x轴上呈现一个堆栈标签,就像上面的提琴所示的双x轴一样 然而,我的问题是我能够在x轴上显示堆栈标签,但是我也看到每个堆栈系列都复制了相同的堆栈标签

有什么方法可以让我只在所有系列的底部显示堆栈标签,而不在堆栈系列的任何地方重复

代码:


重复标签不是
堆栈标签
,而是
数据标签
。只能显示特定系列的数据标签:

   {
              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;
                }
              }
            }