-
Notifications
You must be signed in to change notification settings - Fork 0
/
echart.html
89 lines (87 loc) · 1.97 KB
/
echart.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<script src="support/jquery-3.2.1.min.js" type="text/javascript"></script>
<!-- 引入 echarts.js -->
<script src="support/echarts.js"></script>
<script type="text/javascript">
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// var data = [];
//
// for (var i = 0; i <= 360; i++) {
// var t = i / 180 * Math.PI;
// var r = Math.sin(2 * t) * Math.cos(2 * t);
// data.push([r, i]);
// }
//
// var ecOption = {
// title: {
// text: '极坐标双数值轴',
// textStyle: {
// color: '#FFF'
// }
// },
// legend: {
// data: ['line']
// },
// polar: {
// center: ['50%', '54%']
// },
// tooltip: {
// trigger: 'axis',
// axisPointer: {
// type: 'cross'
// }
// },
// angleAxis: {
// type: 'value',
// startAngle: 0
// },
// radiusAxis: {
// min: 0
// },
// series: [{
// coordinateSystem: 'polar',
// name: 'line',
// type: 'line',
// showSymbol: false,
// data: data
// }],
// animationDuration: 2000
// };
// var chart = echarts.init(document.getElementById('echarts_map'));
// chart.setOption(option);
//
// // 指定图表的配置项和数据
// var option = {
// title: {
// text: 'ECharts 入门示例'
// },
// tooltip: {},
// legend: {
// data: ['销量']
// },
// xAxis: {
// data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
// },
// yAxis: {},
// series: [{
// name: '销量',
// type: 'bar',
// data: [5, 20, 36, 10, 10, 20]
// }]
// };
ROOT_PATH = 'https://cdn.jsdelivr.net/gh/apache/incubator-echarts-website@asf-site/examples';
$.get(ROOT_PATH + '/data/asset/geo/USA.json', function (usaJson) {
myChart.setOption(option);
});
</script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 600px;height:400px;"></div>
</body>
</html>