step

Step Chart Demo - Britecharts

Step Chart

The code


// StepChart without Axis Labels:
stepChart
    .width(500)
    .height(300);
stepContainer.datum(dataset).call(stepChart);

// StepChart with Axis Labels:
// If the labels get cutoff when added, it's a good idea
// to tweak the left margin to get the look you want
stepChart
    .width(500)
    .height(300)
    .xAxisLabel('Fruit Type')
    .xAxisLabelOffset(45)
    .yAxisLabel('Quantity')
    .yAxisLabelOffset(-45)
    .margin({
        top: 20,
        right: 20,
        bottom: 30,
        left: 65
    });
stepContainer.datum(dataset).call(stepChart);

Data Input

Check the data input schema of this chart.

Export Chart

You can also export this chart by pressing: