javascript – 在工具提示模板kendo UI中一起显示系列和y轴数据的值
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在工具提示模板kendo UI中一起显示系列和y轴数据的值,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1239字,纯文字阅读大概需要2分钟。
内容图文
我使用kendo UI条形图来显示一些数据.
我能够显示柱形图..
但我有一些担忧如果有任何身体可以提供帮助.
>我不希望低压数据条和高压数据条之间存在间隙
>如何在工具提示模板中一起显示系列和y轴数据的值
我想要它
请查找附件图片以供参考..
我的代码:
title: {
},
legend: {
position: "bottom"
},
seriesDefaults: {
type: "column",
//stack: true
},
series: [{
name: "# Low Voltage Service Points",
data: [50, 23, 74, 20, 20, 10],
color: "#1A5FED",
// Line chart marker type
markers: {
type: "square"
}
}, {
name: "# High Voltage Service Points",
data: [52, 34, 78, 68, 23, 40],
color: "#ed3024",
}],
valueAxis: {
line: {
visible: false
},
labels: {
//format: "{0}%"
},
axisCrossingValue: 0
},
categoryAxis: {
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"],
color: "#ff0000",
majorGridLines: {
visible: false
},
line: {
visible: false
},
labels: {
template: "#=categories[value]#"
},
},
tooltip: {
visible: true,
format: "{0}",
template: "#= series.name #: #= value #, Date"
}
我的代码工作正常..
谢谢!!
解决方法:
为避免空格,请在系列中使用“spacing”参数
series: [{
spacing: 0,
}]
要在工具提示中显示类别值,请使用此#= category#
template: "#= series.name #: #= category # = #= value # "
我已经完成了一个Jsfidle示例,因此您可以看到它的实际效果
http://jsfiddle.net/chanaka1/hy7uqu00/2/
希望这可以帮助.
内容总结
以上是互联网集市为您收集整理的javascript – 在工具提示模板kendo UI中一起显示系列和y轴数据的值全部内容,希望文章能够帮你解决javascript – 在工具提示模板kendo UI中一起显示系列和y轴数据的值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。