Chart.js 向vue chartjs添加选项似乎不起作用
我正在我的项目中使用。我想要实现的是添加与原始选项相同的选项,但在我的案例中不起作用。比如当我删除/隐藏图表标题和删除y轴等。我相信这是chartjs v2。请参见下面的示例代码Chart.js 向vue chartjs添加选项似乎不起作用,chart.js,vue-chartjs,Chart.js,Vue Chartjs,我正在我的项目中使用。我想要实现的是添加与原始选项相同的选项,但在我的案例中不起作用。比如当我删除/隐藏图表标题和删除y轴等。我相信这是chartjs v2。请参见下面的示例代码 从“vue chartjs”导入{Line} 导出默认行。扩展({ 安装的(){ 道具:[“选项”], 这是我的艺术({ 标签:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月], 选项:{ 图例:{//隐藏图例 显示:假, }, 缩放:{//隐藏y轴 雅克斯:[{ 显示:假 }] } }
从“vue chartjs”导入{Line}
导出默认行。扩展({
安装的(){
道具:[“选项”],
这是我的艺术({
标签:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月],
选项:{
图例:{//隐藏图例
显示:假,
},
缩放:{//隐藏y轴
雅克斯:[{
显示:假
}]
}
},
数据集:[
{
线张力:0,
边框宽度:1,
边框颜色:'#F2A727',
pointBackgroundColor:“#F2A727”,
背景色:“透明”,
数据:[40,20,12,39,10,30]
}
]
})
}
})
尝试使用以下命令
import { Line } from 'vue-chartjs'
export default Line.extend({
props: ['data', 'options'],
mounted() {
this.renderChart({
labels: ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC'],
datasets: [{
lineTension: 0,
borderWidth: 1,
borderColor: '#F2A727',
pointBackgroundColor: '#F2A727',
backgroundColor: 'transparent',
data: [40, 20, 12, 39, 10, 30]
}]
}, {
legend: { //hides the legend
display: false,
},
scales: { //hides the y axis
yAxes: [{
display: false
}]
}
})
}
})
不是“vue chartjs”专业版,但这应该可以用