VUE 使用echarts线图，常用配置属性介绍

最新推荐文章于 2024-03-16 15:56:08 发布

在土里养鱼

最新推荐文章于 2024-03-16 15:56:08 发布

阅读量887

点赞数

分类专栏： vue 文章标签： vue 前端

本文链接：https://blog.youkuaiyun.com/weixin_43857786/article/details/107384658

版权

本文主要介绍在VUE项目中使用Echarts绘制线图时的一些常见配置属性，内容聚焦于代码注释中详细说明的实用设置。不涉及安装教程，建议结合Echarts官方文档深入学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

VUE 使用echarts线图，常用属性介绍

文章就是介绍应该会用得上的属性设置。这里不是安装教学哈，安装教学出门左转！
介绍全在代码的备注中，请慢慢食用！

methods: {
   
	myEcharts() {
   
	  var that = this
      // 基于准备好的dom，初始化echarts实例
      var myChart = this.$echarts.init(document.getElementById("main"));
      // 指定图表的配置项和数据
      var option = {
   
	  	legend: {
   
          //这个控制的是顶部的标签，大小、颜色、样式之类的、还有是否选中状态
          show: true,//是否显示
          selected: {
   
            // 选中状态，值要与series里的name相同
            PSA值: true,
            尿垫: false
          },
          inactiveColor: "#ccc", //未选择中颜色
          icon: "circle", //头顶标识形状
          selectedMode: "single",//只能同时选中一个查看
        },
        tooltip: {
   
          //图例组件。鼠标悬停浮窗，显示数值
          trigger