如何在 Chartist 中添加绘图标题

Question

我使用'react-chartist'。我想添加情节的标题，这对我不起作用：const options = {  title:{    display:true,    text: 'Some name'  }}<ChartistGraph          className='ct-hidden-points-title'          data={data}          options={options}          type='Line'         />

Answer 1

整个图表似乎没有标题属性。

有一个轴标题插件 ( https://gionkunz.github.io/chartist-js/plugins.html#axis-title-plugin )，但从问题来看，这似乎不是你要找的东西。

如果你只想在图表下方或上方显示一些文本，你可以将它放在那里并textAlign: 'center'为父元素添加样式：

// ...

<div style={{ textAlign: 'center' }}>

  <h1>Chart title</h1>

  <ChartistGraph

    className="ct-hidden-points-title"

    data={data}

    options={options}

    type={type}

  />

</div>

// ...