| | |
|---|
| | | <!-- 昨日供水管网概况 --> |
|---|
| | | <template> |
|---|
| | | <div class="w-full"> |
|---|
| | | <div class="flex mb-4 flex-wrap"> |
|---|
| | |
|---|
| | | import { ChartTypeEnum } from '../../../types'; |
|---|
| | | |
|---|
| | | const chartRef = ref<HTMLDivElement>(null); |
|---|
| | | const defaultDisplayType = 'line'; |
|---|
| | | const yRange = ref({ |
|---|
| | | min: null as number, |
|---|
| | | max: null as number, |
|---|
| | |
|---|
| | | |
|---|
| | | let preData = null; |
|---|
| | | |
|---|
| | | let activeChartType: ChartTypeEnum = ChartTypeEnum.Line; |
|---|
| | | |
|---|
| | | let activeChartType: ChartTypeEnum = props.data.chart_type ?? ChartTypeEnum.Line; |
|---|
| | | const getChartTypeSeriesOption = (type: ChartTypeEnum) => { |
|---|
| | | let result = {}; |
|---|
| | | switch (type) { |
|---|
| | |
|---|
| | | return { |
|---|
| | | name: item === 'default' ? '' : item, |
|---|
| | | data: values.map((item) => [item[timeIndex], item[valueIndex]]), |
|---|
| | | type: defaultDisplayType, |
|---|
| | | symbol: 'none', |
|---|
| | | smooth: true, |
|---|
| | | ...getChartTypeSeriesOption(activeChartType) |
|---|
| | | }; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | |
|---|
| | | }, |
|---|
| | | legend: { |
|---|
| | | top: 19, |
|---|
| | | show: series?.length > 1, |
|---|
| | | show: true, |
|---|
| | | type: 'scroll', |
|---|
| | | }, |
|---|
| | | toolbox: { |
|---|
