三维可视化echarts散点图

咖啡有点酷

已于 2024-06-12 14:17:32 修改

阅读量292

点赞数 3

文章标签： echarts python 前端

于 2024-06-03 16:37:41 首次发布

本文链接：https://blog.youkuaiyun.com/qq_40295815/article/details/139418748

版权

<template>
  <div style="height: 100%; width: 100%">
    <div id="maxbox" :class="className" :style="{ height: height, width: width }"></div>
  </div>
</template>
<script>
import * as echarts from "echarts";
import { FormatMoney, FormatNum } from "@/utils/filter";
require("echarts/theme/macarons"); // echarts theme
import resize from "@/views/dashboard/mixins/resize";
import {plotData} from "./scatterplotMock";
import "echarts-gl";
export default {
  mixins: [resize],
  data() {
    return {
      chart: null,
    };
  },
  props: {
    className: {
      type: String,
      default: "chart",
    },
    width: {
      type: String,
      default: "100%",
    },
    height: {
      type: String,
      default: "100%",
    },
    medicalSizeAvg: {
      type: Number,
      default: 0,
    },
    list: {
      type: Array,
      default: () => [],
    },
  },
  mounted() {
    this.$nextTick(() => {
      this.initThreeDCharts();
    });
  },
  methods: {
    initThreeDCharts() {
      // data格式 [22,25,26，名称”]
      // let symbollist = this.list
      if(symbollist.length == 1) { // 这里有个bug，只有一条的时候tooltip不显示，所以要加个隐藏的数据，然后3个维度设min:0
        symbollist.push([-999999999,-999999999,-999999999,''])
      }
      l