在ExtJS图表中更改系列中的单个标记

Question

这就是我要做的...... 我有一个带有标记的系列图表。在X轴上，我有日期，在Y轴上有一个数字。所以我可以说我在昨天到下周的x日期。并且每天都有相应的Y轴值。 我想要做的是更改属于实际日期的标记的颜色。 换句话说，为了更清楚，我想改变ExtJS系列中单个标记的颜色。我知道markerConfig，但这似乎没有帮助，因为它适用于所有标记。

我没有找到这样的东西，所以我在这里停下来看看你们是否可以帮助我。 提前致谢！

Answer 1

我认为最简单的方法是突出显示系列中的单个数据点。

首先，定义你的高亮风格。

Ext.create('Ext.chart.Chart', {
...
series: [{
  type: 'line',
  highlight: {
    size: 10,
    radius: 10,
    fill: 'red'
  },
...
});

然后，在系列中选择适当的数据点并调用highlightItem()方法。这是一个展示如何使用该方法的示例。

var series = myChart.series.get(0);
series.highlightItem(series.items[2]);  // highlight the 3rd data point in the series

结果看起来像这样。