javascript - Chart.js - 2 不显示轴标签
问题描述
我正在尝试使用 vue-chartjs 和 Chart.js (2.7.1) 绘制折线图。显示图形,但没有 xAxes 和 yAxes 标签。
这是我的选项对象:
title: {
display: true,
text: 'Title',
},
responsive: true,
maintainAspectRatio: false,
elements: {
line: {
fill: false
}
},
scales: {
xAxes: {
scaleLabel: {
display: true,
labelString: 'LabelX',
}
},
yAxes: {
scaleLabel: {
display: true,
labelString: 'LabelY',
}
},
}
我认为scales.xAxes.scaleLabel不起作用。
解决方案
您正在尝试将 V3 语法与 V2 一起使用,但这是行不通的。你必须这样写:
scales:{
xAxes: [
{
scaleLabel: {
display: true,
labelString: 'text'
}
}
],
yAxes: [
{
scaleLabel: {
display: true,
labelString: 'text'
}
}
]
}
推荐阅读
- perl - 我们可以在没有 Web 服务器的浏览器中运行 Perl 脚本吗?
- asp.net-core - 如何在asp .net core web api的后台服务中获取主机URL?
- javascript - 我只想在打印页面中显示选定的复选框表列
- node.js - 如何全局安装支持 es6 导入的 node-cli 工具?
- vba - 比较表和查询
- c - 数据未存储在接收数据寄存器中,(UART RXNE 标志未设置)
- javascript - 在 React-app 中未定义变量 no-undef
- testing - 如何在测试中更详细?
- python-3.x - 如何在python中与分叉进程共享变量?
- react-native - 适用于 iOS、Android 和 Web 的 Okta 集成