前端我用Vue3 + echarts,接口返回series直接绑定。
<template>
<v-chart :option="option" autoresize />
</template>
<script setup lang="ts">
code
import { ref, onMounted } from "vue";
import VChart from "vue-echarts";
const option = ref<any>({});
onMounted(async () => {
const r = await fetch("/api/企业AI落地/trend?brandId=...");
const j = await r.json();
option.value = {xAxis: { type: "category", data: j.days },
yAxis: { type: "value" },
series: [{ type: "line", data: j.values }]
code
};
});运营要下钻到「典型回答文本」,所以我会加抽屉详情。企业AI落地可视化别只做曲线,文本证据更重要。
性能上注意大数据量时抽样显示。
(场景参考:上海本地企业试点)