echarts 3Dbar 立体货架信息展示

nz一只肥猫

已于 2024-04-25 10:52:10 修改

阅读量469

点赞数 4

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript

于 2024-04-25 10:51:02 首次发布

本文链接：https://blog.csdn.net/weixin_48357279/article/details/138182612

不废话取之即用

在这里插入图片描述

<template>
  <div>
    <div>
      <div id="barMain"
        style="width: 1300px; height:700px"></div>
    </div>
  </div>
</template>

<script>
import "echarts-gl";
import * as echarts from "echarts";

export default {
  name: "Bar3DSimpleGraph",
  mounted() {
    this.drawLine();
  },
  methods: {
    //开始画图了
    drawLine() {
      console.log(this);
      // 基于准备好的dom，初始化echarts实例
      let myChart = echarts.init(document.getElementById("barMain"));

      var valMin = 29;
      var valMax = 30;

      let option = {
        visualMap: {
          show: false,
          min: valMin,
          max: valMax,
          inRange: {
            color: [
              "#313695",
              "#4575b4",
              "#74add1",
              "#abd9e9",
              "#e0f3f8",