多色線

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

如前所述這里 ，當series.type設置為“欄”，“列”，“泡沫”，“油條”，“大餅”，“蠟燭”，“OHLC”或“瀑布”的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

將函數更改為如下所示，您必須告訴Kendo使用colorField：

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

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