Kendo - 同一图表上的2个数据源

时间:2015-09-08 12:41:44

标签: kendo-ui kendo-grid

您好我在2个不同的图表上有2个数据源,我想将它们组合在同一个图表上。它们都具有相同的X轴。我该怎么办?

var sharedDataSourceA = ...
var sharedDataSourceB = ...

$("#chart1").kendoChart({
                    dataSource: ???
                    ...

2 个答案:

答案 0 :(得分:1)

我建议您首先将两个dataSource组合在一起,并在您的数据中有一个" group"属性使图表可以区分两者。

Kendo在这里演示了kendoChartgroupData:KendoChart Grouped Data

希望有所帮助!

答案 1 :(得分:0)

您可以通过使用toJSON方法提取json数组来连接两个数据源,然后使用concat方法将它们连接起来。最后用结果数组

构造新的数据源对象

请参阅Demo

<div class="col-xs-12 col-xm-5 nopadding">
  <div class="col-xs-12 small-wrapper">
    <h5>Username</h5>
  </div>
  <div class="col-xs-12 small-wrapper">
    <input class="error" type="text" name="username"  data-field="username"  />
  </div>
</div>
<p class="mismatched">Username error message</p>