Coffee export distributionsecharts pictorialBar配置项内容和展示
配置项如下
var pathSymbols = {
Brazil:'path://M243.564 745.355a206.274 273.17 17.529 1 0 164.551-520.97 206.274 273.17 17.529 1 0-164.551 520.97z M205.424 446.87c39.982-126.576 141.478-210.514 239.282-205.488a158.428 158.428 0 0 0-36.59-16.96c-108.632-34.314-233.534 54.49-278.976 198.352s5.782 288.3 114.412 322.614a158.452 158.452 0 0 0 39.694 7.136c-82.944-52.068-117.804-179.078-77.822-305.654z M250.142 744.578a20 20 0 0 1-17.936-11.124c-40.148-81.016-23.114-143.648-1.75-181.924 22.952-41.122 55.516-63.002 56.89-63.914l0.208-0.136c65.77-42.42 103.624-88.658 112.508-137.428 9.22-50.606-16.422-85.954-16.684-86.306-6.574-8.876-4.708-21.4 4.168-27.976 8.874-6.574 21.4-4.71 27.976 4.166 1.482 2.002 36.184 49.816 23.89 117.284-10.938 60.044-54.688 115.146-130.03 163.776-4.932 3.342-102.368 71.55-41.34 194.696 4.904 9.898 0.858 21.896-9.04 26.8a19.854 19.854 0 0 1-8.86 2.086z f M294.96 670.402a30 30 0 1 0 60 0 30 30 0 1 0-60 0z M548.66 758.75a273.17 206.274 30.692 1 0 210.575-354.76A273.17 206.274 30.692 1 0 548.66 758.75z M589.496 689.906c-114.15-67.75-172.776-185.688-145.616-279.78a158.444 158.444 0 0 0-24.846 31.768c-58.144 97.966-0.106 239.806 129.63 316.808s282.046 60.006 340.19-37.96a158.476 158.476 0 0 0 15.986-37.026c-69.584 68.91-201.194 73.94-315.344 6.19z M819.432 735.792c-57.458 0.002-97.27-23.614-122.324-46.432-34.816-31.71-48.708-68.402-49.284-69.948a11.036 11.036 0 0 1-0.086-0.234c-26.194-73.31-62.366-120.592-107.508-140.536-46.802-20.674-86.958-4.366-88.646-3.664-10.136 4.38-21.856-0.31-26.236-10.45s0.342-21.934 10.48-26.316c2.292-0.988 56.746-23.894 119.644 3.438 55.976 24.322 99.672 79.466 129.874 163.9 2.132 5.564 46.374 115.968 180.17 84.58a19.994 19.994 0 0 1 24.04 14.904c2.524 10.752-4.148 21.516-14.902 24.04-19.972 4.682-38.362 6.718-55.222 6.718z M757.1 522.702a30 30 0 1 0 60 0 30 30 0 1 0-60 0zM810.084 611.928a30 30 0 1 0 60 0 30 30 0 1 0-60 0z" ',
Colombia: 'path://M243.564 745.355a206.274 273.17 17.529 1 0 164.551-520.97 206.274 273.17 17.529 1 0-164.551 520.97z M205.424 446.87c39.982-126.576 141.478-210.514 239.282-205.488a158.428 158.428 0 0 0-36.59-16.96c-108.632-34.314-233.534 54.49-278.976 198.352s5.782 288.3 114.412 322.614a158.452 158.452 0 0 0 39.694 7.136c-82.944-52.068-117.804-179.078-77.822-305.654z M250.142 744.578a20 20 0 0 1-17.936-11.124c-40.148-81.016-23.114-143.648-1.75-181.924 22.952-41.122 55.516-63.002 56.89-63.914l0.208-0.136c65.77-42.42 103.624-88.658 112.508-137.428 9.22-50.606-16.422-85.954-16.684-86.306-6.574-8.876-4.708-21.4 4.168-27.976 8.874-6.574 21.4-4.71 27.976 4.166 1.482 2.002 36.184 49.816 23.89 117.284-10.938 60.044-54.688 115.146-130.03 163.776-4.932 3.342-102.368 71.55-41.34 194.696 4.904 9.898 0.858 21.896-9.04 26.8a19.854 19.854 0 0 1-8.86 2.086z f M294.96 670.402a30 30 0 1 0 60 0 30 30 0 1 0-60 0z M548.66 758.75a273.17 206.274 30.692 1 0 210.575-354.76A273.17 206.274 30.692 1 0 548.66 758.75z M589.496 689.906c-114.15-67.75-172.776-185.688-145.616-279.78a158.444 158.444 0 0 0-24.846 31.768c-58.144 97.966-0.106 239.806 129.63 316.808s282.046 60.006 340.19-37.96a158.476 158.476 0 0 0 15.986-37.026c-69.584 68.91-201.194 73.94-315.344 6.19z M819.432 735.792c-57.458 0.002-97.27-23.614-122.324-46.432-34.816-31.71-48.708-68.402-49.284-69.948a11.036 11.036 0 0 1-0.086-0.234c-26.194-73.31-62.366-120.592-107.508-140.536-46.802-20.674-86.958-4.366-88.646-3.664-10.136 4.38-21.856-0.31-26.236-10.45s0.342-21.934 10.48-26.316c2.292-0.988 56.746-23.894 119.644 3.438 55.976 24.322 99.672 79.466 129.874 163.9 2.132 5.564 46.374 115.968 180.17 84.58a19.994 19.994 0 0 1 24.04 14.904c2.524 10.752-4.148 21.516-14.902 24.04-19.972 4.682-38.362 6.718-55.222 6.718z M757.1 522.702a30 30 0 1 0 60 0 30 30 0 1 0-60 0zM810.084 611.928a30 30 0 1 0 60 0 30 30 0 1 0-60 0z" ',
Indonesia: 'path://M243.564 745.355a206.274 273.17 17.529 1 0 164.551-520.97 206.274 273.17 17.529 1 0-164.551 520.97z M205.424 446.87c39.982-126.576 141.478-210.514 239.282-205.488a158.428 158.428 0 0 0-36.59-16.96c-108.632-34.314-233.534 54.49-278.976 198.352s5.782 288.3 114.412 322.614a158.452 158.452 0 0 0 39.694 7.136c-82.944-52.068-117.804-179.078-77.822-305.654z M250.142 744.578a20 20 0 0 1-17.936-11.124c-40.148-81.016-23.114-143.648-1.75-181.924 22.952-41.122 55.516-63.002 56.89-63.914l0.208-0.136c65.77-42.42 103.624-88.658 112.508-137.428 9.22-50.606-16.422-85.954-16.684-86.306-6.574-8.876-4.708-21.4 4.168-27.976 8.874-6.574 21.4-4.71 27.976 4.166 1.482 2.002 36.184 49.816 23.89 117.284-10.938 60.044-54.688 115.146-130.03 163.776-4.932 3.342-102.368 71.55-41.34 194.696 4.904 9.898 0.858 21.896-9.04 26.8a19.854 19.854 0 0 1-8.86 2.086z f M294.96 670.402a30 30 0 1 0 60 0 30 30 0 1 0-60 0z M548.66 758.75a273.17 206.274 30.692 1 0 210.575-354.76A273.17 206.274 30.692 1 0 548.66 758.75z M589.496 689.906c-114.15-67.75-172.776-185.688-145.616-279.78a158.444 158.444 0 0 0-24.846 31.768c-58.144 97.966-0.106 239.806 129.63 316.808s282.046 60.006 340.19-37.96a158.476 158.476 0 0 0 15.986-37.026c-69.584 68.91-201.194 73.94-315.344 6.19z M819.432 735.792c-57.458 0.002-97.27-23.614-122.324-46.432-34.816-31.71-48.708-68.402-49.284-69.948a11.036 11.036 0 0 1-0.086-0.234c-26.194-73.31-62.366-120.592-107.508-140.536-46.802-20.674-86.958-4.366-88.646-3.664-10.136 4.38-21.856-0.31-26.236-10.45s0.342-21.934 10.48-26.316c2.292-0.988 56.746-23.894 119.644 3.438 55.976 24.322 99.672 79.466 129.874 163.9 2.132 5.564 46.374 115.968 180.17 84.58a19.994 19.994 0 0 1 24.04 14.904c2.524 10.752-4.148 21.516-14.902 24.04-19.972 4.682-38.362 6.718-55.222 6.718z M757.1 522.702a30 30 0 1 0 60 0 30 30 0 1 0-60 0zM810.084 611.928a30 30 0 1 0 60 0 30 30 0 1 0-60 0z" ',
IvoryCoast: 'path://M243.564 745.355a206.274 273.17 17.529 1 0 164.551-520.97 206.274 273.17 17.529 1 0-164.551 520.97z M205.424 446.87c39.982-126.576 141.478-210.514 239.282-205.488a158.428 158.428 0 0 0-36.59-16.96c-108.632-34.314-233.534 54.49-278.976 198.352s5.782 288.3 114.412 322.614a158.452 158.452 0 0 0 39.694 7.136c-82.944-52.068-117.804-179.078-77.822-305.654z M250.142 744.578a20 20 0 0 1-17.936-11.124c-40.148-81.016-23.114-143.648-1.75-181.924 22.952-41.122 55.516-63.002 56.89-63.914l0.208-0.136c65.77-42.42 103.624-88.658 112.508-137.428 9.22-50.606-16.422-85.954-16.684-86.306-6.574-8.876-4.708-21.4 4.168-27.976 8.874-6.574 21.4-4.71 27.976 4.166 1.482 2.002 36.184 49.816 23.89 117.284-10.938 60.044-54.688 115.146-130.03 163.776-4.932 3.342-102.368 71.55-41.34 194.696 4.904 9.898 0.858 21.896-9.04 26.8a19.854 19.854 0 0 1-8.86 2.086z f M294.96 670.402a30 30 0 1 0 60 0 30 30 0 1 0-60 0z M548.66 758.75a273.17 206.274 30.692 1 0 210.575-354.76A273.17 206.274 30.692 1 0 548.66 758.75z M589.496 689.906c-114.15-67.75-172.776-185.688-145.616-279.78a158.444 158.444 0 0 0-24.846 31.768c-58.144 97.966-0.106 239.806 129.63 316.808s282.046 60.006 340.19-37.96a158.476 158.476 0 0 0 15.986-37.026c-69.584 68.91-201.194 73.94-315.344 6.19z M819.432 735.792c-57.458 0.002-97.27-23.614-122.324-46.432-34.816-31.71-48.708-68.402-49.284-69.948a11.036 11.036 0 0 1-0.086-0.234c-26.194-73.31-62.366-120.592-107.508-140.536-46.802-20.674-86.958-4.366-88.646-3.664-10.136 4.38-21.856-0.31-26.236-10.45s0.342-21.934 10.48-26.316c2.292-0.988 56.746-23.894 119.644 3.438 55.976 24.322 99.672 79.466 129.874 163.9 2.132 5.564 46.374 115.968 180.17 84.58a19.994 19.994 0 0 1 24.04 14.904c2.524 10.752-4.148 21.516-14.902 24.04-19.972 4.682-38.362 6.718-55.222 6.718z M757.1 522.702a30 30 0 1 0 60 0 30 30 0 1 0-60 0zM810.084 611.928a30 30 0 1 0 60 0 30 30 0 1 0-60 0z" ',
Honduras: 'path://M243.564 745.355a206.274 273.17 17.529 1 0 164.551-520.97 206.274 273.17 17.529 1 0-164.551 520.97z M205.424 446.87c39.982-126.576 141.478-210.514 239.282-205.488a158.428 158.428 0 0 0-36.59-16.96c-108.632-34.314-233.534 54.49-278.976 198.352s5.782 288.3 114.412 322.614a158.452 158.452 0 0 0 39.694 7.136c-82.944-52.068-117.804-179.078-77.822-305.654z M250.142 744.578a20 20 0 0 1-17.936-11.124c-40.148-81.016-23.114-143.648-1.75-181.924 22.952-41.122 55.516-63.002 56.89-63.914l0.208-0.136c65.77-42.42 103.624-88.658 112.508-137.428 9.22-50.606-16.422-85.954-16.684-86.306-6.574-8.876-4.708-21.4 4.168-27.976 8.874-6.574 21.4-4.71 27.976 4.166 1.482 2.002 36.184 49.816 23.89 117.284-10.938 60.044-54.688 115.146-130.03 163.776-4.932 3.342-102.368 71.55-41.34 194.696 4.904 9.898 0.858 21.896-9.04 26.8a19.854 19.854 0 0 1-8.86 2.086z f M294.96 670.402a30 30 0 1 0 60 0 30 30 0 1 0-60 0z M548.66 758.75a273.17 206.274 30.692 1 0 210.575-354.76A273.17 206.274 30.692 1 0 548.66 758.75z M589.496 689.906c-114.15-67.75-172.776-185.688-145.616-279.78a158.444 158.444 0 0 0-24.846 31.768c-58.144 97.966-0.106 239.806 129.63 316.808s282.046 60.006 340.19-37.96a158.476 158.476 0 0 0 15.986-37.026c-69.584 68.91-201.194 73.94-315.344 6.19z M819.432 735.792c-57.458 0.002-97.27-23.614-122.324-46.432-34.816-31.71-48.708-68.402-49.284-69.948a11.036 11.036 0 0 1-0.086-0.234c-26.194-73.31-62.366-120.592-107.508-140.536-46.802-20.674-86.958-4.366-88.646-3.664-10.136 4.38-21.856-0.31-26.236-10.45s0.342-21.934 10.48-26.316c2.292-0.988 56.746-23.894 119.644 3.438 55.976 24.322 99.672 79.466 129.874 163.9 2.132 5.564 46.374 115.968 180.17 84.58a19.994 19.994 0 0 1 24.04 14.904c2.524 10.752-4.148 21.516-14.902 24.04-19.972 4.682-38.362 6.718-55.222 6.718z M757.1 522.702a30 30 0 1 0 60 0 30 30 0 1 0-60 0zM810.084 611.928a30 30 0 1 0 60 0 30 30 0 1 0-60 0z" ',
Vietnam: 'path://M243.564 745.355a206.274 273.17 17.529 1 0 164.551-520.97 206.274 273.17 17.529 1 0-164.551 520.97z M205.424 446.87c39.982-126.576 141.478-210.514 239.282-205.488a158.428 158.428 0 0 0-36.59-16.96c-108.632-34.314-233.534 54.49-278.976 198.352s5.782 288.3 114.412 322.614a158.452 158.452 0 0 0 39.694 7.136c-82.944-52.068-117.804-179.078-77.822-305.654z M250.142 744.578a20 20 0 0 1-17.936-11.124c-40.148-81.016-23.114-143.648-1.75-181.924 22.952-41.122 55.516-63.002 56.89-63.914l0.208-0.136c65.77-42.42 103.624-88.658 112.508-137.428 9.22-50.606-16.422-85.954-16.684-86.306-6.574-8.876-4.708-21.4 4.168-27.976 8.874-6.574 21.4-4.71 27.976 4.166 1.482 2.002 36.184 49.816 23.89 117.284-10.938 60.044-54.688 115.146-130.03 163.776-4.932 3.342-102.368 71.55-41.34 194.696 4.904 9.898 0.858 21.896-9.04 26.8a19.854 19.854 0 0 1-8.86 2.086z f M294.96 670.402a30 30 0 1 0 60 0 30 30 0 1 0-60 0z M548.66 758.75a273.17 206.274 30.692 1 0 210.575-354.76A273.17 206.274 30.692 1 0 548.66 758.75z M589.496 689.906c-114.15-67.75-172.776-185.688-145.616-279.78a158.444 158.444 0 0 0-24.846 31.768c-58.144 97.966-0.106 239.806 129.63 316.808s282.046 60.006 340.19-37.96a158.476 158.476 0 0 0 15.986-37.026c-69.584 68.91-201.194 73.94-315.344 6.19z M819.432 735.792c-57.458 0.002-97.27-23.614-122.324-46.432-34.816-31.71-48.708-68.402-49.284-69.948a11.036 11.036 0 0 1-0.086-0.234c-26.194-73.31-62.366-120.592-107.508-140.536-46.802-20.674-86.958-4.366-88.646-3.664-10.136 4.38-21.856-0.31-26.236-10.45s0.342-21.934 10.48-26.316c2.292-0.988 56.746-23.894 119.644 3.438 55.976 24.322 99.672 79.466 129.874 163.9 2.132 5.564 46.374 115.968 180.17 84.58a19.994 19.994 0 0 1 24.04 14.904c2.524 10.752-4.148 21.516-14.902 24.04-19.972 4.682-38.362 6.718-55.222 6.718z M757.1 522.702a30 30 0 1 0 60 0 30 30 0 1 0-60 0zM810.084 611.928a30 30 0 1 0 60 0 30 30 0 1 0-60 0z" ',
};
var labelSetting = {
normal: {
show: true,
position: 'right',
offset: [10, 0],
textStyle: {
fontSize: 16
}
}
};
option = {
title: {
text: 'Coffee export distributions'
},
color:['#387a13','#490f08'],
legend: {
data: ['1990', '2018']
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
grid: {
containLabel: true,
left: 20
},
yAxis: {
data: ['Brazil', 'Colombia', 'Indonesia', 'IvoryCoast', 'Honduras','Vietnam'],
inverse: true,
axisLine: {show: false},
axisTick: {show: false},
axisLabel: {
margin: 30,
fontSize: 14
},
axisPointer: {
label: {
show: true,
margin: 30
}
}
},
xAxis: {
splitLine: {show: false},
axisLabel: {show: false},
axisTick: {show: false},
axisLine: {show: false}
},
series: [{
name: '1990',
type: 'pictorialBar',
label: labelSetting,
symbolRepeat: true,
symbolSize: ['80%', '60%'],
barCategoryGap: '40%',
data: [{
value: 16936,
symbol: pathSymbols.Brazil
}, {
value: 13944,
symbol: pathSymbols.Colombia
}, {
value: 6903,
symbol: pathSymbols.Indonesia
}, {
value: 4283,
symbol: pathSymbols.IvoryCoast
}, {
value: 1735,
symbol: pathSymbols.Honduras
},{
value: 1145,
symbol: pathSymbols.Vietnam
}
]
}, {
name: '2018',
type: 'pictorialBar',
barGap: '10%',
label: labelSetting,
symbolRepeat: true,
symbolSize: ['80%', '60%'],
data: [{
value: 35383,
symbol: pathSymbols.Brazil
}, {
value: 12808,
symbol: pathSymbols.Colombia
}, {
value: 4539,
symbol: pathSymbols.Indonesia
}, {
value: 1523,
symbol: pathSymbols.IvoryCoast
}, {
value: 7144,
symbol: pathSymbols.Honduras
},
{
value: 27866,
symbol: pathSymbols.Vietnam
}]
}]
};
截图如下
