有没有办法为同一系列的特定数据点分配不同的标记类型(圆形,正方形,三角形等)? (我正在使用scatterLine图表)
我知道可以用颜色完成:
Assigning specific color to each data point example
您还可以更改整个系列的类型:example
但是我需要在同一行上至少包含2种不同的类型(圆形和三角形)
任何建议都欢迎,谢谢
最佳答案
您可以使用系列标记的visual property绘制所需的形状,例如:
series: [{
type: "line",
markers: {
visual: function (e) {
var origin = e.rect.origin;
var center = e.rect.center();
var bottomRight = e.rect.bottomRight();
if (e.value < 2){
return e.createVisual();
} else {
var path = new kendo.drawing.Path({
stroke: {color: e.options.border.color, width: 2},
fill: { color: "white" }
})
.moveTo(origin.x, bottomRight.y)
.lineTo(bottomRight.x, bottomRight.y)
.lineTo(center.x, origin.y)
.close();
return path;
}
}
}
DEMO