配置项如下
var pathSymbols = {
sale: 'path://M581.470723 106.312304l59.491952 47.449685 76.187193-5.323239c77.014024-5.478781 68.434625-9.924024 91.177606 72.206532l20.261463 73.448826 64.817238 40.367383c65.227584 40.832987 60.991096 32.200376 31.114648 112.058169l-26.77276 71.275323 28.634154 70.65827c28.944216 71.638597 30.597879 62.024635-40.627303 109.164259L822.178947 739.485061l-18.298761 74.017784c-18.710131 74.842569-11.784394 68.121494-96.861048 64.297398l-76.187193-3.41068-58.354036 48.998971c-59.07956 49.724495-49.620118 48.378847-116.246561-4.754281L396.79056 871.184569l-76.083839 5.375427c-77.015048 5.478781-68.485791 9.819646-91.177606-72.362075l-20.363793-73.396637-64.660672-40.523949c-65.48955-40.730657-61.147662-32.045857-31.16786-111.953791l26.723641-71.176063-28.635177-70.708412c-28.996404-71.535243-30.547737-62.024635 40.627303-109.058858l63.420425-41.970904 18.453281-74.016761c18.554588-74.895781 11.834536-68.12354 97.016591-64.298422l75.877131 3.41068 58.510602-49.205679C524.354887 51.756781 514.897492 53.128011 581.470723 106.312304L581.470723 106.312304zM240.280993 533.923312l0 74.067926c0 39.386032 26.620287 58.820664 79.907934 58.820664 55.202253 0 82.85608-21.606087 82.85608-64.609507l0-41.298592c0-14.473643-4.031826-27.291576-12.147668-38.559201-8.06263-11.267625-27.13501-31.115672-56.95927-59.647495-16.022928-16.023952-24.086581-30.082132-24.086581-42.073234l-1.447978-21.088294c0-12.248975 4.341888-18.297738 12.818957-18.297738 7.235798 0 10.803044 3.204995 10.803044 9.613962l0 59.544141 65.074088 0L397.099598 394.160151c0-38.352493-24.706705-57.477063-74.170257-57.477063-55.099922 0-82.649372 20.98494-82.649372 63.059198l0 36.388768c0 12.19781 3.721765 23.258727 11.164271 33.287127 7.339152 10.130731 26.15366 29.874401 56.545854 59.33641 15.765055 15.817244 23.622 29.566386 23.622 41.299615l0 38.559201c0 7.340175-4.341888 11.06194-12.871145 11.06194-9.097192 0-13.5936-3.721765-13.5936-11.164271L305.14735 533.923312 240.280993 533.923312 240.280993 533.923312zM569.944202 664.022369 569.944202 454.737832c0-36.95568-23.879873-55.460126-71.999824-55.460126-51.222615 0-76.910671 17.780969-76.910671 53.238528l0 52.565193 62.179155 0c0-3.721765-0.310062-9.355065-1.033539-16.694217-0.361227-7.442506-0.463558-13.025665-0.463558-16.850783 0-20.934798 4.185322-31.478945 12.661368-31.478945 7.442506 0 11.113105 4.341888 11.113105 12.922311l0 38.971593c0 4.498454-7.54586 10.544147-22.38073 18.09103-25.843598 13.129019-43.054585 24.188912-51.531654 32.976042-8.632611 8.683776-12.766768 18.917862-12.766768 30.652114l0 52.927443c0 27.498284 17.573237 41.24845 52.616358 41.24845 22.898523 0 36.697807-4.65195 41.556465-13.853519l0 10.029424L569.944202 664.022369 569.944202 664.022369zM505.490238 615.021352l0-67.763336c-14.83487 3.721765-22.278399 10.235109-22.278399 20.00359l0 47.759747c0 7.960299 3.824095 11.992125 11.630898 11.992125C501.922992 627.013477 505.490238 622.98165 505.490238 615.021352L505.490238 615.021352zM650.058844 664.022369 650.058844 339.474668l-64.298422 0 0 324.547701L650.058844 664.022369 650.058844 664.022369zM815.665603 552.84015l0-100.32494c0-35.45756-25.222451-53.238528-75.772754-53.238528-50.13791 0-75.051323 18.504446-75.051323 55.460126l0 157.595294c0 37.008892 24.913413 55.513338 75.051323 55.513338 50.54928 0 75.772754-17.780969 75.772754-53.341882l0-53.394071-64.50513 0 0 52.670593c0 8.78713-3.617387 13.232372-10.854209 13.232372-7.235798 0-10.854209-4.445242-10.854209-13.232372l0-60.940954L815.665603 552.839127 815.665603 552.84015zM751.160473 513.403976l0-60.423161c0-8.580422-3.617387-12.922311-10.854209-12.922311-7.235798 0-10.854209 4.341888-10.854209 12.922311l0 60.423161L751.160473 513.403976 751.160473 513.403976zM157.373749 471.329718c0 0 2.740414-30.237675 8.993838-63.782675 6.202259-33.546024 68.331271-99.393731 68.331271-99.393731s-96.965425 59.335387-104.719017 70.035076C122.382816 388.940266 157.373749 471.329718 157.373749 471.329718z',
worker: 'path://M626.2 588.4C686 549 727.6 480.3 734.6 400H764c15.5 0 28-12.5 28-28s-12.5-28-28-28c0-154.6-97.3-280-252-280S260 189.4 260 344c-15.5 0-28 12.5-28 28s12.5 28 28 28h29.4c6.9 80.3 48.6 149 108.3 188.4C268.5 635.2 176 758.6 176 904c0 14.3 5.5 28.7 16.4 39.6S217.7 960 232 960h560c14.3 0 28.7-5.5 39.6-16.4S848 918.3 848 904c0-145.4-92.5-268.8-221.8-315.6z m-34.4-451.8L575.6 232H447.4l-15.9-95.1C455.2 126.1 482 120 512 120c29.7 0 56.3 6.1 79.8 16.6z m-211 36.3l11.4 68.3c4.5 27 27.9 46.8 55.2 46.8h128.1c27.3 0 50.6-19.7 55.2-46.6l11.8-69.2C684.4 213.3 708 274.7 708 344H316c0-69 23.3-130 64.8-171.1zM232 904c0-117.3 74.3-223 184.8-263 19.9-7.2 34.1-25 36.5-46.1 2.5-21-7.1-41.7-24.8-53.3-46.7-30.8-75.4-82.9-81.9-141.6h330.6c-6.4 58.7-35.1 110.8-81.9 141.6-17.7 11.7-27.3 32.3-24.8 53.3s16.6 38.9 36.5 46.1c110.7 40 185 145.7 185 263H232z',
asi: 'path://M772.150018 256.532631 249.152547 256.532631l0 38.268582L772.150018 294.801213 772.150018 256.532631zM772.150018 371.33633 249.152547 371.33633l0 38.267559L772.150018 409.603889 772.150018 371.33633zM772.150018 486.141052 249.152547 486.141052l0 38.268582L772.150018 524.409634 772.150018 486.141052zM849.320609 65.190745 171.980933 65.190745c-37.633109 0-37.633109 37.20946-37.633109 37.20946l0 818.513976c0 0 0 37.201274 37.633109 37.201274l413.929404 0 301.043381-297.636794L886.953717 102.400205C886.953717 102.400205 886.953717 65.190745 849.320609 65.190745zM848.686159 664.72538l-267.877003 255.120468 0-255.120468L848.686159 664.72538l0-38.268582L580.809155 626.456798c-37.625946 0-38.267559 38.268582-38.267559 38.268582l0 255.120468 0.530073 0.098237-371.090736 0.969071L171.980933 102.400205l677.340699 0L848.686159 664.72538zM364.410594 616.844883l-18.862603 8.719592c4.656043 7.107885 10.156314 23.657816 18.408255 39.160905l21.032012-13.966083C375.840924 635.095549 368.986819 623.794156 364.410594 616.844883zM259.557524 866.49271c48.426943-17.279548 83.665515-34.396391 105.714693-51.349505 21.968337 17.196661 55.976896 33.665751 102.038978 49.414433 3.916193-5.653767 9.634428-12.676717 17.145495-21.073968-47.28391-12.432147-81.787748-26.483164-103.510492-42.145889 28.829606-28.016077 47.611367-65.076134 56.352449-111.180172l45.199435 0-3.737114-25.431206-114.804722 0-114.804722 0-1.842974 7.509021 0 17.922185 46.176692 0c8.091282 42.550095 27.03268 79.56922 56.839543 111.055328-23.599488 17.037025-58.758242 32.502251-105.468077 46.387493C250.41019 854.544587 255.313873 860.838943 259.557524 866.49271zM313.089741 690.157609l103.262852 0c-7.189749 41.261753-24.053835 74.080206-50.593282 98.463546C337.991897 762.704902 320.438103 729.879286 313.089741 690.157609z',
kefu: 'path://M515.530406 770.231319c4.366448 0 8.812713-0.267083 13.284561-0.800225 42.889833-5.14723 79.310324-35.124985 92.75452-76.437903 1.01205-3.093455-0.452301-6.40078-3.40761-7.760754-2.928702-1.359974-6.469342-0.186242-8.119935 2.586918-0.159636 0.267083-17.198707 27.79095-83.542718 36.752042-9.930163 1.333368-19.594267 2.02717-28.752858 2.02717-46.483684-0.026606-67.196425-17.548678-67.382667-17.709337-2.342348-2.080382-5.910617-2.133593-8.306176-0.106424-2.422166 2.02717-2.981914 5.547343-1.331321 8.241708C440.960037 749.82864 477.273081 770.231319 515.530406 770.231319zM872.252901 359.078145c-0.586354 0-1.118474 0.106424-1.677199 0.106424C831.705416 190.893678 683.175591 65.355497 505.09473 65.355497c-182.979428 0-334.916862 132.473127-368.595916 307.724547-32.745798 5.894244-57.665351 34.671661-57.665351 69.477374l0 139.300626c0 39.045271 31.309076 70.703295 69.965491 70.703295 21.804608 0 41.052998-10.29446 53.858652-26.110681 30.934546 81.82254 93.922113 147.803277 173.627433 182.610014 0.191358-0.415462 1.700735-3.348258 3.514033-5.685489 1.257643-1.620917 2.660596-2.952238 3.868097-2.952238 1.251503 0 2.396583 0.453325 3.381004 1.147126-18.450211-13.735839-85.086887-84.33271-99.516528-182.853561-6.336312-43.366693 26.143427-85.932138 63.975057-92.973508 60.727083-11.308557 121.134895-24.189935 181.861978-35.284621 38.603203-7.04137 64.987107-28.217668 81.120552-63.475683 3.780093-8.241708 9.238408-24.910343 11.741415-48.940642 0.665149-3.573385 3.593851-6.320962 7.348362-6.320962 2.503007 0 4.632507 1.280156 6.043646 3.120061l1.677199-1.039679c23.934109 34.751478 71.403237 111.695918 78.218456 192.827727 7.827269 92.76066 3.460822 156.289556-67.542302 221.285872-0.079818 0.079818-0.186242 0.186242-0.292666 0.267083-0.985444 1.066285-1.570775 2.453888-1.570775 3.973498 0 2.000564 1.065262 3.707438 2.609431 4.747117 0.585331 0.240477 1.171686 0.559748 1.757017 0.800225 0.478907 0.106424 0.931209 0.267083 1.411139 0.267083 0.479931 0 0.905626-0.159636 1.331321-0.267083 1.01205-0.533143 1.969864-1.147126 2.955308-1.680269 71.802326-39.552831 126.884852-105.615433 152.336524-185.066973 10.302647 15.308661 26.436092 26.323529 45.178969 30.163997-30.057573 136.713708-151.990646 222.272339-303.050084 235.261165-9.052167-22.456455-31.335682-38.405705-57.505715-38.405705-34.183544 0-61.898769 27.070542-61.898769 60.435441s27.714202 60.408835 61.898769 60.408835c27.554566 0 50.637284-17.709337 58.650795-42.032302 174.859493-14.21577 315.02993-118.150934 344.289324-279.640931 25.850761-10.80202 44.007283-36.165688 44.007283-65.769936L944.083879 430.42203C944.081833 391.029858 911.920342 359.078145 872.252901 359.078145zM807.744701 399.564231C762.140037 276.026614 643.960451 187.773617 504.935094 187.773617c-138.440026 0-256.192893 87.505983-302.224276 210.243375-2.289136-2.800789-4.978385-5.200442-7.614421-7.627724C221.160006 240.820788 349.882716 127.0977 505.09473 127.0977c154.467047 0 282.789645 112.602567 309.705668 261.131369C812.137755 391.803477 809.68796 395.537522 807.744701 399.564231zM376.292202 809.063743c-0.00307-0.001023-0.005117-0.002047-0.008186-0.00307C376.255363 809.125141 376.25434 809.133328 376.292202 809.063743z',
teacher: 'path://M528.299836 658.129008l0.981918 21.464723-12.683573 20.979375 38.897973 169.908252-54.953732 26.705359-54.953732-26.705359 38.892362-169.908252-12.683573-20.979375 0.976307-21.464723C496.985074 656.7936 504.085742 656.7936 528.299836 658.129008L528.299836 658.129008zM489.847934 67.581195l538.478115 0c16.810433 0 32.111518 6.873425 43.198773 17.960679 11.087255 11.045173 17.963485 26.346258 17.963485 43.198773l0 336.275989c0 16.768351-6.87623 32.06663-17.963485 43.159496l-0.047693 0.039277 0 0.047693c-11.134948 11.047978-26.38834 17.924208-43.153885 17.924208l-238.044932 0-84.223299 66.170038-30.024241 23.594082 5.76526-37.700033 7.005282-46.035112 29.895189 4.480351-1.240022 8.295803 138.06606-108.485085 18.715353 23.72594-45.415101 35.705337 199.486422 0c8.517436 0 16.232504-3.456351 21.821019-9.047671l0.047693-0.047693c5.549238-5.543627 9.008395-13.306389 9.008395-21.821019L1059.186323 128.743452c0-8.472548-3.459156-16.232504-9.056088-21.821019-5.633403-5.588515-13.351277-9.092559-21.821019-9.092559L489.847934 97.829874c-8.51463 0-16.277392 3.459156-21.865907 9.047671-5.588515 5.633403-9.047671 13.348471-9.047671 21.865907l0 21.997764-30.248679 0L428.685677 128.743452c0-16.810433 6.873425-32.06663 17.918597-43.153885l0.089775-0.044888C457.781304 74.457425 473.037501 67.581195 489.847934 67.581195L489.847934 67.581195zM676.039189 374.587616c10.374663-138.110948-9.092559-217.635068-174.660734-195.457753-56.190948 7.496241-117.221348-9.002784-152.037348 16.499025-43.776701 41.293852-46.879562 103.252866-34.995551 175.945644-2.623123 1.419573-5.277107 3.013085-7.891814 4.833841l-7.802038 5.277107-0.137468 9.359079c-0.401184 24.216899 2.623123 44.663233 9.140252 60.317808 5.9392 14.235003 14.678268 24.839715 26.385534 31.224986 13.9264 47.45749 33.935079 83.070247 58.95154 108.706718 27.274871 27.945381 60.096175 43.818784 97.212668 50.077808l3.33291 0.530236 3.327299-0.667704c41.114301-8.691375 73.935605-25.27737 100.107923-52.953425 24.256175-25.639277 42.357129-60.26731 55.663518-106.490389 11.266805-6.564822 19.694466-17.253699 25.414838-31.359649 6.253414-15.567605 9.134641-35.657644 8.736263-59.386389l-0.134663-9.359079-7.804844-5.277107C677.899222 375.740668 676.970608 375.165545 676.039189 374.587616L676.039189 374.587616zM273.629633 641.2288l-7.361578-0.044888-5.639014 4.878729c-39.652647 34.594367-62.890433 85.02286-76.412844 136.475353-13.037063 49.892647-16.94229 100.854181-17.702575 138.422356l-0.401184 19.918904 19.871211 0L802.17074 940.879255l17.475332 0 1.904921-17.475332c4.878729-45.238356-2.83634-102.545885-19.697271-155.058849-16.055759-50.161973-40.749589-96.730126-71.045962-125.343211l-5.942005-5.633403-8.026477 0.263715-94.603573 3.237523 0 38.984942 87.463627-2.976614c22.749633 24.306674 41.86617 62.130148 55.082784 103.390334 13.13806 40.889863 20.179814 84.621677 19.161425 121.519342-476.693041 0-90.072723 0-577.816548 0 1.593512-32.285458 5.807342-71.315288 15.834126-109.467003 11.087255-42.354323 29.314455-83.47143 59.03851-112.067682l79.299682 0.706981 0-38.94286L273.629633 641.2288zM873.662773 322.251397 873.662773 345.270356 999.760658 345.270356 999.760658 322.251397ZM740.570827 322.251397 740.570827 345.270356 853.66251 345.270356 853.66251 322.251397ZM936.199715 244.323595 936.199715 267.342553 999.760658 267.342553 999.760658 244.323595ZM885.156822 244.323595 885.156822 267.342553 910.700712 267.342553 910.700712 244.323595ZM811.086553 244.323595 811.086553 267.342553 862.179945 267.342553 862.179945 244.323595ZM740.570827 244.323595 740.570827 267.342553 791.574444 267.342553 791.574444 244.323595ZM740.570827 172.250827 740.570827 195.269786 999.763463 195.269786 999.763463 172.250827ZM335.100493 408.071014c0.799562 11.752153 2.794258 21.644274 6.034586 29.364953 3.234718 7.846926 7.670181 12.905205 13.303584 14.633381l9.577907 2.973808 2.620318 9.667682c12.332888 45.459989 30.069129 78.545008 52.296942 101.34514 20.712855 21.209425 45.63954 33.61806 73.935605 38.984942 32.1536-7.313885 57.700296-20.443529 77.835222-41.686619 21.332866-22.530805 37.253962-54.687211 49.146389-99.041841l2.48846-9.224416 9.047671-3.195441c5.501545-1.907726 9.847233-7.095058 13.039868-14.944789 3.060778-7.670181 5.007781-17.340668 5.804537-28.787025-5.279912 0.047693-10.643989 0.179551-16.765545 0.931419l-2.437962-8.203222-5.190137 0.311408-2.979419-15.747156c-2.30891-12.285195-5.857841-23.681052-10.461633-34.151101-13.842236 5.855036-29.364953-4.923616-43.375518-12.994981l-7.095058 22.264285-11.446356-1.506542 1.509348-13.57291-12.063562 19.383058-10.733764-2.129359 10.559825-28.739332 0 0c-59.122674 52.465271-128.269326 49.09589-166.811003 19.781436-1.240022 2.971003-2.395879 6.031781-3.45074 9.134641-2.6624 10.646795-5.639014 24.483419-8.295803 35.040438l-0.715397 3.857534-0.266521-0.044888c-0.575123 2.129359-1.108164 3.989392-1.641205 5.633403C353.731682 404.213479 343.884449 406.738411 335.100493 408.071014L335.100493 408.071014z',
//可从阿里图标库,F12查看
};
var labelSetting = {
normal: {
show: true,
position: 'right',
offset: [10, 0],
textStyle: {
fontSize: 16
}
}
};
option = {
width : '80%',//宽高
height : '60%',
backgroundColor:'#fff',//背景色
title: {
text: 'Vehicles in X City'
},
legend: {
data: ['2015']
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
grid: {
containLabel: true,
left: 20
},
yAxis: {
data: ['销售', '普通工人', '行政助理', '客服', '教师'],
inverse: true,
axisLine: {show: false},
axisTick: {show: false},
axisLabel: {
margin: 30,
textStyle: {
fontSize: 14
}
},
axisPointer: {
label: {
show: true,
margin: 30
}
}
},
xAxis: {
splitLine: {show: false},
axisLabel: {show: false},
axisTick: {show: false},
axisLine: {show: false}
},
series: [{
name: '2015',
type: 'pictorialBar',
label: labelSetting,
symbolRepeat: true,
color: '#000000',//图形颜色
symbolSize: ['80%', '60%'],
barCategoryGap: '40%',
data: [{
value: 3712,
symbol: pathSymbols.sale
}, {
value: 3711,
symbol: pathSymbols.worker
}, {
value: 3033,
symbol: pathSymbols.asi
}, {
value: 3028,
symbol: pathSymbols.kefu
}, {
value: 2916,
symbol: pathSymbols.teacher
}]
}]
};