如何在 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' 添加到 parent 元素：

// ...
<div style={{ textAlign: 'center' }}>
  <h1>Chart title</h1>
  <ChartistGraph
    className="ct-hidden-points-title"
    data={data}
    options={options}
    type={type}
  />
</div>
// ...

如何在 Chartist 中添加绘图标题

How to add title of the plot in Chartist

javascript

reactjs

plot

charts

title