echarts（大屏可视化）
关注
分享
扫一扫
大屏
WorkAndDebugger
My-Program-Life-And-Debugger/(you can call me).
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
大屏底座旋转
如果可以直接使用旋转的图更好如果没有图片本身也要旋转且是圆形的图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal.原创 2022-01-06 16:56:06 · 316 阅读 · 0 评论 -
echarts鼠标移入地图高亮及样式修改
series: [ { type: "map", mapType: "hz", silent: false, //鼠标移入区域变色 如果设置为true则无法高亮 // 鼠标移入高亮区域属性 emphasis: { borderWidth: 0, borderColor: "transparent", ...原创 2022-03-29 15:47:35 · 11156 阅读 · 0 评论 -
echarts饼图文字超出显示省略
legend: { // 将文字的值，处理之后显示 formatter: function (name) { if (!name) return ''; //超出几个字符隐藏，鼠标悬浮时显示 if (name.length > 6) { name =.原创 2021-12-15 11:19:50 · 3504 阅读 · 3 评论 -
echarts柱状图的x轴文字过长以/识别换行
grid: { // ---------------------------增加这个属性，bottom就是距离底部的距离 top: "10%" }, xAxis: { data: dataAxis, axisLabel: { color: "#999", }, interval: 0, // 以/.原创 2021-12-15 11:15:17 · 1507 阅读 · 0 评论 -
echarts/设置tooltip层级大于相对定位元素/tooltip显示被遮挡
【代码】echarts/设置tooltip层级大于相对定位元素/tooltip显示被遮挡。原创 2023-12-27 16:17:07 · 1190 阅读 · 0 评论 -
echarts立体柱状图
【代码】echarts立体柱状图。原创 2023-12-19 15:04:00 · 467 阅读 · 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 · 2402 阅读 · 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 · 4796 阅读 · 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 · 1305 阅读 · 0 评论 -
echarts中tooltip自动悬浮滚动
【代码】echarts中tooltip自动悬浮滚动。原创 2023-01-06 09:54:17 · 869 阅读 · 0 评论 -
双立体柱状图/双y轴
立体柱状图原创 2022-06-30 11:18:25 · 338 阅读 · 0 评论 -
立体柱状图&底部加背景
echarts() { let that = this; // 基于准备好的dom，初始化echarts实例 const echarts = this.$echarts.init(document.getElementById("echarts")); let xName = [ "计算机/互联网", "销售/客服", "会计/金融", "生产/物流", "建筑/房地产"...原创 2022-04-13 15:20:29 · 582 阅读 · 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 · 389 阅读 · 0 评论 -
【echarts】x轴文字根据\n换行
可以打印出参数，然后也根据参数具体判断。原创 2023-12-25 16:23:02 · 623 阅读 · 0 评论 -
echarts根据x轴数据长度判断是否倾斜展示/柱状图上方显示数字
【代码】echarts根据x轴数据长度判断是否倾斜展示/柱状图上方显示数字。原创 2023-09-09 11:33:21 · 351 阅读 · 0 评论 -
【vue3/echarts】vue3中使用echarts/饼图/双轴双数据柱状图
【代码】【vue3/echarts】vue3中使用echarts/饼图/双轴双数据柱状图。原创 2023-11-07 18:31:44 · 573 阅读 · 0 评论