Highcharts Demo

author(s): Torstein Hønsi

by kikkoma

HTML

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

<div id="container" style="height: 480px;width:800px"></div>

CSS

.highcharts-color-0{
  font-family:'微軟正黑體';
  
}

JavaScript

Highcharts.chart('container', {

    legend: {
        enabled: false
    },
  title: {
    text: '',
    style: {
            color: '#000000',
            fontWeight: 'bold',
            fontfamily:'微軟正黑體'
        }
  },
  subtitle: {
    text: '統計區間 2021/9/1 ~ 2021/11/1'
  },  
  yAxis: [{
    title: {
      text: '單月瀏覽次數'
    },
    className: 'highcharts-color-0'
  },
  {
  	 title: {
      text: '累計瀏覽次數'
    },
    className: 'highcharts-color-0',
    opposite: true
  }
  ],  
    xAxis: {
        categories: ['8月', '9月', '10月', '11月', '12月']
    },
   series: [{
        name: 'Rainfall',
        type: 'column',
        yAxis: 1,
        data: [500, 650, 1420, 300, 200]
        

    }, {
        name: 'Temperature',
        type: 'spline',
        data: [500,1150,2570,2870,3070]
       
    }]
});