在数据中,有一个名为clr
的对象属性,它实际上包含相应对象的颜色信息。我想用多种颜色画一条线。但到目前为止,我无法使其发挥作用。
以下是我的数据集的一小部分示例。
{x: 11,y: 599,k: 500,clr:'blue'}, { x: 6,y: 699,k: 800,clr:'yellow'}
以下是我原本希望使用的代码示例:
series: [{data: mydata,color: mydata.clr}],
答案 0 :(得分:3)
如上所述here,当series.type设置为“bar”,“column”,“bubble”,“donut”,“pie”,“candlestick”,“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);
答案 1 :(得分:2)
将您的功能更改为如此,您必须告诉Kendo使用colorField:
function createChart() {
$("#chart")
.kendoChart({
xAxis: {},
yAxis: {},
seriesDefaults: {type: "scatterLine" },
series: [{data: stats2,colorField: "clr"}],
})
}