| | |
| | | }, |
| | | series: [ |
| | | { |
| | | name: '时间', |
| | | type: 'line', |
| | | smooth: false, |
| | | showAllSymbol: true, |
| | | symbol: 'emptyCircle', |
| | | symbolSize: 8, |
| | | itemStyle: { |
| | | normal: { |
| | | color: `rgba(42, 197, 137, 1)` |
| | | } |
| | | }, |
| | | lineStyle: { |
| | | normal: { |
| | | width: 2, |
| | | color: `rgba(42, 197, 137, 1)` |
| | | } |
| | | }, |
| | | data: dataY |
| | | } |
| | | name: '时间', |
| | | type: 'line', |
| | | smooth: false, |
| | | showAllSymbol: true, |
| | | symbol: 'emptyCircle', |
| | | symbolSize: 8, |
| | | itemStyle: { |
| | | normal: { |
| | | color: `rgba(42, 197, 137, 1)` |
| | | } |
| | | }, |
| | | lineStyle: { |
| | | normal: { |
| | | width: 2, |
| | | color: `rgba(42, 197, 137, 1)` |
| | | } |
| | | }, |
| | | data: dataY |
| | | } |
| | | ] |
| | | } |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | console.log(titlename,123); |
| | | console.log(titlename, 123) |
| | | |
| | | // const valdata = [683, 500, 400, 300, 200] |
| | | // const myColor = ['#FF0000', '#FF5511', '#FF8800', '#FFBB00', '#FFFF00'] |
| | |
| | | show: false |
| | | }, |
| | | axisLabel: { |
| | | show:false, |
| | | show: false, |
| | | // color: '#fff', |
| | | color: function(value, index) { |
| | | return value === '0' ? 'transparent' : '#fff' |
| | |
| | | |
| | | return option |
| | | } |
| | | |
| | | export function all03(ydata, data) { |
| | | const option = { |
| | | backgroundColor: 'transparent', |
| | | // tooltip: { |
| | | // formatter: '{b} ({c})' |
| | | // }, |
| | | title: { |
| | | text: '各车间当月完工数量', |
| | | left: '50%', |
| | | top: '0%', |
| | | textAlign: 'center', |
| | | textStyle: { |
| | | // color: '#fff', |
| | | color: '#00ffff', |
| | | fontSize: '20', |
| | | fontWeight: 'bolder' |
| | | } |
| | | }, |
| | | grid: { |
| | | left: '8%', |
| | | right: '8%', |
| | | bottom: '10%', |
| | | top: '15%', |
| | | containLabel: true |
| | | }, |
| | | xAxis: [{ |
| | | // gridIndex: 0, |
| | | axisTick: { |
| | | show: false |
| | | }, |
| | | axisLabel: { |
| | | show: false |
| | | }, |
| | | splitLine: { |
| | | show: false |
| | | }, |
| | | axisLine: { |
| | | show: false |
| | | } |
| | | |
| | | }], |
| | | yAxis: [{ |
| | | gridIndex: 0, |
| | | interval: 0, |
| | | // data: yAxisData.reverse(), |
| | | data: ydata.reverse(), |
| | | axisTick: { |
| | | show: false |
| | | }, |
| | | axisLabel: { |
| | | show: true, |
| | | textStyle: { |
| | | fontSize: 18, |
| | | color: colorX |
| | | } |
| | | }, |
| | | splitLine: { |
| | | show: false |
| | | }, |
| | | axisLine: { |
| | | show: false |
| | | } |
| | | |
| | | }], |
| | | series: [ |
| | | { |
| | | type: 'bar', |
| | | xAxisIndex: 0, |
| | | yAxisIndex: 0, |
| | | barWidth: '45%', |
| | | itemStyle: { |
| | | normal: { |
| | | barBorderRadius: 15, |
| | | color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ |
| | | offset: 0, |
| | | color: 'rgba(0,255,205,.6)' |
| | | }, { |
| | | offset: 0.8, |
| | | |
| | | color: 'rgba(41,134,207,1)' |
| | | }], false) |
| | | } |
| | | }, |
| | | label: { |
| | | normal: { |
| | | show: true, |
| | | position: 'right', |
| | | textStyle: { |
| | | color: colorX |
| | | }, |
| | | fontSize: 18 |
| | | } |
| | | }, |
| | | data: data.map(i => i.quantity).reverse() |
| | | } |
| | | |
| | | ] |
| | | } |
| | | return option |
| | | } |