在图例中对 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 事件。在这种情况下，我们正在根据您的要求修改图例文本。

请从下面找到示例链接。

示例链接：http://jsplayground.syncfusion.com/cm5aa3mc

请从以下链接中找到示例的输出

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

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

问候， Saravana Kumar K.