| | |
| | | series: [getPieSeries(seriesName, data)], |
| | | }); |
| | | |
| | | /** |
| | | * 中国地图:ECharts 默认只把地图撑到容器高度的 80%,容器加宽并不会让地图变大。 |
| | | * 用 layoutCenter + layoutSize 把地图顶到 92%,并稍微下移给标题留位置。 |
| | | */ |
| | | const getMapSeries = (name: string, data: any[]) => ({ |
| | | name, |
| | | type: 'map' as const, |
| | | map: 'china', |
| | | roam: false, |
| | | selectedMode: false, |
| | | layoutCenter: ['50%', '52%'], |
| | | layoutSize: '92%', |
| | | data, |
| | | }); |
| | | |
| | | export function getChartOptions(activeTabName: any, res: any): any { |
| | | switch (activeTabName) { |
| | | case 'area': { |
| | |
| | | max: leftMax, |
| | | }, |
| | | series: [ |
| | | { |
| | | name: '客户地域分布', |
| | | type: 'map', |
| | | map: 'china', |
| | | roam: false, |
| | | selectedMode: false, |
| | | data: data.map((item: any) => { |
| | | getMapSeries( |
| | | '客户地域分布', |
| | | data.map((item: any) => { |
| | | return { |
| | | name: item.areaName, |
| | | value: item.customerCount || 0, |
| | | }; |
| | | }), |
| | | }, |
| | | ), |
| | | ], |
| | | }, |
| | | right: { |
| | |
| | | max: rightMax, |
| | | }, |
| | | series: [ |
| | | { |
| | | name: '客户地域分布', |
| | | type: 'map', |
| | | map: 'china', |
| | | roam: false, |
| | | selectedMode: false, |
| | | data: data.map((item: any) => { |
| | | getMapSeries( |
| | | '客户地域分布', |
| | | data.map((item: any) => { |
| | | return { |
| | | name: item.areaName, |
| | | value: item.dealCount || 0, |
| | | }; |
| | | }), |
| | | }, |
| | | ), |
| | | ], |
| | | }, |
| | | }; |