本文介绍了一个关于使用JavaScript和Chart.js库创建折线图的问题。作者希望将原本的类别比例x轴改为线性比例，并将线性比例的y轴改为类别比例。文章探讨了如何不仅更改轴值，还需调整图表本身。
假设我有一个这样的折线图：
https://jsfiddle.net/13fyhL4j/
HTML：
JS：
var ctx = document.getElementById("myChart");
var yLabels = [0, 2, 3, 6, 7];
var xLabels = ['A', 'B', 'C', 'D', 'E'];
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: xLabels,
datasets: [
{
type: 'line',
label: 'Line',
data: yLabels,
fill: false,
}
]
},
options:{
scales: {
xAxes: [{
display: true,
scaleLabel: {
display: true,
labelString: 'x label'
},
}],
yAxes: [{
display: true,
scaleLabel: {
display: true,
labelString: 'y label'
},
}]
}
}
});
这里x轴具有类别比例,y轴具有线性比例.我需要交换轴,但是,我找不到如何使x轴线性和y轴类别.
不仅要更改轴值,还要更改图表本身.
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
