In Kendo UI come disegnare la linea verticale in un grafico a linee
-
21-12-2019 - |
Domanda
Come disegnare una linea verticale in una tabella di linea usando HTML5 e Kendo UI?Qualcuno può aiutarmi a risolvere questo problema?
Soluzione
Prova questo:
// 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
/ * senza cerchio * /
$("#chart").kendoChart({
categoryAxis: {
notes: {
line: {
length: 300
},
icon: {
border: {
width: 0
}
},
// Initial notes
data: [{
value: new Date(2012, 0, 3)
}]
}
}
});
.
Altri suggerimenti
Nella documentazione di Kendo è un esempio come si disegna le linee personalizzate sul grafico.Composizione orizzontale e verticale.
http://docs.telerik.COM / KENDO-UI / Controlli / Charts / How-to / Custom-Plot-Bands
È possibile personalizzare le linee modificando la corsa:
stroke: {
color: "red",
width: 1,
dashType:"dash"
}
. Puoi anche provare a utilizzare il grafico a colonna.
Basta estendere la serie:
series: [{
type: "line",
field: "value",
categoryField: "date"
},
{
type:"column",
field: "valueColumn",
gap: 300
}]
.
E il DataSource.Data con un nuovo campo come: ValueColumn.
Vedi anche il Esempio .
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow