JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://news.qq.com/interactive/js/highcharts/themes/flat.js"></script>
<div id="container2">
JavaScript
$(function() {
var flows = [
{
name: '央行行长',
intervals: [
{ // From-To pairs
from: Date.UTC(1979,0,0),
to: Date.UTC(1983,0,0),
name: '李葆华',
color: '#BF0B23'
},
{ // From-To pairs
from: Date.UTC(1986,0,0),
to: Date.UTC(1989,0,0),
name: '陈慕华'
},
{ // From-To pairs
from: Date.UTC(1994,0,0),
to: Date.UTC(1996,0,0),
name: '朱镕基'
},
{ // From-To pairs
from: Date.UTC(2003,0,0),
to: Date.UTC(2014,0,0),
name: '周小川'
}
]
},
{
intervals: [
{ // From-To pairs
from: Date.UTC(1983,0,0),
to: Date.UTC(1986,0,0),
name: '吕培俭'
},
{ // From-To pairs
from: Date.UTC(1989,0,0),
to: Date.UTC(1994,0,0),
name: '李贵鲜'
},
{ // From-To pairs
from: Date.UTC(1996,0,0),
to: Date.UTC(2003,0,0),
name: '戴相龙'
},
]
},
{
name: '财政部长',
intervals: [
{ // From-To pairs
from: Date.UTC(1976,0,0),
to: Date.UTC(1980,0,0),
name: '张劲夫'
},
{ // From-To pairs
from: Date.UTC(1981,0,0),
to: Date.UTC(1993,0,0),
name: '王丙乾'
...