Merge remote-tracking branch 'origin/master'
| | |
| | | }, |
| | | setOptions({ expectedData, actualData } = {}) { |
| | | this.chart.setOption({ |
| | | title: { |
| | | text: '小时产量对比', // 标题文本 |
| | | left: 'left' // 标题位置 |
| | | }, |
| | | xAxis: { |
| | | data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], |
| | | boundaryGap: false, |
| | |
| | | </div> |
| | | <div class="card-panel-description"> |
| | | <div class="card-panel-text"> |
| | | 访客 |
| | | 合箱上线 |
| | | </div> |
| | | <count-to :start-val="0" :end-val="102400" :duration="2600" class="card-panel-num" /> |
| | | </div> |
| | |
| | | </div> |
| | | <div class="card-panel-description"> |
| | | <div class="card-panel-text"> |
| | | 消息 |
| | | 合箱下线 |
| | | </div> |
| | | <count-to :start-val="0" :end-val="81212" :duration="3000" class="card-panel-num" /> |
| | | </div> |
| | |
| | | </div> |
| | | <div class="card-panel-description"> |
| | | <div class="card-panel-text"> |
| | | 金额 |
| | | 总装上线 |
| | | </div> |
| | | <count-to :start-val="0" :end-val="9280" :duration="3200" class="card-panel-num" /> |
| | | </div> |
| | |
| | | </div> |
| | | <div class="card-panel-description"> |
| | | <div class="card-panel-text"> |
| | | 订单 |
| | | 总装下线 |
| | | </div> |
| | | <count-to :start-val="0" :end-val="13600" :duration="3600" class="card-panel-num" /> |
| | | </div> |
| | |
| | | this.chart = echarts.init(this.$el, 'macarons') |
| | | |
| | | this.chart.setOption({ |
| | | title: { |
| | | text: '工位堵塞Top5', // 标题文本 |
| | | left: 'center' // 标题位置 |
| | | }, |
| | | tooltip: { |
| | | trigger: 'item', |
| | | formatter: '{a} <br/>{b} : {c} ({d}%)' |
| | | }, |
| | | // textStyle |
| | | legend: { |
| | | left: 'center', |
| | | bottom: '10', |
| | | data: ['Industries', 'Technology', 'Forex', 'Gold', 'Forecasts'] |
| | | orient: 'vertical', |
| | | |
| | | left: 'left', |
| | | // left: 'center', |
| | | // bottom: '10',//左侧高度 |
| | | data: ['OP460', 'OP090', 'OP660', 'OP650', 'OP730'] |
| | | }, |
| | | series: [ |
| | | { |
| | | name: 'WEEKLY WRITE ARTICLES', |
| | | type: 'pie', |
| | | roseType: 'radius', |
| | | radius: [15, 95], |
| | | center: ['50%', '38%'], |
| | | // roseType: 'radius',//更改样式 |
| | | radius: '50%', |
| | | // labelLine: { |
| | | // length: 10 // 调整标签线的长度 |
| | | // }, |
| | | center: ['50%', '60%'], |
| | | data: [ |
| | | { value: 320, name: 'Industries' }, |
| | | { value: 240, name: 'Technology' }, |
| | | { value: 149, name: 'Forex' }, |
| | | { value: 100, name: 'Gold' }, |
| | | { value: 59, name: 'Forecasts' } |
| | | { value: 5, name: 'OP460' }, |
| | | { value: 9, name: 'OP090' }, |
| | | { value: 5, name: 'OP660' }, |
| | | { value: 5, name: 'OP650' }, |
| | | { value: 7, name: 'OP730' } |
| | | ], |
| | | label: { |
| | | formatter: '{b}: {c} ({d}%)' |
| | | }, |
| | | animationEasing: 'cubicInOut', |
| | | animationDuration: 2600 |
| | | } |