const colorList = ['#59B2FF', '#02B84B', '#FFB72C', '#FF7031', '#FC2457'];
option = {
legend: {
right: 20,
data: ['受灾人口综合风险', 'GDP综合风险']
},
xAxis: {
axisTick: false,
axisLine: {
show: false
},
data: [
'台风',
'暴雨',
'干旱',
'高温',
'低温',
'冷空气大风',
'雨雪冰冻',
'冰雹',
'雷电'
]
},
yAxis: {
scale: false,
axisTick: {
show: false,
alignWithLabel: true
},
axisLine: {
show: false
},
axisLabel: {
textStyle: {
color: function (value, index) {
return colorList[index];
}
}
},
splitLine: {
show: true,
lineStyle: {
color: 'rgba(59, 102, 132, 0.5)'
},
alignWithLabel: true
},
data: ['低等级', '较低等级', '中等级', '较高等级', '高等级']
},
series: [
{
name: 'GDP综合风险',
symbolSize: 20,
symbol:
'path://M469.333333 682.666667v-85.333334H256v-85.333333h213.333333v-34.133333L264.533333 273.066667 328.533333 213.333333 512 396.8 695.466667 213.333333l59.733333 59.733334-200.533333 204.8v34.133333h213.333333v85.333333h-213.333333v85.333334h213.333333v85.333333h-213.333333v85.333333h-85.333334v-85.333333H256v-85.333333h213.333333z',
label: {
show: true
},
data: [
['台风', '低等级'],
['暴雨', '较低等级'],
['干旱', '低等级'],
['高温', '较高等级'],
['低温', '低等级'],
['冷空气大风', '较低等级'],
['雨雪冰冻', '高等级'],
['冰雹', '较高等级'],
['雷电', '高等级']
],
itemStyle: {
color: (params) => {
const data = params.data;
if (data[1] === '低等级') {
return colorList[0];
}
if (data[1] === '较低等级') {
return colorList[1];
}
if (data[1] === '中等级') {
return colorList[2];
}
if (data[1] === '较高等级') {
return colorList[3];
}
if (data[1] === '高等级') {
return colorList[4];
}
}
},
type: 'scatter'
},
{
name: '受灾人口综合风险',
symbolSize: 30,
symbol:
'path://M573.270961 949.594986s1.923461 23.676051 6.469822 32.069333 13.254392 29.866096 6.994402 34.97201-35.286758 7.763786-39.483399 2.902676-3.881893-10.491603-2.902677-17.800753-0.979216-13.324336-0.664468-25.949231-4.861109-19.129689-2.902677-26.263979a225.989128 225.989128 0 0 0 5.490606-28.886881 330.275662 330.275662 0 0 0-3.252397-36.965414c-1.923461-16.227013 1.328936-28.222412-3.881893-45.078921s-6.469822-48.960814 0-76.55373 2.273181-27.243196 1.293964-30.145872a233.088446 233.088446 0 0 1-7.763786-51.233995c0-20.773374-3.846921-49.625282-3.846921-61.305933s-3.497201-50.919246-2.937649-57.389068-3.497201-39.238595-2.587929-43.784957-0.314748-1.958433-0.314748-1.958432-13.988804 9.092723-20.983206-0.979217c0 0-3.916865 69.94402-5.840325 88.234381s-2.273181 38.469211-3.497201 50.254779 1.608712 24.480407 0.34972 30.495592-5.210829 37.664855-9.372499 50.989191-3.497201 16.192041-0.629496 26.893475S488.498809 814.847831 484.302168 837.020086s-4.231613 48.646066-6.469822 60.641465 0.944244 37.629883 1.293965 45.078921 3.497201 15.247796 3.217425 23.046554-2.273181 24.305547-1.923461 31.474809 5.175857 16.891481-3.881893 22.382086-17.486005 4.231613-22.976611 4.231614-21.682646-4.861109-19.094717-9.407471-3.252397-8.428254 5.175857-18.814941 4.196641-11.995399 5.840326-17.486005a63.68403 63.68403 0 0 0 2.902677-12.310148 151.253943 151.253943 0 0 0 1.293964-27.592916c-0.664468-8.078534-0.314748-28.851908-0.979216-39.868091s-2.587929-18.814941-4.546361-33.74799S439.95766 820.163577 435.341354 797.361826a99.495368 99.495368 0 0 1-0.34972-45.07892c2.273181-12.659868 0.34972-34.062738-0.314748-46.687634s1.608712-37.944631 0.314748-47.701821-20.633486-77.707806-19.304549-114.358473 0-60.641465 3.252397-78.82691 10.001995-42.45602 13.254391-57.389068 12.624896-25.284763 14.233608-42.490992 0.664468-51.233995 0.664469-51.233995-5.525578-46.372885-9.722219-60.326717c0 0-0.979216 17.835725-1.608713 30.180844s-3.497201 50.569526-5.525577 59.976997-1.923461 20.773374-4.511389 26.26398-4.196641 15.562544-5.840326 26.928448-6.469822 48.960814-10.981211 58.368284-5.840326 19.794158-9.407471 32.104305a77.148254 77.148254 0 0 0-2.902677 30.495593c0.979216 7.449038 3.252397 28.53716 3.252397 39.238595s0.314748 22.382086-3.252397 23.990799c0 0-2.902677-0.314748-3.217425-6.155074 0 0 0.664468-14.26858 0.314748-17.171257s-2.273181-6.994402-3.497201-4.231613a89.388457 89.388457 0 0 0-1.92346 17.171257c-0.314748 4.231613-1.958433 20.458626-5.175858 21.40287 0 0-3.252397 0.979216-2.937648-6.78457s0.34972-9.407471 0.34972-16.227013 1.293964-14.26858-0.664469-14.583328-4.196641 4.861109-4.511389 8.743003-2.937649 16.227013-3.252397 21.75259-3.217425 11.330931-5.490605 11.330931-2.587929-7.798758-2.587929-14.26858 1.39888-22.696834 1.39888-23.990799-3.497201-1.608712-4.196641 0.979217-4.861109 25.949231-6.819542 29.166656-4.196641 3.881893-5.175857 2.937649a42.80574 42.80574 0 0 1-0.629496-17.835725c1.293964-5.840326 3.497201-17.486005 4.196641-21.752591a99.075704 99.075704 0 0 0 0.664468-11.645679 5.630494 5.630494 0 0 0-3.497201 3.497201c-0.664468 2.587929-3.497201 6.155074-5.840326 6.155074s-4.196641-3.252397-1.92346-7.798758a59.172641 59.172641 0 0 0 6.469822-12.974616c1.293964-5.175857 1.923461-8.743002 6.78457-12.310147s11.995399-10.701435 12.624895-16.227013 12.624896-43.784956 11.330931-65.187827 8.393282-44.099705 10.666463-60.326717 9.057751-41.511776 9.057751-61.620681 1.608712-50.254778 1.923461-60.956213-6.749598-28.851908-3.497201-44.099705S405.999838 181.854452 414.078372 174.86005s20.983206-7.449038 31.474809-8.743003 35.49659-19.234605 40.3577-28.921852 5.175857-32.104305-0.314748-38.469211c0 0-6.469822-6.994402-8.743003-28.53716 0 0-4.861109-41.162056 6.469822-55.465608 0 0 11.645679-14.26858 28.781964-14.583328 0 0 29.131684 0.979216 34.62229 20.738402 0 0 10.036967 40.88228-6.469822 79.456406a41.371888 41.371888 0 0 0-3.881893 14.268581c0 6.190046 0 19.47941 3.497201 24.480406s26.194035 23.990799 37.839715 26.928448 28.816936 0 40.147867 16.856509 10.666463 26.263979 9.687247 38.469211-4.511389 26.298951-4.86111 32.454025 3.497201 43.784956 2.587929 55.955216a127.857668 127.857668 0 0 0 0.34972 27.977608c0.944244 6.78457 0 21.40287 5.490606 30.460621s12.939644 39.238595 12.624895 54.801139a185.351653 185.351653 0 0 0 8.078535 52.458015c4.196641 11.330931 3.881893 24.480407 4.861109 26.578727s-0.979216-2.273181-0.979216-2.27318a209.202563 209.202563 0 0 0 16.506788 19.794157c4.861109 4.196641 8.393282 15.562544 10.001995 20.738402s0.979216 12.659868-3.881893 5.840326-6.994402-9.407471-6.994402-9.407471-0.314748 6.155074-0.314748 9.407471a162.934594 162.934594 0 0 0 4.196641 23.676051c1.958433 7.48401 6.155074 19.794158 1.958433 21.40287 0 0-5.175857-0.979216-7.763786-11.680652 0 0-5.840326-23.011583-8.428255-24.970015a80.435623 80.435623 0 0 0 0 15.877293c0.979216 5.56055 2.937649 24.480407-2.27318 25.004987 0 0-4.196641-0.664468-4.51139-13.639084 0 0-4.546361-23.011583-6.78457-25.949231a40.322727 40.322727 0 0 0-2.27318 13.324336c0.314748 6.155074 0.629496 23.641079-2.273181 22.032366 0 0-4.861109 1.608712-4.511389-9.722219 0 0-1.643684-11.016183-1.643685-15.562544s-1.608712-15.247796-2.587928-13.289364-1.293964 19.129689-1.608713 23.361302-3.217425 4.826137-4.196641 3.497201a64.313526 64.313526 0 0 1-3.252397-17.486004c0-4.861109-0.629496-16.227013-0.314748-22.731807s2.587929-12.624896 3.881893-20.738402 3.252397-8.743002 1.923461-16.541761-5.805354-18.150473-10.036967-32.733801a277.153179 277.153179 0 0 1-10.491603-43.15546c-1.643684-13.988804-9.407471-40.53256-10.491603-52.842707s-5.245801-26.578728-7.518982-37.524967-3.497201-49.625282-3.217425-57.738788-0.664468-33.188437-2.587929-22.696835-2.587929 44.764173-4.196641 54.80114-5.840326 50.919246-2.273181 62.599898 12.939644 28.88688 15.527573 39.238595 13.56914 61.305933 12.939643 80.435623 2.587929 67.775755-2.902677 92.431022-12.310147 50.919246-13.988803 66.132071-1.538768 25.564539-2.098321 45.008977-0.314748 31.789557 0.314748 43.470208 1.643684 44.449425-0.629496 59.697221-3.497201 36.300946-6.78457 49.59031-5.840326 47.037353-6.994402 60.011969a354.476293 354.476293 0 0 0-1.923461 39.903063',
label: {
show: true
},
data: [
['台风', '较低等级'],
['暴雨', '中等级'],
['干旱', '较低等级'],
['高温', '高等级'],
['低温', '较低等级'],
['冷空气大风', '中等级'],
['雨雪冰冻', '较高等级'],
['冰雹', '高等级'],
['雷电', '较高等级']
],
itemStyle: {
color: (params) => {
const data = params.data;
if (data[1] === '低等级') {
return colorList[0];
}
if (data[1] === '较低等级') {
return colorList[1];
}
if (data[1] === '中等级') {
return colorList[2];
}
if (data[1] === '较高等级') {
return colorList[3];
}
if (data[1] === '高等级') {
return colorList[4];
}
}
},
type: 'scatter'
}
]
};