diff --git a/README.md b/README.md index c336198..ede36c0 100644 --- a/README.md +++ b/README.md @@ -202,6 +202,7 @@ Vue.prototype.$http = axios.create({ 4. 使用 Mixins 注入图表响应式代码。 5. vue-awesome 改成按需引入的方式。 6. 封装渲染函数,抽离了数据使逻辑更加清晰。 +7. 新增地图组件,并添加自动轮播功能 ## 五、其余 diff --git a/src/common/echart/index.vue b/src/common/echart/index.vue index b6ad8eb..bce9d47 100644 --- a/src/common/echart/index.vue +++ b/src/common/echart/index.vue @@ -4,11 +4,12 @@ - - \ No newline at end of file + \ No newline at end of file diff --git a/src/components/echart/bottom/bottomRightChart/chart.vue b/src/components/echart/bottom/bottomRightChart/chart.vue index df0230f..f67bd80 100644 --- a/src/components/echart/bottom/bottomRightChart/chart.vue +++ b/src/components/echart/bottom/bottomRightChart/chart.vue @@ -355,7 +355,4 @@ export default { } } }; - - - \ No newline at end of file + \ No newline at end of file diff --git a/src/components/echart/centerLeft/centerLeft2Chart/chart.vue b/src/components/echart/centerLeft/centerLeft2Chart/chart.vue index 627f63d..142df4a 100644 --- a/src/components/echart/centerLeft/centerLeft2Chart/chart.vue +++ b/src/components/echart/centerLeft/centerLeft2Chart/chart.vue @@ -1,18 +1,19 @@ - - \ No newline at end of file diff --git a/src/components/echart/centerLeft/centerLeft2Chart/index.vue b/src/components/echart/centerLeft/centerLeft2Chart/index.vue index 56e845f..f1dc503 100644 --- a/src/components/echart/centerLeft/centerLeft2Chart/index.vue +++ b/src/components/echart/centerLeft/centerLeft2Chart/index.vue @@ -9,102 +9,48 @@ import Chart from './chart.vue'; export default { data () { return { - cdata: { - angleAxisData: [ - "there1", - "there2", - "there3", - "there4", - "there5", - "there6", - "there7", - "there8", - "there9", - "there10 " - ], - seriesData: [ - { - value: 87, - itemStyle: { - normal: { - color: "#f54d4d" - } - } - }, - { - value: 80, - itemStyle: { - normal: { - color: "#f87544" - } - } - }, - { - value: 75, - itemStyle: { - normal: { - color: "#ffae00" - } - } - }, - { - value: 69, - itemStyle: { - normal: { - color: "#dcff00" - } - } - }, - { - value: 63, - itemStyle: { - normal: { - color: "#25d053" - } - } - }, - { - value: 54, - itemStyle: { - normal: { - color: "#01fff5" - } - } - }, - { - value: 47, - itemStyle: { - normal: { - color: "#007cff" - } - } - }, - { - value: 40, - itemStyle: { - normal: { - color: "#4245ff" - } - } - }, - { - value: 35, - itemStyle: { - normal: { - color: "#c32eff" - } - } - }, - { - value: 33, - itemStyle: { - normal: { - color: "#ff62e8" - } - } + cdata: [ + { + // 名字需要与 “common/map/fujian.js” 地图数据文件里面定义的一一对应,不能是 “福州” 或者 “闽” 之类的缩写 + name: '福州市', + value: 10, + elseData:{ + // 这里放置地图 tooltip 里想显示的数据 } - ] - } + }, + { + name: '厦门市', + value: 9, + }, + { + name: '漳州市', + value: 8, + }, + { + name: '泉州市', + value: 7, + }, + { + name: '三明市', + value: 6, + }, + { + name: '莆田市', + value: 5, + }, + { + name: '南平市', + value: 4, + }, + { + name: '龙岩市', + value: 3, + }, + { + name: '宁德市', + value: 2, + } + ] } }, components: { diff --git a/src/components/echart/centerRight/centerRightChart/chart.vue b/src/components/echart/centerRight/centerRightChart/chart.vue index f8fae6a..532630d 100644 --- a/src/components/echart/centerRight/centerRightChart/chart.vue +++ b/src/components/echart/centerRight/centerRightChart/chart.vue @@ -128,7 +128,4 @@ export default { } } }; - - - \ No newline at end of file + \ No newline at end of file diff --git a/src/views/centerLeft2.vue b/src/views/centerLeft2.vue index ee73a75..67202b0 100644 --- a/src/views/centerLeft2.vue +++ b/src/views/centerLeft2.vue @@ -6,7 +6,7 @@
- 数据情况 + 地图数据