在图例中分组 Syncfusion 折线图系列

Question

我制作了一个折线图，其中包含几个显示年度数据的系列。图表非常丰富，所以我只需要突出显示对用户最重要的信息。最重要的是当年的数据和平均值。所有其他系列，过去几年，应该以中性色留在背景中。

这是我现在得到的：

如您所见，过去的年份系列（灰色）已隐藏在图例中，以免年份列表太长（自 1980 年以来）。

我想要做的是将过去几年的系列分组显示为单个项目，即在图例中命名为“1980-2016”。有没有一种方法或解决方法可以使用此图表小部件实现此结果？

代码如下：http://jsplayground.syncfusion.com/4b2qkqkr

Answer 1

我们已经对此进行了分析，并根据您的要求修改了示例。

请参考下面的代码示例

$("#container").ejChart({ legendItemRendering:"onLegendItemRendering" });function onLegendItemRendering(sender){
   if (sender.data.legendItem.SeriesIndex == 0)
   {
     sender.data.legendItem.Text = ' "' + startDate + " - " + endDate + '" '; 
   }
}

在上面的代码中，我们触发了 legendItemRendeing 事件。在活动中，我们正在根据您的要求修改图例文本。

请从下面找到示例 link。

示例 link：http://jsplayground.syncfusion.com/cm5aa3mc

请从下面找到样本的输出link

https://i.stack.imgur.com/i8DLe.png

如果您有任何疑虑，请告诉我们。

此致， Saravana Kumar K.

在图例中分组 Syncfusion 折线图系列

grouping Syncfusion line chart series in the legend

javascript

charts

syncfusion