React Chartist：制作红色标签

Question

如何在图表上制作红色标签。我只想在星期天和星期六变红，其他的变灰：

 .ct-label {
    font-size: 9px;
    color: red; // this is make all label the red
  }

<div style={{height: '100%'}} className='position-relative ct-chart ct-hidden-points'>
          <ChartistGraph
            data={dataForChart}
            options={options}
            type='Line'
            style={{height: '80px', width: '100%'}}
          />
</div>

Answer 1

最丑陋的解决方案是：

1. 使用浏览器的开发者模式(F12)获取标签的xPath。
2. 使用 xPath 查找元素。 （使用 JavaScript 或 TypeScript）。
3. 将 CSS Class 添加到找到的元素（使用 JavaScript 或 TypeScript）。

Answer 2

我通过向图表添加动作侦听器解决了这个问题

function handleDrawChart(event) {
    if (event.type === 'label' && event.axis.units.pos === 'x') {
      if (event.text.match(/S[au]/gm)) {
        /* eslint-disable-next-line */
        event.element._node.children[0].style.color = 'red';
      }
    }
  }