vue 使用echarts 时,表格的legend不显示

时间:2024-03-15 21:33:08
  • 问题: legend设置了不显示
    vue 使用echarts 时,表格的legend不显示
  • 原因:
    我vue引入echarts表格时,使用的是按需引入,没有使用全局引入,这个legend是一个组件
// 引入 ECharts 主模块
let echarts = require("echarts/lib/echarts");
// 引入折线图
require("echarts/lib/chart/line");
// 引入提示框和标题组件
require("echarts/lib/component/title");
export default {
  name: "xueya",
  data() {
  • 解决:
    我们按需引入一下legend组件就ok了
// 引入 ECharts 主模块
let echarts = require("echarts/lib/echarts");
// 引入折线图
require("echarts/lib/chart/line");
// 引入提示框和标题组件
require("echarts/lib/component/title");
// 引入legend组件
require("echarts/lib/component/legend");
export default {
 name: "xueya",
 data() {