多色线

在数据中，有一个名为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

如此处所述，当series.type设置为“bar”，“column”，“bubble”，“donut”，“pie”，“candlestick”，“ohlc”或“waterfall”时，支持colorField选项。

这样做的唯一方法似乎是创建多个系列。 见小提琴： 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

将您的function更改为这样，您必须告诉Kendo使用colorField：

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

更新小提琴： http ： //jsfiddle.net/epvg86qu/20/