|
@@ -168,14 +168,18 @@
|
|
|
<!--
|
|
|
<button type="button" class="btn btn-primary btn-block mb-4 ripple-surface">Place order</button>
|
|
|
-->
|
|
|
+<div id="main" style="width: 600px;height:400px;"></div>
|
|
|
+
|
|
|
+
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
|
|
|
-<div id="main" style="width: 600px;height:400px;"></div>
|
|
|
|
|
|
|
|
|
|
|
@@ -183,24 +187,22 @@
|
|
|
<script>
|
|
|
var myChart = echarts.init(document.getElementById('main'));
|
|
|
|
|
|
- var option = {
|
|
|
- title: {
|
|
|
- text: 'ECharts 入门示例'
|
|
|
- },
|
|
|
- tooltip: {},
|
|
|
- legend: {
|
|
|
- data:['销量']
|
|
|
- },
|
|
|
- xAxis: {
|
|
|
- data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
|
|
|
- },
|
|
|
- yAxis: {},
|
|
|
- series: [{
|
|
|
- name: '销量',
|
|
|
- type: 'bar',
|
|
|
- data: [5, 20, 36, 10, 10, 20]
|
|
|
- }]
|
|
|
- };
|
|
|
+ var option;
|
|
|
+option = {
|
|
|
+ xAxis: {
|
|
|
+ type: 'category',
|
|
|
+ boundaryGap: false,
|
|
|
+ data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ type: 'value'
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ data: [820, 932, 901, 934, 1290, 1330, 1320],
|
|
|
+ type: 'line',
|
|
|
+ areaStyle: {}
|
|
|
+ }]
|
|
|
+};
|
|
|
|
|
|
myChart.setOption(option);
|
|
|
|