如何在 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' }}>&nbsp; <h1>Chart title</h1>&nbsp; <ChartistGraph&nbsp; &nbsp; className="ct-hidden-points-title"&nbsp; &nbsp; data={data}&nbsp; &nbsp; options={options}&nbsp; &nbsp; type={type}&nbsp; /></div>// ...