图表每一侧的chartJS标签

Posted

技术标签:

【中文标题】图表每一侧的chartJS标签【英文标题】:chartJS label on each side of the chart 【发布时间】:2018-08-24 06:58:33 【问题描述】:

我正在尝试使用竖线在 django 应用程序中设置 Chart.js,但我无法使用标签。我的数据在 [-100;+100] 范围内,我希望能够在图表顶部显示一个标签,在底部显示另一个标签。

现在我只设法将标签放在图表的底部.. enter image description here

并且需要它看起来像这样: enter image description here

知道如何实现吗? 拉斐尔

【问题讨论】:

【参考方案1】:

在 options 对象内部,添加两个 xAxes 刻度:

scales: 
    xAxes: [
        display: true,
        position: 'top'
    ,
        display: true,
        position: 'bottom'
    ]

website和github上有很多例子

【讨论】:

以上是关于图表每一侧的chartJS标签的主要内容,如果未能解决你的问题,请参考以下文章

Chartjs 简单使用 ------ 制作sin cos 折线图

Chartjs 在鼠标悬停时显示标签和单位

使用 Chartjs 和 PHP 创建图表

如何在图表饼图中添加“%”(chartjs)

动态更新chartjs图表的值

图表区域背景颜色chartjs