В 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
}
}]
}
}
});
.
Demo: 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)
}]
}
}
});
.
Другие советы
В документации на Кендо является примером, как нарисуйте пользовательские линии на графике.Горизонтальный и вертикальный.
http://docs.telelerik.COM / KENDO-ui / Controls / Charts / How-to / Custom-Plot-диапазоны
Вы можете настроить линии путем редактирования хода:
stroke: {
color: "red",
width: 1,
dashType:"dash"
}
. Вы также можете попробовать использовать столбец.
Простите серию:
series: [{
type: "line",
field: "value",
categoryField: "date"
},
{
type:"column",
field: "valueColumn",
gap: 300
}]
.
и DataSource.data с новым полем, как: ValueColumn.
См. Также Пример .
Не связан с StackOverflow