vue-echarts (https://www.npmjs.com/package/vue-echarts/v/3.1.3)为VUE组件，支持ECharts图表绘制。
使用注意事项：

  1. 如果需要自适应容器大小，比如容器在Tab页内，可以在元素内添加属性：:auto-resize='true'。
  2. 如果想要调整ECharts风格，比如使用马卡龙风格，可以在元素内添加属性：theme='macarons'。务必要导入相应theme的js，对于马卡龙风格，需要：import 'echarts/theme/macarons'，请参考 3。
  3. 除去基本属性，如果对图配置某属性，但在图上无法表现该属性时，很可能是未导入属性js导致。如未导入title，则即使配置了title，图上也不会出现title。导入示例如下：
    import 'echarts/lib/component/dataZoom'
    import 'echarts/lib/component/grid'
    import 'echarts/lib/component/title'
    import 'echarts/lib/component/tooltip'
  1. 如果需要动态更新数据，应该在更新series中的data后，执行clear()方法。
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue