在数据中,有一个对象属性叫做对象属性clr
,它实际上包含了对应对象的颜色信息。我想用多种颜色画一条线。但是到目前为止,我无法使其工作。
这是我的数据集的一个小样本。
{x: 11,y: 599,k: 500,clr:'blue'}, { x: 6,y: 699,k: 800,clr:'yellow'}
这是我期望工作的代码示例:
series: [{data: mydata,color: mydata.clr}],
在数据中,有一个对象属性叫做对象属性clr
,它实际上包含了对应对象的颜色信息。我想用多种颜色画一条线。但是到目前为止,我无法使其工作。
这是我的数据集的一个小样本。
{x: 11,y: 599,k: 500,clr:'blue'}, { x: 6,y: 699,k: 800,clr:'yellow'}
这是我期望工作的代码示例:
series: [{data: mydata,color: mydata.clr}],
如此处所述,当 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);
改变你的函数看起来像这样,你必须告诉 Kendo 使用 colorField:
function createChart() {
$("#chart")
.kendoChart({
xAxis: {},
yAxis: {},
seriesDefaults: {type: "scatterLine" },
series: [{data: stats2,colorField: "clr"}],
})
}
更新小提琴:http: //jsfiddle.net/epvg86qu/20/