5

I'm looking for something like this in D3 or C3js:

Multi Gauge

The default Gauge Chart in C3 takes in multiple columns as data, but then displays them on the same line, so they are overriding eachother.

Cos
  • 1,649
  • 1
  • 27
  • 50

2 Answers2

2

If you're using Angular 4 you can use ngx-charts, which provides an easily configurable multi-series gauge. This is their demo page or just checkout their github repo. The package is written using D3 so you can likely customize it more if needed by forking the repo.

mtpultz
  • 17,267
  • 22
  • 122
  • 201
1

Maybe you can make more then one gauge's ? If you choice the inner and outer radious ok, you can make 4 gauge's with only 2 values, so you have only 2 sections per donut pie / gauge. Not the easiest option but a nice workaround.

mistert69
  • 89
  • 1
  • 11
  • I've just constructed 3 gauges and resized them so the result looks like the one in the picture above, however that way the mouse-over is lost for all but the gauge on top... – Cos Mar 22 '15 at 20:12