У меня есть кендо-диаграмма с двумя сериями. Первая - серия scatterLine
а вторая - простая серия scatter
с видимыми маркерами. В настоящее время вторая серия рисуется в первую очередь, и маркеры scatterLine
точки из серии scatterLine
, что затрудняет их просмотр. Я попытался изменить порядок серии, когда они определены, но это мне не помогло. Значит, люди, ты знаешь, как я могу справиться с этим?
Похоже, вы правы, когда kendo рисует линию сверху.
Я думаю, ваш лучший выбор - использовать форму, фон, толщину линии, цвет и непрозрачность, чтобы получить желаемый вид.
$("#chart").kendoChart({
legend: {
position: "right"
},
series: [{
name: "January 2010",
type: "scatterLine",
color: "rgba(245,150,44,0.85)",
markers: {
background: "rgba(255,255,255,0.1)",
type: "triangle",
border: {
width: 1.2
}
},
data: [
[21.7, 3], [13.6, 3.5], [13.6, 3], [29.9, 3], [21.7, 20], [19, 2], [10.9, 3], [28, 4], [27.1, 0.3], [16.4, 4], [13.6, 0], [19, 5], [16.4, 3], [24.5, 3], [32.6, 3], [27.1, 4], [13.6, 6], [13.6, 8], [13.6, 5], [10.9, 4], [16.4, 0], [32.6, 10.3], [21.7, 20.8], [24.5, 0.8], [16.4, 0], [21.7, 6.9], [13.6, 7.7], [16.4, 0], [8.1, 0], [16.4, 0], [16.4, 0]]
},{
name: "January 2008",
type: "scatter",
color: "rgba(59,96,27, 0.9)",
markers: {
background: "rgba(59,96,27, 0.3)",
border: {
width: 2
}
}, data: [
[16.4, 5.4], [21.7, 2], [25.4, 3], [19, 2], [10.9, 1], [13.6, 3.2], [10.9, 7.4], [10.9, 0], [10.9, 8.2], [16.4, 0], [16.4, 1.8], [13.6, 0.3], [13.6, 0], [29.9, 0], [27.1, 2.3], [16.4, 0], [13.6, 3.7], [10.9, 5.2], [16.4, 6.5], [10.9, 0], [24.5, 7.1], [10.9, 0], [8.1, 4.7], [19, 0], [21.7, 1.8], [27.1, 0], [24.5, 0], [27.1, 0], [29.9, 1.5], [27.1, 0.8], [22.1, 2]]
}],
xAxis: {
max: 35,
},
yAxis: {
min: -5,
max: 25,
}
});