text: window.onload = function() {
      var viewModel = {
          chartOptions: {
              title: "Stock Price",
              dataSource: dataSource,
              commonSeriesSettings: {
                  argumentField: "date",
                  type: "candlestick"
              },
              legend: {
                  itemTextPosition: 'left'
              },
              series: [
                  { 
                      name: "DELL",
                      openValueField: "o", 
                      highValueField: "h", 
                      lowValueField: "l", 
                      closeValueField: "c", 
                      reduction: {
                          color: "red"
                      }
                  }
              ],    
              valueAxis: {
                  tickInterval: 1,
                  title: { 
                      text: "US dollars"
                  },
                  label: {
                      format: {
                          type: "currency",
                          precision: 0
                      }
                  }
              },
              argumentAxis: {
                  workdaysOnly: true,
                  label: {
                      format: "shortDate"
                  }
              },
              "export": {
                  enabled: true
              },
              tooltip: {
                  enabled: true,
                  location: "edge",
                  customizeTooltip: function (arg) {
                      return {
                          text: "Open: $" + arg.openValue + "<br/>" +
                                  "Close: $" + arg.closeValue + "<br/>" +
                                  "High: $" + arg.highValue + "<br/>" +
                                  "Low: $" + arg.lowValue + "<br/>"
                      };
                  }
              }
          }
      };
      
      ko.applyBindings(viewModel, document.getElementById("chart-demo"));
  };