在kendo ui如何在界图中绘制垂直线
-
21-12-2019 - |
题
如何使用HTML5和KENDO UI在线图中绘制垂直线路?任何人都可以帮助我解决这个问题吗?
解决方案
试试:
// let chart be the id
$("#chart").kendoChart({
categoryAxis: {
notes: {
line: {
length: 300
},
data: [{
value: new Date(2012, 0, 3),
label: {
text: "-" //text you want to show
}
}]
}
}
});
.
演示: http://jsbin.com/obuweca/26
/ *没有圆* /
$("#chart").kendoChart({
categoryAxis: {
notes: {
line: {
length: 300
},
icon: {
border: {
width: 0
}
},
// Initial notes
data: [{
value: new Date(2012, 0, 3)
}]
}
}
});
.
其他提示
在KENDO文档中是示例在图表上绘制自定义线。水平和垂直。
http://docs.telerik。com / kendo-ui / controls / charts / how-to / custom-plot-bands
您可以通过编辑笔划自定义行:
stroke: {
color: "red",
width: 1,
dashType:"dash"
}
. 您也可以尝试使用列图。
只延长序列:
series: [{
type: "line",
field: "value",
categoryField: "date"
},
{
type:"column",
field: "valueColumn",
gap: 300
}]
.
和具有新字段的DataSource.data,如:ValueColumn。
另请参阅 。
不隶属于 StackOverflow