@hpcc-js/Visualization

HalfPie

Pie, HalfPie and QuarterPie are effectively the same class, but have different starting and ending angles. They support all of the same properties.

<div id="placeholder" style="height:400px">
</div>
<script type="module">
  import { HalfPie } from "@hpcc-js/chart";

  new HalfPie()
      .columns(["Category", "Value"])
      .data([
          ["A", 34],
          ["B", 55],
          ["C", 89],
          ["D", 144]
      ])
      .target("placeholder")
      .render()
      ;
</script>

<div id="placeholder" style="height:400px">
</div>
<script type="module">
  import { HalfPie } from "@hpcc-js/chart";

  new HalfPie()
      .columns(["Category", "Value"])
      .data([
          ["A", 34],
          ["B", 55],
          ["C", 89],
          ["D", 144]
      ])
      .target("placeholder")
      .innerRadius(62)
      .showSeriesPercentage(true)
      .showSeriesValue(true)
      .render()
      ;
</script>

API

Published Properties