<div id="chart"></div>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.18/c3.min.css" integrity="sha512-cznfNokevSG7QPA5dZepud8taylLdvgr0lDqw/FEZIhluFsSwyvS81CMnRdrNSKwbsmc43LtRd2/WMQV+Z85AQ==" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.16.0/d3.min.js" integrity="sha512-FHsFVKQ/T1KWJDGSbrUhTJyS1ph3eRrxI228ND0EGaEp6v4a/vGwPWd3Dtd/+9cI7ccofZvl/wulICEurHN1pg==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.18/c3.min.js" integrity="sha512-bW79RVtvrrTS2QzmDsJeh62Nt4b/RjYlYvi2iEmkXPhzzbXMx69JT/zHgiGcL1Tk5nkLMTF6xkEUuynTkdC9PQ==" crossorigin="anonymous"></script>
var monthMoney = [ 500000, 1300000,2000000];
var title = '總公司每月討債業績';
// 請在這行，將 title 變數 加入 monthMoney 陣列裡的第一筆  
// 讓 monthMoney 變成此陣列資料 >>  [ '總公司每月討債業績',5000000, 1300000,2000000] 
monthMoney.unshift(title);

// 以下程式碼不可更動
var realData= monthMoney;
var chart = c3.generate({
    bindto: '#chart',
    data: {
      columns: [
        realData,
        ['黑道大哥業績',30000,100000,300000]
               ]

    }
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.