echarts(大屏可视化)
大屏
Cc_Debugger
My-Program-Life-And-Debugger/(you can call me).
展开
-
echarts/设置tooltip层级大于相对定位元素/tooltip显示被遮挡
【代码】echarts/设置tooltip层级大于相对定位元素/tooltip显示被遮挡。原创 2023-12-27 16:17:07 · 643 阅读 · 0 评论 -
echarts立体柱状图
【代码】echarts立体柱状图。原创 2023-12-19 15:04:00 · 367 阅读 · 0 评论 -
echarts进度条
<div v-for="(item, index) in process" :key="index"> <Process v-if="item" :data="item"></Process> </div> this.process.forEach((item, index) => { if (item.Count < 1000) { ...原创 2022-04-29 16:07:54 · 2041 阅读 · 3 评论 -
echarts实现3D饼图
一定先要下载扩展插件下载: npm i echarts-glimport "echarts-gl"; echarts1() { const myChart = this.$echarts.init(document.getElementById("echarts1")); // data数据 var data = [ { name: "本科", value: 40, number: .原创 2022-04-02 16:14:05 · 4469 阅读 · 0 评论 -
echarts水球图使用(大屏)
echarts-liquidfill 水球图需要单独引入使用npm 引入cnpm install echarts --savecnpm install echarts-liquidfill --savetips:先引入echarts页面中引入import * as echarts from "echarts";import "echarts-liquidfill"; // 获取容器元素并初始化 this.myChart1 = this.$Echart.init(documen原创 2021-12-24 14:07:22 · 1208 阅读 · 0 评论 -
echarts中tooltip自动悬浮滚动
【代码】echarts中tooltip自动悬浮滚动。原创 2023-01-06 09:54:17 · 613 阅读 · 0 评论 -
双立体柱状图/双y轴
立体柱状图原创 2022-06-30 11:18:25 · 246 阅读 · 0 评论 -
立体柱状图&底部加背景
echarts() { let that = this; // 基于准备好的dom,初始化echarts实例 const echarts = this.$echarts.init(document.getElementById("echarts")); let xName = [ "计算机/互联网", "销售/客服", "会计/金融", "生产/物流", "建筑/房地产"...原创 2022-04-13 15:20:29 · 448 阅读 · 0 评论 -
柱状图底部超出n个字换行
//x轴属性 xAxis: [ { // 柱状图 type: "category", // x轴显示文字 data: ["5千万以下", "5千万-1亿元", "1亿以上"], axisLine: { lineStyle: { color: "rgba(255,255,255,0.12)",原创 2022-03-01 09:35:13 · 283 阅读 · 0 评论 -
【echarts】x轴文字根据\n换行
可以打印出参数,然后也根据参数具体判断。原创 2023-12-25 16:23:02 · 458 阅读 · 0 评论 -
echarts根据x轴数据长度判断是否倾斜展示/柱状图上方显示数字
【代码】echarts根据x轴数据长度判断是否倾斜展示/柱状图上方显示数字。原创 2023-09-09 11:33:21 · 251 阅读 · 0 评论 -
【vue3/echarts】vue3中使用echarts/饼图/双轴双数据柱状图
【代码】【vue3/echarts】vue3中使用echarts/饼图/双轴双数据柱状图。原创 2023-11-07 18:31:44 · 367 阅读 · 0 评论