如何添加多种颜色的剑道UI图表

时间:2018-01-04 18:51:45

标签: kendo-ui telerik telerik-charting

我正在使用Kendo UI Chart,我想绘制一个有多种颜色的图表。

我使用的代码如下:

@(Html.Kendo().Chart()
                                            .Name("chart")
                                            .Title("D I S C")
                                            .Legend(legend => legend
                                                .Visible(false)
                                            )
                                            .Series(series =>
                                            {

                                                series.Column(new int[] { 94,66,12,12 }).Color("#ff0000");

                                            })
                                            .CategoryAxis(axis => axis
                                                       .Name("series-axis")
                                                       .Categories("94","66","12","12")
                                                       //.Categories
                                                       .Line(line => line.Visible(false))
                                                   )
)

但它为每个栏显示一种颜色。 我想在每个酒吧都展示不同的颜色。 请帮我创建多种颜色的图表。 谢谢你提前。

1 个答案:

答案 0 :(得分:0)

我不熟悉kendo ui chart api,但似乎你可能需要指定更多系列的数据,如下所示:

.Series(series =>
{
  series.Column(new int[] { 94 }).Color("#ff0000");
  series.Column(new int[] { 66 }).Color("#ffff00");
  series.Column(new int[] { 12 }).Color("#00ff00");
})