>#### 子彈圖 ~~~ option = { title: { text: '子彈圖', textStyle: { color: '#ffffff' }, top: 10, left: '5%', }, toolbox: { feature: { saveAsImage: {} } }, backgroundColor: "#0f375f", yAxis: [{ type: 'category', data: ['利潤'], axisLine: { show: false, }, axisLabel: { color: '#ffffff', }, axisTick: { show: false, }, }, { type: 'category', data: [''], axisLine: { show: false, }, axisLabel: { color: '#ffffff', }, axisTick: { show: false, }, }, ], xAxis: { type: 'value', axisLine: { show: false, }, axisLabel: { color: '#ffffff', }, axisTick: { show: false, }, }, tooltip: { formatter: '{a}: {c}', }, legend: { data: [ '差', '良', '優', '實際值', { name: '目標值', icon: 'path://M0 0M443.733333 0 h145.066667 v1024 H443.733333z', }, ], textStyle: { color: '#f2f2f2', fontSize: 14, }, selectedMode: false, }, grid: { containLabel: true, width: '90%', height: 120, left: '5%', top: 50, }, series: [{ name: '差', data: [60], type: 'bar', yAxisIndex: 0, stack: 'range', silent: true, barWidth: 90, color: '#F5B4AE', }, { name: '良', data: [30], type: 'bar', yAxisIndex: 0, stack: 'range', silent: true, barWidth: 90, color: '#FADCA9', }, { name: '優', data: [10], type: 'bar', yAxisIndex: 0, stack: 'range', silent: true, barWidth: 90, color: '#BFE9C3', }, { name: '實際值', data: [75], type: 'bar', yAxisIndex: 1, barWidth: 60, color: '#434778', z: 3, }, { name: '目標值', type: 'scatter', symbol: 'rect', symbolSize: [8, 50], data: [85], color: '#fff', hoverAnimation: false, z: 4, }, ], }; ~~~ >#### 效果圖  <hr>