Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!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="stock-chart"></div>
  <script>
  $("#stock-chart").kendoStockChart({
    dataSource: {
      data: [{
        Date: new Date(2012, 1, 1),
        Open: 1,
        Hight: 4,
        Low: 1
      }, {
        Date: new Date(2012, 2, 1),
        Open: 1,
        Hight: 4,
        Low: 1
      }]
    },
    dateField: "Date",
    seriesDefaults: {
      type: "area"
    },
    series:
    [{
      field: "Open",
      name: "1",
      
      color:"blue"
    }, {
      field: "High",
      name: "2",
      
      color: "green"
    }, {
      field: "Low",
      name: "3",
      
      color: "black"
    }],
    navigator: {
      series: {
        type: "area",
        field: "Open"
      }
    },
    legend: {
      position: "bottom",
      visible: true
    }
  });
  </script>
</body>
</html>
​
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers