如何给图表添加标题和副标题？

Question

类似 （https://visactor.io/vchart/demo/line-chart/basic-line）这样的折线图，

我希望给图表上方添加标题描述，该如何配置？

Answer 1

不同图表库的解决方案不一样。根据你给的 demo，在 VChart 中，只需要配置 title.text（标题文本）和 title.subtext（副标题文本）即可。

另外，你可以通过 title.textStyle 和title.subtextStyle 配置来分别调整标题的样式。

title: {
    text: 'Line chart',
    subtext:
      'The line chart is a simple, two-dimensional chart with an X and Y axis, each point representing a single value.',
    textStyle: {
      fontSize: 20
    },
    subtextStyle: {
      fontStyle: 'italic'
    }
}

再给一个完整的例子： https://codesandbox.io/s/title-in-line-chart-rkzvns

官方站点的标题 demo：https://visactor.io/vchart/demo/title/richText-title
标题教程：https://visactor.io/vchart/guide/tutorial_docs/Chart_Concepts...
相关api：https://visactor.io/vchart/option/lineChart#title.text

Answer 2

https://visactor.io/vchart/option/barChart#title.visible

Answer 3

https://visactor.io/vchart/option/lineChart#title.text

title:{
    text: '主标题',
    subtext: '标题描述'
  }