|
|
@@ -2,6 +2,7 @@ let app = new Vue({
|
|
|
el: '#app',
|
|
|
data () {
|
|
|
return {
|
|
|
+ centerShow:false, // 中间内容显示
|
|
|
echartR4Chart: '',// 倒数第二个专用
|
|
|
echartR5Chart: '', // 倒是第一个专用
|
|
|
echartEnterpriseShow: false, // 企业额度分析控制
|
|
|
@@ -11,7 +12,6 @@ let app = new Vue({
|
|
|
echartSingleTipShow: false,
|
|
|
echartDoubleTipShow: false,
|
|
|
projectListTipShow: false, //项目列表专属弹窗
|
|
|
- backShow: false,
|
|
|
titleUrl: '',
|
|
|
titleName: '',
|
|
|
yellowCount: 0, // 黄圈轮播参数
|
|
|
@@ -139,12 +139,12 @@ let app = new Vue({
|
|
|
this.initChartL11()
|
|
|
this.changeTopColor()
|
|
|
// 大屏二
|
|
|
- this.initChartC1()
|
|
|
- this.initChartC2()
|
|
|
- this.initChartC3()
|
|
|
- this.initChartC4()
|
|
|
+ // this.initChartC1()
|
|
|
+ // this.initChartC2()
|
|
|
+ // this.initChartC3()
|
|
|
+ // this.initChartC4()
|
|
|
this.initChinaChart()
|
|
|
- this.initProjectList()
|
|
|
+ // this.initProjectList()
|
|
|
// 大屏三
|
|
|
this.initChartR1()
|
|
|
this.initChartR2()
|
|
|
@@ -229,7 +229,7 @@ let app = new Vue({
|
|
|
},
|
|
|
// 回到中国地图
|
|
|
backChina () {
|
|
|
- this.backShow = false
|
|
|
+ this.centerShow = false
|
|
|
this.mapChart.dispose()
|
|
|
setTimeout(() => {
|
|
|
this.initChinaChart()
|
|
|
@@ -2995,7 +2995,7 @@ let app = new Vue({
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
options3d: {
|
|
|
enabled: true,
|
|
|
- alpha: 45,
|
|
|
+ alpha: 60,
|
|
|
//beta: 0
|
|
|
},
|
|
|
events: {
|
|
|
@@ -3081,7 +3081,7 @@ let app = new Vue({
|
|
|
cursor: 'pointer',
|
|
|
size: 500,
|
|
|
innerSize: 330, //环形图中间空白，0为饼图
|
|
|
- depth: 50, //立体高度
|
|
|
+ depth: 75, //立体高度
|
|
|
slicedOffset: 40, //动画距离
|
|
|
dataLabels: {
|
|
|
enabled: false, // 是否展示指示线
|
|
|
@@ -3846,7 +3846,7 @@ let app = new Vue({
|
|
|
// ],
|
|
|
// }
|
|
|
/*获取地图数据*/
|
|
|
- this.mapChart = echarts.init(this.$refs['echarts-map'])
|
|
|
+ this.mapChart = echarts.init(this.$refs['chinaMap'])
|
|
|
echarts.registerMap('shanxi', china)
|
|
|
var mapFeatures = echarts.getMap('shanxi').geoJson.features
|
|
|
mapFeatures.forEach(v => {
|
|
|
@@ -4010,77 +4010,20 @@ let app = new Vue({
|
|
|
animation: false,
|
|
|
data: data,
|
|
|
},
|
|
|
- // {
|
|
|
- // name: '点',
|
|
|
- // type: 'scatter',
|
|
|
- // coordinateSystem: 'geo',
|
|
|
- // zlevel: 6,
|
|
|
- // },
|
|
|
- // {
|
|
|
- // name: 'Top 5',
|
|
|
- // type: 'effectScatter',
|
|
|
- // coordinateSystem: 'geo',
|
|
|
- // data: this.convertData(
|
|
|
- // data
|
|
|
- // .sort(function (a, b) {
|
|
|
- // return b.value - a.value
|
|
|
- // })
|
|
|
- // .slice(0, 5)
|
|
|
- // ),
|
|
|
- // symbolSize: function (val) {
|
|
|
- // return 15
|
|
|
- // },
|
|
|
- // showEffectOn: 'render',
|
|
|
- // rippleEffect: {
|
|
|
- // brushType: 'stroke',
|
|
|
- // },
|
|
|
- // hoverAnimation: true,
|
|
|
- // label: {
|
|
|
- // normal: {
|
|
|
- // formatter: '{b}',
|
|
|
- // position: 'left',
|
|
|
- // show: false,
|
|
|
- // },
|
|
|
- // },
|
|
|
- // itemStyle: {
|
|
|
- // normal: {
|
|
|
- // color: 'yellow',
|
|
|
- // shadowBlur: 10,
|
|
|
- // shadowColor: 'yellow',
|
|
|
- // },
|
|
|
- // },
|
|
|
- // zlevel: 1000,
|
|
|
- // },
|
|
|
- // {
|
|
|
- // name: '线路',
|
|
|
- // type: 'lines',
|
|
|
- // zlevel: 2,
|
|
|
- // effect: {
|
|
|
- // show: true,
|
|
|
- // period: 4, //箭头指向速度，值越小速度越快
|
|
|
- // trailLength: 0.02, //特效尾迹长度[0,1]值越大，尾迹越长重
|
|
|
- // symbol: 'arrow', //箭头图标
|
|
|
- // symbolSize: 5, //图标大小
|
|
|
- // },
|
|
|
- // lineStyle: {
|
|
|
- // normal: {
|
|
|
- // color: '#00FFFF',
|
|
|
- // width: 1,
|
|
|
- // type: 'dashed',
|
|
|
- // opacity: 0.5, //尾迹线条透明度
|
|
|
- // curveness: -0.3, //尾迹线条曲直度
|
|
|
- // },
|
|
|
- // },
|
|
|
- // data: moveLine.normal,
|
|
|
- // },
|
|
|
],
|
|
|
}
|
|
|
let that = this
|
|
|
this.mapChart.on('click', function (params) {
|
|
|
if (params.name == '山西') {
|
|
|
- that.backShow = true
|
|
|
- setTimeout(() => {
|
|
|
+ that.mapChart.dispose()
|
|
|
+ that.centerShow = true
|
|
|
+ setTimeout(()=>{
|
|
|
+ that.initChartC1()
|
|
|
+ that.initChartC2()
|
|
|
+ that.initChartC3()
|
|
|
+ that.initChartC4()
|
|
|
that.initProvinceChart()
|
|
|
+ that.initProjectList()
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
@@ -4245,7 +4188,7 @@ let app = new Vue({
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
options3d: {
|
|
|
enabled: true,
|
|
|
- alpha: 45,
|
|
|
+ alpha: 60,
|
|
|
//beta: 0
|
|
|
},
|
|
|
events: {
|
|
|
@@ -4356,7 +4299,7 @@ let app = new Vue({
|
|
|
cursor: 'pointer',
|
|
|
size: 500,
|
|
|
innerSize: 330, //环形图中间空白，0为饼图
|
|
|
- depth: 50, //立体高度
|
|
|
+ depth: 75, //立体高度
|
|
|
slicedOffset: 40, //动画距离
|
|
|
dataLabels: {
|
|
|
enabled: false, // 是否展示指示线
|
|
|
@@ -4367,7 +4310,7 @@ let app = new Vue({
|
|
|
series: [{
|
|
|
type: 'pie',
|
|
|
name: '占比',
|
|
|
- center: ['60%', '45%'],
|
|
|
+ center: ['60%', '50%'],
|
|
|
y: -10,
|
|
|
point: {
|
|
|
events: {
|
zhbyyy