c3.js 突出显示特定内容答案

【问题标题】：c3.js highlight something specificc3.js 突出显示特定内容
【发布时间】：2017-01-12 15:46:46
【问题描述】：

我有一个条形图和两个值 x（它像 0 5 10 等）和 y（它像 0 1000 2000）是否可以突出显示在 x 轴上 25 之后出现的条形？

我找到了chart.focus(targetIds)，但我不知道如何使用it。

【问题讨论】：

【解决方案1】：

首先要做的是：没有这个功能。 Chart.focus(targetId) 用于突出显示一组完整的数据，并且仅在加载图表时使用。鼠标悬停后将取消突出显示。

相反，您可以通过使用组来使用解决方法。突出显示的和未突出显示的必须在不同的组中，使用不同的颜色。

缺点：你的列是以前的两倍，当你使用工具提示和图例时，你必须格式化它，否则会很难看。

但如果你对此没问题，这里有一个例子：jsFiddle

【讨论】：

谢谢@Akoya！我想我找到了一个解决方案，但必须将颜色更改为明亮的颜色应该被视为突出显示：可以编写一个函数以在 25 之后突出显示，以便在下面的代码中使用（我将给出示例暂时在索引上）：color: function (color, d) { return colors[d.index] } 查看jsFiddle 了解更多信息。（取消注释颜色代码）。