En Kendo Ui cómo dibujar la línea vertical en una tabla de línea
-
21-12-2019 - |
Pregunta
¿Cómo dibujar una línea vertical en una tabla de línea con HTML5 y Kendo UI?¿Alguien puede ayudarme a resolver este problema?
Solución
Intenta esto:
// 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
/ * sin círculo * /
$("#chart").kendoChart({
categoryAxis: {
notes: {
line: {
length: 300
},
icon: {
border: {
width: 0
}
},
// Initial notes
data: [{
value: new Date(2012, 0, 3)
}]
}
}
});
Otros consejos
En Kendo Documentation es ejemplo, ¿cómo dibujan líneas personalizadas en la tabla?Horizontal y vertical.
http://docs.telerik.COM / KENDO-UI / CONTROLES / TRABUJOS / CÓMODOS / CUANTO-CUERDICIDO-BANDS
Puede personalizar las líneas mediante la edición de accidentes cerebrovasculares:
stroke: {
color: "red",
width: 1,
dashType:"dash"
}
También puede intentar usar la tabla de columnas.
Simplemente extienda la serie:
series: [{
type: "line",
field: "value",
categoryField: "date"
},
{
type:"column",
field: "valueColumn",
gap: 300
}]
y el DataSource.Data con un nuevo campo como: ValueColumn.
Consulte también el ejemplo .
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow