Update samples

11 years ago · 3c2a4c834c
2 changed files with 53 additions and 8 deletions
--- a/htdocs/samples/api_axis_range.html
+++ b/htdocs/samples/api_axis_range.html
@ -48,12 +48,6 @@
        }
      });
      setTimeout(function () {
        chart.axis.min({x: -10})
        chart.axis.max({x: 10})
      }, 1000);
 /*
      setTimeout(function () {
        chart.axis.max(500);
      }, 1000);
@ -75,9 +69,13 @@
      }, 5000);
      setTimeout(function () {
-        chart.axis.range({max: {y: 600, y2: 100}, min: {y: -100, y2: 0}});
+        chart.axis.range({min: {y: 1000}, max: {y: 2000}});
      }, 6000);
-*/
+
      setTimeout(function () {
        chart.axis.range({max: {y: 600, y2: 100}, min: {y: -100, y2: 0}});
      }, 7000);
    </script>
  </body>
 </html>
--- a/htdocs/samples/padding_update.html
+++ b/htdocs/samples/padding_update.html
@ -0,0 +1,47 @@
 <html>
  <head>
    <link rel="stylesheet" type="text/css" href="/css/c3.css">
  </head>
  <body>
    <div id="chart"></div>
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script src="/js/c3.js"></script>
    <script>
    var chart = c3.generate({
      data: {
        x: 'x',
        columns: [
            ['x', '2014-01-01', '2014-02-01', '2014-03-01', '2014-04-01'],
            ['data1', 190, 200, 190, null],
        ],
        type: 'bar',
        labels: {
            format: function (v, id) {
                if (v === null) {
                    return 'Not Applicable';
                }
                return d3.format('$')(v);
            }
        }
      },
      axis: {
        x: {
            type: 'categorized'
        },
        rotated: true
      },
    });
    setTimeout(function () {
      chart.hide();
    }, 1000);
    setTimeout(function () {
      chart.show();
    }, 2000);
    </script>
  </body>
 </html>