[英]Kendo Linear Guage with logarithmic scale
I need to represent a Non-linear or large scale of values in Kendo Linear Gauge chart & highlight different range of values & mark multiple over the scale. 我需要在Kendo Linear Gauge图表中表示非线性或大范围的值,并突出显示不同的值范围并在刻度上标记多个值。 Challenge is given small size of chart, large range or value doesn't render/look good.
挑战是小尺寸的图表,大范围或价值不会呈现/看起来不错。
http://dojo.telerik.com/@kk8322/ULokuFuZ http://dojo.telerik.com/@kk8322/ULokuFuZ
I am ready to switch to any other javascript chart library (preferably Highcharts/Kendo charts) for getting this behavior. 我准备切换到任何其他javascript图表库(最好是Highcharts / Kendo图表)来获取此行为。
You need to set the width of the gauge area. 您需要设置仪表区域的宽度。 API Reference for it.
它的API参考。
<script>
$(document).ready(function() {
$("#gauge").kendoLinearGauge({
gaugeArea:{
width:500
},
pointer: [{
value: 670000,
shape: "arrow",
color: "black"
}, {
value: 480000,
color: "blue",
shape: "arrow"
}, {
value: 570000,
size: 15,
color: "blue",
shape: "arrow"
}],
scale: {
min: 470000,
max: 770000,
vertical: false,
ranges: [{
from: 470000,
to: 470500,
color: "#c20000"
},{
from: 470500,
to: 471000,
color: "yellow"
}, {
from: 771500,
to: 770500,
color: "yellow"
}, {
from: 770500,
to: 770000,
color: "#c20000"
}]
}
});
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.