strugglebak
/ ec-line-chart-demo1.js
Last active
May 9, 2019 02:10
echarts js demo: line-chart-demo1
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| option = { | |
| color: '#388CFF', | |
| xAxis: { | |
| axisTick: { | |
| show: false | |
| }, | |
| type: 'category', | |
| boundaryGap: true, | |
| data: ['第1周', '第2周', '第3周', '第4周', '第5周', '第6周'], | |
| splitLine: { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var result = { | |
| date: '高二19-20期末', | |
| score: 75 | |
| } | |
| option = { | |
| color: '#388CFF', | |
| xAxis: { | |
| axisTick: { | |
| show: false |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var option = { | |
| color: '#8FBEFF', | |
| dataset: { | |
| source: [ | |
| ['learningTime', 'task'], | |
| [120, '习题'], | |
| [30, '导学案'], | |
| [20, '课件'], | |
| [100, '微课'], | |
| [300, '直播课程'], |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| options = { | |
| legend: { | |
| left: '40', | |
| top: '145', | |
| data: [ | |
| { | |
| name: '个人', | |
| icon: 'line', | |
| textStyle: { | |
| fontSize: 10, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Highcharts.chart('container', { | |
| chart: { | |
| polar: true, | |
| // 控制图表尺寸 | |
| width: 200, | |
| height: 160, | |
| }, | |
| title: { |
strugglebak
/ hc-line-chart-demo1.js
Created
May 9, 2019 02:05
hightchart js demo2: hc-line-chart-demo1
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Highcharts.chart('container', { | |
| chart: { | |
| zoomType: 'x' | |
| }, | |
| title: { | |
| text: '' | |
| }, | |
| credits: { | |
| enabled: false |
strugglebak
/ hc-line-chart-demo2.js
Last active
May 9, 2019 07:39
hightchart js demo: hc-line-chart-demo2
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var result = { | |
| date: '高二19-20期末', | |
| score: 75 | |
| }; | |
| Highcharts.chart('container', { | |
| chart: { | |
| zoomType: 'x', | |
| }, |
strugglebak
/ hc-bar-chart-demo1.js
Created
May 9, 2019 06:11
hightchart js demo: hc-bar-chart-demo1
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Highcharts.chart('container', { | |
| chart: { | |
| type: 'bar' | |
| }, | |
| title: { | |
| text: '' | |
| }, | |
| credits: { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Highcharts.chart('container', { | |
| chart: { | |
| width: 80, | |
| height: 80 | |
| }, | |
| title: { | |
| floating:true, | |
| text: '20', | |
| }, | |
| credits: { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Highcharts.chart('container', { | |
| chart: { | |
| type: 'column' | |
| }, | |
| colors: ['#F2276F', '#25B9D0', '#FDA844', '#388CFF'], | |
| title: { | |
| text: '' | |
| }, | |
| credits: { | |
| enabled: false |
OlderNewer