4
比方说,我有一个这样的折线图:https://jsfiddle.net/13fyhL4j/chart.js之开关X/Y轴线图上
HTML:
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.js"></script>
<canvas id="myChart" width="400" height="400"></canvas>
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轴类别。
有必要不仅改变轴的值,而且还图表本身。