Highcharts Demo

author(s): Torstein Hønsi

by icetech

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    $('#container').highcharts({
title: {
              text: '放款数据报表'
          },
          xAxis: [{
              categories: ['2013-01', '2013-02', '2013-03', '2013-04', '2013-05', '2013-06',
                  '2013-07', '2013-08', '2013-09', '2013-10', '2013-11', '2013-12']
          }],
          yAxis: [{ // Primary yAxis
              labels: {
                  format: '{value}万',
                  style: {
                      color: '#89A54E'
                  }
              },
              title: {
                  text: '金额',
                  style: {
                      color: '#89A54E'
                  }
              }
          }, { // Secondary yAxis
              title: {
                  text: '笔数',
                  style: {
                      color: '#4572A7'
                  }
              },
              labels: {
                  format: '{value} 笔',
                  style: {
                      color: '#4572A7'
                  }
              },
              opposite: true
          }],
          tooltip: {
              shared: true
          },
          plotOptions: {
              bar: {
                  dataLabels: {
                      enabled: true
                  }
              }
          },
          legend: {
              align: 'center',
              x:30,
              backgroundColor: '#FFFFFF'
          },
          credits: {
              text: '中和',
              href: 'javascript:;',
              position: {
                  align: 'right',
                  x: 0,
                  y: -10
              }
          },
          series: [{
              name: '金额',
              color: '#89A54E',
              type: 'bar',
              data: [15000/10000, 330000/10000, 6000/10000, 240000/10000, 210000/10000, 300000/10000, 120000/10000, 390000/10000, 230000/10000, 340000/10000, 520000/10000, 360000/10000],
              tooltip: {
                  valueSuffix: '万元'
      ...