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>

这是一个Plunker：

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>

Plunker演示：

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

结合100％堆积面积和柱形图系列，强制值轴仅使用列系列值

1 个答案: