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

Posted 2021-05-03

我正在使用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))
                                                   )
)

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

答案

我不熟悉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");
})