Flame Chart
Type
ZingChart flame charts use the type attribute. In your chart object, add a type attribute and set the value to flame.
{
  type: 'flame'
}
Actions
There are some default user interactions you should know about flame charts.
Click
You can click on the chart to zoom in on any piece of the bar.
Click + Drag
You can click and drag to zoom in on the chart. You can click on a bar to zoom out.

Data
To enter data into the flame chart, use the series array. Each object in the series array requires a name, value, or children array to function properly.
Note: Learn more about the  series array with our series JSON Configuration page.
{
  children: [
    {
      name: 'genunix`syscall_mstate',
      value: 89
    }, 
    {
      children: [
        {
          name: 'genunix`gethrtime_unscaled', 
          value: 4
        },
      ]
    }
  ]
}
Further Customization
You can also use the options object to style your chart.
Palette
The palette attribute defines a custom palette for your flame chart. Provide a string of comma separated color, HEX, or RGB values.
{
  options: {
    palette: ['#ff9900']
  }
}