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

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

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
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值