| | |
|---|
| | | </div> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane class="h-full" label="Data" name="second"> |
|---|
| | | <el-table :data="data.values" style="width: 100%" cellClassName="text-sm" headerCellClassName="text-sm"> |
|---|
| | | <el-table :data="data.values" style="width: 100%" cellClassName="" headerCellClassName=""> |
|---|
| | | <el-table-column v-for="(item, index) in data?.names" :label="item" :key="index"> |
|---|
| | | <template #default="scope"> |
|---|
| | | {{ scope.row[index] }} |
|---|
| | |
|---|
| | | </template> |
|---|
| | | <script lang="ts" setup> |
|---|
| | | import type * as echarts from 'echarts'; |
|---|
| | | import _ from 'lodash'; |
|---|
| | | import { defaultsDeep } from 'lodash-es'; |
|---|
| | | import { ref } from 'vue'; |
|---|
| | | import { SCATTER_SYMBOL_SIZE, chatComProps, getChatChartOption } from '../common'; |
|---|
| | | import { useDrawChatChart } from '../hooks/useDrawChatChart'; |
|---|
| | |
|---|
| | | |
|---|
| | | const drawChart = () => { |
|---|
| | | chartInstance.value.setOption( |
|---|
| | | _.defaultsDeep(getChatChartOption(), { |
|---|
| | | defaultsDeep(getChatChartOption(), { |
|---|
| | | grid: { |
|---|
| | | bottom: '5%', |
|---|
| | | }, |
|---|
