Question

我有一个像这个演示中的条形图： http://demos.telerik.com/aspnet-mvc/bar-charts/column

我想用js获取生成的条的所有颜色。像这样：

function getColors() {  
  for (i=0:bars.Count) {
    colorArray[i] = $('#chart').data("kendoChart").options.series[0].data[I].usercolor TODO?? how to access the bars
  }
}

另外：如何使用javascript设置饼图的一种或多种颜色：http://demos.telerik.com/aspnet-mvc/pie-charts/index

Answer 1

为什么不选择你想要的颜色，而不是使用默认的图表颜色？

您可以在定义Kendo MVC条形图时指定SeriesColors，例如

。

@(Html.Kendo().Chart().
              .Name("Chart")
              .SeriesColors("#f00", "#0f0", "#00f", "#f0f")
)

使用JavaScript执行此操作：

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  seriesColors: ["red", "green"],
  series: [
    { data: [1, 2] },
    { data: [1, 2] },
    { data: [1, 2] }
  ]
});
</script>

KendoUI使用JavaScript获取BarChart的一个/多个条形图的颜色

1 个答案: