| | |
| | | |
| | | <script setup lang="ts" name="ChartDisplay"> |
| | | import { defaultsDeep, groupBy } from 'lodash-es'; |
| | | import { computed, ref } from 'vue'; |
| | | import { computed, onMounted, ref, watch } from 'vue'; |
| | | import { getChatChartOption, SCATTER_SYMBOL_SIZE } from '../../../chatComponents/common'; |
| | | import { ChartTypeEnum } from '../../../chatComponents/types'; |
| | | import { useDrawChatChart } from '/@/components/chat/chatComponents/hooks/useDrawChatChart'; |
| | |
| | | } as echarts.EChartsOption, |
| | | getChatChartOption() |
| | | ); |
| | | chartInstance.value.setOption(combineOption, { |
| | | chartInstance.value?.setOption(combineOption, { |
| | | notMerge: true, |
| | | }); |
| | | }; |
| | |
| | | |
| | | const chartLoading = ref(false); |
| | | const { chartContainerResize, chartInstance } = useDrawChatChart({ chartRef, drawChart }); |
| | | |
| | | watch( |
| | | () => props.records, |
| | | (val) => { |
| | | drawChart(); |
| | | } |
| | | ); |
| | | </script> |
| | | <style scoped lang="scss"></style> |