| 1234567891011121314151617181920212223242526272829303132333435363738 |
- <html>
- <head>
- <link href="/css/c3.css" rel="stylesheet" type="text/css">
- </head>
- <body>
- <div id="chart"></div>
- <script src="http://d3js.org/d3.v4.min.js" charset="utf-8"></script>
- <script src="/js/c3.js"></script>
- <script>
- var chart = c3.generate({
- data: {
- columns: [
- ['data1', 300, 350, 300, 0, 0, 0],
- // ['data2', 130, 100, 140, 200, 150, 50]
- ],
- types: {
- data1: 'step',
- data2: 'area-step'
- },
- onclick: function (d) { console.log('clicked', d); }
- },
- subchart: {
- show: true
- },
- });
- setTimeout(function () {
- chart.load({
- columns: [
- ['data2', 130, 100, 140, 200, 150, 50]
- ]
- });
- }, 1000);
- </script>
- </body>
- </html>
|
