extjs - 在 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

结果看起来像这样。