Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8 />
  <title>JS Bin</title>
  <link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.dataviz.min.css" rel="stylesheet" />
  <link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.dataviz.default.min.css" rel="stylesheet" />
  <script src="http://code.jquery.com/jquery.js"></script>
  <script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.all.min.js"></script>
</head>
<body>
  <div id="chart"></div>
  <script>
    $("#chart").kendoChart({
      dataSource: {
        data: [{
          d: new Date(2012, 0, 1),
          v: 1
        }, {
          d: new Date(2012, 0, 2),
          v: 2
        }, {
          d: new Date(2012, 0, 3),
          v: 3
        }, {
          d: new Date(2012, 0, 4),
          v: 4
        }, {
          d: new Date(2012, 0, 5),
          v: 3
        }, {
          d: new Date(2012, 0, 6),
          v: 2
        }, {
          d: new Date(2012, 0, 7),
          v: 1
        }]
      },
      series: [{
        field: "v"
      }],
      categoryAxis: {
        field: "d",
        select: {
          from: new Date(2012, 0, 2), // Inclusive
          to: new Date(2012, 0, 7)    // Exclusive
        }
      }
    });
  </script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers