Kendo UI 使用 JavaScript 获得一年/多年条形图的颜色答案

【问题标题】：KendoUI get Color of one/more bars of the BarChart with JavaScriptKendo UI 使用 JavaScript 获得一年/多年条形图的颜色
【发布时间】：2016-08-18 21:48:18
【问题描述】：

我有一个类似于此演示的条形图： 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

【问题讨论】：

我的回答有帮助吗？

标签： javascript jquery kendo-ui telerik kendo-asp.net-mvc

【解决方案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>

【讨论】：