在 Kendo-UI 中反转 Y 轴
Reverse Y axis in Kendo-UI
我正在尝试使 Y 轴的值方向从 1 到 8000,顶部为 8000,底部为 1。
function createChart() {
$("#chart").kendoChart({
title: {
text: "Units sold"
},
dataSource: {
data: stats
},
categoryAxis: {
labels: {
step: 10,
format: "n2"
},
},
series: [{
type: "line",
field: "y",
categoryField: "x",
style: "smooth",
markers: {
visible: false
}
}],
});
}
$(document).ready(createChart);
这是 jfiddle:http://jsfiddle.net/nDS3S/31/
这是可能的,这里是解决方案:http://jsfiddle.net/nDS3S/32/
您只需添加以下代码行:
valueAxis: {
reverse: true,
}
我正在尝试使 Y 轴的值方向从 1 到 8000,顶部为 8000,底部为 1。
function createChart() {
$("#chart").kendoChart({
title: {
text: "Units sold"
},
dataSource: {
data: stats
},
categoryAxis: {
labels: {
step: 10,
format: "n2"
},
},
series: [{
type: "line",
field: "y",
categoryField: "x",
style: "smooth",
markers: {
visible: false
}
}],
});
}
$(document).ready(createChart);
这是 jfiddle:http://jsfiddle.net/nDS3S/31/
这是可能的,这里是解决方案:http://jsfiddle.net/nDS3S/32/
您只需添加以下代码行:
valueAxis: {
reverse: true,
}