Merge remote-tracking branch 'origin/master'
| | |
| | | show: false, |
| | | }, |
| | | axisLabel: { |
| | | color: '#FFFFFF', |
| | | color: '#B4C0CC', |
| | | fontSize: 12, |
| | | interval: 0, |
| | | }, |
| | | }, |
| | | yAxis: { |
| | | type: 'value', |
| | | max: Math.ceil(Math.max(...values) * 1.2), |
| | | minInterval: 1, |
| | | axisLabel: { |
| | | color: '#FFFFFF', |
| | | color: '#B4C0CC', |
| | | fontSize: 12, |
| | | }, |
| | | axisLine: { |
| | |
| | | show: false, |
| | | }, |
| | | splitLine: { |
| | | show: false, |
| | | }, |
| | | show: true, |
| | | lineStyle: { |
| | | color: "rgba(93, 106, 143, .5)", |
| | | type: "dashed" |
| | | } |
| | | } |
| | | }, |
| | | series: [ |
| | | { |
| | |
| | | let { chart } = useEchartsResize(chartRef) |
| | | |
| | | const list = ref([]) |
| | | function buildOption() { |
| | | function buildOption () { |
| | | const names = list.value.map(item => item.type) |
| | | const values = list.value.map(item => item.count) |
| | | const hasData = values.length > 0 |
| | |
| | | graphic: hasData |
| | | ? [] |
| | | : [ |
| | | { |
| | | type: 'text', |
| | | left: 'center', |
| | | top: 'middle', |
| | | style: { |
| | | text: '暂无数据', |
| | | fill: '#FFFFFF', |
| | | font: '14px Arial', |
| | | textAlign: 'center', |
| | | textVerticalAlign: 'middle', |
| | | }, |
| | | { |
| | | type: 'text', |
| | | left: 'center', |
| | | top: 'middle', |
| | | style: { |
| | | text: '暂无数据', |
| | | fill: '#FFFFFF', |
| | | font: '14px Arial', |
| | | textAlign: 'center', |
| | | textVerticalAlign: 'middle', |
| | | }, |
| | | ], |
| | | }, |
| | | ], |
| | | grid: { |
| | | top: 15, |
| | | left: 10, |
| | |
| | | show: false, |
| | | }, |
| | | axisLabel: { |
| | | color: '#FFFFFF', |
| | | color: '#B4C0CC', |
| | | fontSize: 12, |
| | | interval: 0, |
| | | rotate: 25, |
| | |
| | | }, |
| | | yAxis: { |
| | | type: 'value', |
| | | min: 1, |
| | | max: Math.ceil(Math.max(...values) * 1.2), |
| | | minInterval: 1, |
| | | axisLabel: { |
| | | color: '#FFFFFF', |
| | | color: '#B4C0CC', |
| | | fontSize: 12, |
| | | }, |
| | | axisLine: { |
| | |
| | | show: false, |
| | | }, |
| | | splitLine: { |
| | | show: false, |
| | | }, |
| | | show: true, |
| | | lineStyle: { |
| | | color: "rgba(93, 106, 143, .5)", |
| | | type: "dashed" |
| | | } |
| | | } |
| | | }, |
| | | series: [ |
| | | { |
| | |
| | | .deviceChart { |
| | | width: 638px; |
| | | } |
| | | |
| | | .titleBg { |
| | | width: 618px; |
| | | height: 34px; |