Sample: Combo

Live preview

Code

<div id="chart" style="width:800px;height:480px"></div>
<script type="module">
  import { Insight } from 'https://unpkg.com/@chartbuddy.io/embed';

  new Insight('#chart', {
    persist: false,
    chartData: {
      chartType: 'combo',
      isDataTransposed: true,
      seriesData: [
        ['', 'Q1', 'Q2', 'Q3', 'Q4'],
        ['Growth rate', 10, 20, 15, 25],
        ['Product A', 15, 10, 25, 20],
        ['Product B', 8, 12, 18, 14],
      ],
      combo: {
        seriesTypes: { 0: 'line' },
      },
      title: { visible: true, text: 'Revenue and growth' },
      subtitle: { visible: false, text: '' },
    },
  });
</script>