在图例

时间:2017-10-04 17:47:55

标签: javascript charts syncfusion

我制作了一个折线图,其中有几个系列显示年度数据。图表非常丰富,因此我只需向用户突出显示最重要的信息。 最重要的是当年的数据和平均值。过去几年所有其他系列都应该保持中性色的背景。

这是我现在所拥有的: enter image description here

正如你所看到的,灰色的过去一年的系列已被隐藏在传说中,以便没有很长的年份列表(自1980年以来)。

我想做的是显示过去几年的系列分组单项即。在传说中命名为“1980-2016”。使用此图表小部件有没有办法或解决方法来实现此结果?

这是代码:http://jsplayground.syncfusion.com/4b2qkqkr

1 个答案:

答案 0 :(得分:0)

我们已对此进行了分析,并根据您的要求修改了样本。

请参阅下面的代码示例

$("#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。