You can create a gauge using column-type gauge. There are some specific configuration options that you can provide using the chart-gauge directive.

<c3chart bindto-id="gauge-plot1-chart">
    <chart-column column-id="Data 1"
                  column-values="70"
                  column-type="gauge"/>
    <chart-gauge min="50"
                 max="75"
                 units=" hours"
                 width="39"
                 show-label="true"
                 expand="true"
    />
</c3chart>
<c3chart bindto-id="gauge-plot2-chart"
         chart-data="vm.gaugePoint"
         chart-columns="vm.gaugeColumn">
    <chart-gauge units=" hours"
                 width="39"
                 show-label="true"
                 expand="true"
    />
</c3chart>

Now a more complicated example, we use the gauge chart to show how to dynamically change the value of the gauge.

GaugeCtrl.$inject = ['$interval'];
function GaugeCtrl($interval) {
    var vm = this;

    activate();

    function activate() {
        vm.gaugePoint = [{"data1": 70}];
        vm.gaugeColumn = [
            {"id": "data1", "type": "gauge"}];

        $interval(function () {
            vm.gaugePoint[0]['data1'] = randomNumber();
        }, 1000, 10);

    }

    function randomNumber() {
        return Math.floor((Math.random() * 100) + 1);
    }
}