Angular 结合100%堆积面积和柱状图系列,强制值轴仅使用柱系列值

Angular 结合100%堆积面积和柱状图系列,强制值轴仅使用柱系列值,angular,kendo-ui-angular2,Angular,Kendo Ui Angular2,我想制作一个具有100%堆叠面积系列(显示为参考底图)和列系列的图表。堆叠的are系列值应为1或null(即垂直填充或不显示)。我希望值轴仅使用列序列,而忽略堆叠面积序列 以下是显示行为的简单图表定义: <kendo-chart> <kendo-chart-series> <kendo-chart-series-item type="column" [data]="[5, 3, 2, 1, 6, 8]"> </kendo-chart-

我想制作一个具有100%堆叠面积系列(显示为参考底图)和列系列的图表。堆叠的are系列值应为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>

这是一个扑克牌:


值系列标签显示的不是0-800%,而是0-8。这可能实现吗?

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

<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>

普朗克演示: