# 雙顯示
******
* 實現一個圖表顯示二列數據進行對比
* [在線演示](http://demo.sgfoot.com/ECharts/double.html)
>[info] bar 的顯示
~~~
legend: {
data:['銷量', '瀏覽量']
},
xAxis: {
data: ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"]
},
yAxis: {},
series: [{
name: '銷量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
},{
name: '瀏覽量',
type: 'bar',
data: [51, 120, 26, 30, 50, 60]
}]
~~~
>[info] line 的顯示
~~~
series: [{
name: '銷量',
type: 'line',
data: [5, 20, 36, 10, 10, 20]
}, {
name: '瀏覽量',
type: 'line',
data: [51, 120, 26, 30, 50, 60]
}]
~~~
>[info] line和bar結合的顯示
~~~
series: [{
name: '銷量',
type: 'line',
data: [5, 20, 36, 10, 10, 20]
}, {
name: '瀏覽量',
type: 'bar',
data: [51, 120, 26, 30, 50, 60]
}]
~~~
- 總導航
- 第一章 前端
- 1.0 js自定義模板
- 第二章 PHP
- 1.0 推薦博客
- 2.0 基礎理論
- 0.1 require和include區別
- 0.2 php運行機制
- 0.3 Http請求與響應
- 0.4 http響應狀態
- 3.0 Laravel框架
- 0.1 Eloquent ORM
- 0.2 時間處理
- 0.3 數據遷移
- 0.4 填充數據
- 4.0 composer安裝
- 5.0 緩存
- 0.1 Opcache
- 0.2 Memcache
- 0.3 Redis
- 0.4 Output buffer
- 第三章 MYSQL
- 1.0 新增和重置密碼
- 第四章 前端插件集
- 1.0 PreloadJS
- 0.1 LoadQueue
- 0.2 加載單個文件
- 0.3 加載進度顯示
- 0.4 加載指定目錄圖片
- 0.5 加載json圖片
- 2.0 Swiper
- 3.0 ECharts
- 0.1 簡單實例
- 0.2 title操作
- 0.3 tooltip操作
- 0.4 top顯示數字
- 0.5 雙數據顯示
- 0.6 大數據縮放顯示
- 0.7 綜合
- 4.0 Vue
- 0.1 模板語法
- 0.2 條件與循環
- 0.3 處理用戶輸入
- 0.4 計算屬性
- 0.5 事件綁定
- 0.6 動態渲染列表
- 5.0 layui
- 0.1 動態渲染nav
- 0.2 layer使用
- 6.0 IScroll
- 7.0 AlloyTouch
- 8.0 jquery.tagsinput
- 9.0 Editormd
- 第五章 應用軟件
- 1.0 Xshell
- 一螺集
- PHP
- 打印一天的區間時間
- 友好時間輸出
- 導出Excel
- JAVASCRIPT
- js回車事件