ECharts是一款由百度前端技术部开发的，基于Javascript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
使用 JavaScript 实现开源的可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器，底层依赖轻量级的矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。
转载
2024-06-21 12:56:27
368阅读
<template>
<div :id="echartsId"></div>
</template>
<script>
import 'echarts-gl'
var echarts = require('echarts')
export default {
props: {
echartsId: {
转载
2024-05-20 19:06:51
0阅读
搭配flask系统的复杂echarts柱状图配置详解一个柱形图，悬浮之后出现的是自定义的内容，同时通过颜色分类模型类别结果图初学者在遇到这个问题一定会发懵逼，毕竟这里面包含了很多要素问题1，如何分类，毕竟一个横轴一般为一个列表，纵轴在一个列表既然一个列表不行，那就两个列表吧，但是这里有一个要点是，虽然是两个列表，实际上是一个，即把两个列表拼接为了一个，一个列表中的其他数据就变成了”-“，同时设置两
// 全图默认背景
//backgroundColor:"#fff000", //设置背景颜色,注意是逗号
backgroundColor:“rgba(0,0,0,0.1)”, // 第四个参数是设置透明度// 图表标题
title: {
text:“图表标题”, // 标题内容
x: ‘left’, // 水平安放位置，默认为左对齐，可选为：
转载
2024-02-19 21:40:36
393阅读
echart.gl.js实现动态3D柱状图 一、总结 一句话总结：演示页面的源代码里面一定有所需的所有的js。 二、【js实践篇】——echart.gl.js实现动态3D柱状图 前言 本公司的项目需求主要是根据各个省的信用度的高低情况做一个动态的3D动态，能够展示省的信用高低值！ 内容 1.准备工作
转载
2018-06-20 17:45:00
989阅读
2评论
在使用echart时，有时会需要在tooltip中实现点击特定数据来进行某些操作，但echart的tooltip中添加点击时只能用<button onclick="xxx"></button>的方式实现，并且不能使用vue的指令这样的话，点击事件的回调函数就没法访问vue组件的数据了，这就很不方便，下面就分享下我是怎么解决这个问题的思路拆解既然在tooltip中的标签中，我
【代码】[echart] Vue3中使用Echart时图表不渲染。
Vue 大屏开发自适应 VScode | flexible.js | rem | echarts自适配其实开发大屏这个适配是最费劲的，电脑的分辨率，电脑缩放比例，电脑浏览器缩放比例都很麻烦，当然了，大屏界面本来就对分辨率有些许的要求，太差劲的分辨率本来就不适用，因为毕竟要保持页面放得下，不能出现滚动条，不能遮挡啥的，我这边给的设计图是1920*1080的，所以保证在这个分辨率下面，只要附近的分辨率
先介绍echart: 官网： http://echarts.baidu.com 看名字就知道是百度出品的。 ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，
原创
2021-05-13 22:55:30
305阅读
图表行为用于触发能够改变图表显示的相关动态功能，event事件用于接收action触发的行为，所以action行为要配合event事件一块学习//触发图表行为（更改变图表显示的相关动态），例如图例开关legendToggleSelect, 数据区域缩放dataZoom，显示提示框showTip等等
//通过不同的type触发不同的行为
myChart.dispatchAction({
t
转载
2023-11-20 11:22:03
231阅读
本着学习d3js的原则，对函数用法做出解释，对源码写出自己的理解，
原创
2022-08-24 08:40:19
246阅读
前言根据官方资料显示最新发布的 Python 3.11 比 Python 3.10 快 10-60%，对用户更友好。这一版本历经 17 个月的开发，现在公开可用。Python 3.11 的具体改进主要表现在：更详实的 Error Tracebacks、更快的代码执行、更好的异步任务语法、改进类型变量、支持 TOML 配置解析以及一些其他非常酷的功能（包括快速启动、Zero-Cost 异常处理、异常
转载
2023-08-07 21:00:08
345阅读
var geoCoordMap = { '北京': [116.4551, 40.2539], '东城区':[116.418757,39.917544], '西城区':[116.366794,39.915309], '朝阳区':[116.486409,39.921489], '丰台区':[116.286968,39.863642], '石景山区':[1...
原创
2022-02-09 13:54:40
183阅读
theme = {
// 全图默认背景
// backgroundColor: 'rgba(0,0,0,0)',
// 默认色板
color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',
'#ff69b4','#b
转载
2024-04-17 12:16:25
151阅读
重点是把从接口得到的数据变异成vant组件规定的格式！！{ province_list: { 110000: '北京市', 120000: '天津市' }, city_list: { 110100: '北京市', 110200: '县', 120100: '天津市', 120200: '县' }, county_list: { 110101: '东城区', 110102: '西城区', 11010
转载
2023-11-23 20:29:32
100阅读
1. <script src="
2.<script type="text/javascript">
// 路径配置
require.config({
原创
2014-12-08 14:12:01
2392阅读
// var list = [1,1,54,5,5,85,8,8,5,5,8,8,85,8,8,5,5,85,88,85,8,88,8,8,8,8,88,]; //x轴的 时间// var list1= []; //温度数据// var list2=[] //湿度数据// function initChart(canvas, width, height) {// const c...
原创
2022-06-29 20:02:47
104阅读
