Многоцветная линия

Question

В данных есть свойство объекта clr, которое фактически содержит информацию о цвете соответствующего объекта. Я хотел бы нарисовать одну строку с несколькими цветами. Однако до сих пор я не мог заставить его работать.

Вот небольшой образец моего набора данных.

{x: 11,y: 599,k: 500,clr:'blue'}, { x: 6,y: 699,k: 800,clr:'yellow'} 

Вот пример кода, который я должен работать:

series: [{data: mydata,color: mydata.clr}], 

http://jsfiddle.net/epvg86qu/19/

Answer 1

Как указано here, опция colorField поддерживается, когда для параметра series.type установлено значение «bar», «column», «bubble», «donut», «pie», «candlestick», «ohlc» или «waterfall» ».

Единственный способ сделать это - создать несколько серий. См скрипки: http://jsfiddle.net/53ygp9ut/2/

function createChart() { 
    $("#chart").kendoChart({ 
     xAxis: {}, 
     yAxis: {}, 
     seriesDefaults: {type: "scatterLine" }, 
     series: [{data: stats1, color: "blue"}, 
       {data: stats2, color: "yellow"}, 
       {data: stats3, color: "red"}], 
    }); 
} 

$(document).ready(createChart); 

Answer 2

Измените функцию, чтобы выглядеть следующим образом, вы должны сказать Кендо использовать colorField:

function createChart() { 
    $("#chart") 
    .kendoChart({ 
     xAxis: {}, 
     yAxis: {}, 
     seriesDefaults: {type: "scatterLine" }, 
     series: [{data: stats2,colorField: "clr"}], 
    }) 
} 

Обновленная скрипка: http://jsfiddle.net/epvg86qu/20/