| | |
| | | |
| | | function getOptions(xLabels = [], data = []) { |
| | | let barColor = '#02a7f0'; |
| | | let maxColor = '#d9001b'; |
| | | let minColor = '#f59a23'; |
| | | let maxColor = '#438D29'; |
| | | let minColor = '#DBD608'; |
| | | let legends = []; |
| | | return { |
| | | grid: { |
| | |
| | | color: (params) => { |
| | | // console.log('params', params, data, '============='); |
| | | let max = Math.max(...data); |
| | | let min = Math.min(...data); |
| | | let min = Math.min(...(data.filter((item) => item != 0))); |
| | | let val = params.value; |
| | | // console.log('min, max, val', min, max, val, '============='); |
| | | |
| | | if (val == min) { |
| | | return minColor; |
| | | } else if (val == max) { |
| | |
| | | myChart.setOption(option); |
| | | } |
| | | |
| | | function resize() { |
| | | myChart.resize(); |
| | | } |
| | | |
| | | onMounted(() => { |
| | | initChart(); |
| | | }); |
| | |
| | | |
| | | defineExpose({ |
| | | updateChart, |
| | | resize, |
| | | }); |
| | | </script> |
| | | |