javascript - 具有对数刻度的剑道线性量规
问题描述
我需要在 Kendo 线性仪表图表中表示非线性或大比例的值并突出显示不同的值范围并在比例上标记多个值。挑战给出了小尺寸的图表,大范围或值不呈现/看起来不错。
http://dojo.telerik.com/@kk8322/ULokuFuZ
我准备切换到任何其他 javascript 图表库(最好是 Highcharts/Kendo 图表)以获得这种行为。
解决方案
您需要设置仪表区域的宽度。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>
推荐阅读
- android - 我想像在按钮中一样在中心添加图像和文本
- angular - AWS ec2上的角度网站部署问题
- javascript - 如何在Angular 6中动态创建的按钮上绑定点击事件?
- javascript - Javascript,使用 URL 查询字符串创建页面标题
- c# - 如何将数据从 ASP.NET 传递到 ASP.Net Core 应用程序?
- angular - Angular Hybrid 应用程序单元测试
- java - jooq 为 Oracle 返回没有时间的日期
- android - onClick 崩溃(通过在与 setText() 一起使用之前将 int 转换为 String 来解决问题)
- c# - 如何对文本框中的用户输入值进行排序并打印在标签中?
- python - 使用 factory_boy 数据填充特定数据库以进行测试