如何在Chartist中添加轴标题

fir*_*yer 4 visualization chartist.js

我正在使用Chartist进行浏览器可视化.

这里的要求是我需要在X轴和Y轴上添加标题,以便观众知道每个轴代表什么.但是我浏览了Chartist的在线文档,但没有找到关于此的文档.我错过了什么,或者Chartist不支持此功能?如果它不受支持,有没有办法解决这个问题?

Lui*_* U. 5

您可以下载并使用Alex Stanbury开发的Axis Title Plugin.这是您必须添加到现有图表选项的代码.

plugins: [
 Chartist.plugins.ctAxisTitle({
    axisX: {
       axisTitle: 'X title',
       axisClass: 'ct-axis-title',
       offset: {
          x: 0,
          y: 50
       },
       textAnchor: 'middle'
    },
    axisY: {
       axisTitle: 'Y title',
       axisClass: 'ct-axis-title',
       offset: {
          x: 0,
          y: 0
       },
       textAnchor: 'middle',
       flipTitle: false
     }
   })
 ]
Run Code Online (Sandbox Code Playgroud)