<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 newMonthMoney = ["300000","500000"];
//以上程式碼不可更動

// 請用 newMonthMoney 跑 forEach，依序將值增加到 monthMoney 陣列後方
// 修改範圍開始

newMonthMoney.forEach( i => {
  monthMoney.push(i);
})

console.log(monthMoney);

// 修改範圍結束

// 以下程式碼不可更動
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.