将100%叠加面积和列图序列组合在一起，力值轴仅使用列数列值。

Question

我想制作一个100%堆叠面积系列(显示为底座)和列系列的图表。叠加的是序列值要么是1，要么是null (即垂直填充或不显示)。我希望值轴只使用列序列，而忽略堆叠区域序列。

下面是一个简单的图表定义，它显示了这种行为：

<kendo-chart>
  <kendo-chart-series>
    <kendo-chart-series-item type="column" [data]="[5, 3, 2, 1, 6, 8]">
    </kendo-chart-series-item>
    <kendo-chart-series-item type="area" [line]="{ style: 'step' }" [stack]="{ type: '100%' }" [data]="[1, 1, 1, null, null, 1]">
    </kendo-chart-series-item>
  </kendo-chart-series>
</kendo-chart>

下面是一个柱塞：

http://plnkr.co/edit/nATHiFiqr8cTVQxg20Ez?p=preview

而不是值系列标签显示0-800%，它应该显示0-8。这是可能的吗？

Answer 1

我通过为每个系列添加单独的值轴来解决这个问题，隐藏堆叠的区域轴，并强迫列轴格式化为一个数字，而不是一个百分比。

<kendo-chart>
  <kendo-chart-value-axis>
    <kendo-chart-value-axis-item>
      <kendo-chart-value-axis-item-labels format="n"></kendo-chart-value-axis-item-labels>
    </kendo-chart-value-axis-item>
    <kendo-chart-value-axis-item [visible]="false" name="secondAxis">
    </kendo-chart-value-axis-item>
  </kendo-chart-value-axis>
  <kendo-chart-series>
    <kendo-chart-series-item type="column" [data]="[5, 3, 2, 1, 6, 8]">
    </kendo-chart-series-item>
    <kendo-chart-series-item axis="secondAxis" type="area" [line]="{ style: 'step' }" [stack]="{ type: '100%' }" [data]="[1, 1, 1, null, null, 1]">
    </kendo-chart-series-item>
  </kendo-chart-series>
</kendo-chart>

柱塞演示：

http://plnkr.co/edit/P1KpqJLvnnyNOn1a6Lyc?p=preview