首页 > 建站教程 > PHP教程 >
  • 摘自百度的ECharts事件

    摘自百度的ECharts事件

    百度的ECharts是业内比较好的统计图表插件,提供了大量的API接口,使用方便,效果炫酷,唯一缺憾是不支持3D。 下面的这段代码摘抄自百度官网的Echarts事件,做个记录: option = { tool

  • ECharts中的事件和行为

    ECharts中的事件和行为

    在ECharts的图表中用户的操作将会触发相应的事件。开发者可以监听这些事件,然后通过回调函数做相应的处理,比如跳转到一个地址,或者弹出对话框,或者做数据下钻等等。 在EChar

  • echarts hover鼠标移上去改变颜色

    echarts hover鼠标移上去改变颜色

    echarts是百度推出的一款非常优秀基于js的可视化图标生成插件,受众面非常广,使用简单,提供了大量的借口,可以做柱状、地图、饼状等各种图表。 我爱模板网今天在使用Echarts的时

  • vue项目中vue-echarts讲解及常用图表方案实现

    vue项目中vue-echarts讲解及常用图表方案实现

    图表类的项目操作一般常见于管理平台系统,移动端项目中并不是特别常见,不常见不代表没有,在一些商城类应用中,商家需要看到商品的销量分析,盈利分析等,就需要用到图标,

  • 在Vue中使用echarts和vue-echarts

    在Vue中使用echarts和vue-echarts

    准备:使用vue-cli脚手架 npm下载vue-cli脚手架 npm install -g @vue/cli 初始化一个项目 vue init webpack hello 然后等待它安装完所有的依赖包就可以了。 下面我们开始引入echarts。 方式一、直接引入

  • 在vue-cli项目中使用echarts(亲测,可行)

    在vue-cli项目中使用echarts(亲测,可行)

    这个示例使用 vue-cli 脚手架搭建,所以直接来: 安装echarts依赖 npm install echarts -S 或者使用国内的淘宝镜像: 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 使用CNPM安装echarts

  • echarts中datazoom配置参数

    echarts中datazoom配置参数

    echarts中datazoom配置参数

  • elementUI标签页<el-tabs>渲染echarts图的问题

    elementUI标签页渲染echarts图的问题

    elementUI标签页的el-tab-pane里面放了echarts,在打开后,即使没有切换到含echarts的标签页,它也执行了。我们都知道,echarts渲染时,需要获取外层div的尺寸来自动设置echarts的尺寸,如果没

  • uni-app引用Echarts

    uni-app引用Echarts

    因为项目分为web端和小程序端,而echart又能满足项目中变态的效果,web端好解决,小程序端被坑了好长时间,下面记录完整过程: 1、创建一个空的文件夹如:test-echarts。 2、进入 test-

  • echarts设置个性的tooltip

    echarts设置个性的tooltip

    echarts是优秀的图表插件,它的formatter可以设置漂亮的tooltip,通过function实现个性化定制。下面的代码就可以实现下图的效果。其中,param是鼠标移动到图形上的当前参数,可以用它来实

  • 设置echarts的Y轴只显示整数

    设置echarts的Y轴只显示整数

    ECharts创建图形时,控制Y轴数据只显示整数: 在创建柱形图时,Y轴数据默认是有小数点的,如下图: 如果不显示小数,只显示整数可以设置minInterval属性成1保证坐标轴分割刻度显示成整

  • echarts三种方法解决x轴标签文字过多导致显示不全

    echarts三种方法解决x轴标签文字过多导致显示不全

    echarts三种方法解决x轴标签文字过多导致显示不全。 echarts如果x轴标签文字过多,导致显示不全: 如图: 下面介绍三种方法,来解决这个问题: 解决办法1:xAxis.axisLabel 属性 axisLabel的类

  • 将echarts转为base64图片并且下载

    将echarts转为base64图片并且下载

    echarts获取图片base64字符串

  • echarts实现联动图左图展示全部,右侧展示部分数据

    echarts实现联动图左图展示全部,右侧展示部分数据

    我爱模板网在使用echarts时,要实现左侧显示柱状图,右侧显示饼图,左侧柱状图里面有个线条总计,右侧不能显示,效果图如下: 如果直接套用官网的效果,那么柱状图和线条的数据,

  • echarts仪表盘如何设置图例(legend)

    echarts仪表盘如何设置图例(legend)

    echarts 图表中经常需要对不同的颜色设置图例标识不同的意义,而仪表盘的指针只存在一个值,如何表示不同颜色的意义,官网配置项并未给出该功能; 不同段的颜色是通过axisLine-line

  • ECharts仪表盘非常详细的案例

    ECharts仪表盘非常详细的案例

    ECharts非常详细的仪表盘案例,注释非常详细,比看官方文档过瘾。下面是效果图: 下面是相近的代码 html容器

  • react-native native-echarts使用方法指南

    react-native native-echarts使用方法指南

    我爱模板网在使用react-native开发项目,需要显示chart图表,用了native-echarts,遇到了很大的坑,弄了半天才弄好,这里详细记录下: 1、安装 npm install native-echarts --S 2、引入 import Echarts

  • react-native的native-echarts更新数据会刷新闪烁的bug修复

    react-native的native-echarts更新数据会刷新闪烁的bug修复

    react-native的native-echarts在更新数据的时候,老是会闪烁,应该是过度渲染的问题导致的。其实echarts本身的渲染机制是非常优秀的。闪烁是此插件本身的问题。下面是修复方法,亲测可用

  • vue echarts map显示某一省份地图

    vue echarts map显示某一省份地图

    最近有一个项目,数据看板,里面都是饼形,折线图,条形图,还有一个没研究过的地图,因为都是用echarts实现的,就研究下如何用echarts实现 先看看实现的效果图 下面是实现方法:

  • vue echarts报错: Component series.map3D not exists. Load it fi

    vue echarts报错: Component series.map3D not exists. Load it fi

    在使用VUE Echarts的3d地图时,遇到了下面两个报错,原因是要么没引入,要么没安装: 第一个报错: Component series.map3D not exists. Load it first 这个问题是由于没有安装echarts-gl,安装一下,再

  • echarts map显示某一省份地图

    echarts map显示某一省份地图

    echarts map显示甘肃省的地图,首先进入https://pan.baidu.com/s/1n4jD8FhbUT8A_CCXHncZXQ 提取码: rh9e,下载下来,然后使用下面的代码就可以显示甘肃地图了(需要注意的是map: ‘甘肃’,需要和你下载

  • vue echarts map报Uncaught (in promise) Error: Component serie

    vue echarts map报Uncaught (in promise) Error: Component serie

    我爱模板网 在使用vue echarts实现map地图时,报了下面的错误: Uncaught (in promise) Error: Component series.map not exists. Load it first 错误已经描述的非常清楚了,没有map模块,这是因为在vue.js中使

  • echarts-gl实现某市的3D地图

    echarts-gl实现某市的3D地图

    想要使用Echarts的3D地图,除了需要echarts.js之外,还需要echarts-gl.js(WebGL 的扩展包,提供了丰富的三维可视化组件以及常规图表的性能增强),下载地址: https://echarts.apache.org/zh/downloa

  • echarts实现贵州省地图(附源码)

    echarts实现贵州省地图(附源码)

    echarts实现的贵州省地图,并且显示了visualMap,即数据统计范围,源码在文章末尾提供下载。先看下效果图: 如果想要改成其他省份也很简单: 1、打开guizhou.js,找到echarts.registerMap方法

  • vue项目echarts bmap使用方法

    vue项目echarts bmap使用方法

    1、注册bmap,获取token,在public index html中引入js<scriptsrc="http: api map baidu com api?v=2 0&ak=你的ak值">< script>2、安装ech

  • echarts实现地图下钻、立体效果

    echarts实现地图下钻、立体效果

    地图阴影其实我使用了geo和series的两种地图叠加起来,第一层geo设置了阴影,第二层series的地图使用了描边。

  • vite或webpack打包echarts项目部署后报错:TypeError: Cannot set properties of undefined (setting 'colorStops')

    vite或webpack打包echarts项目部署后报错:TypeError: Cannot set properties of undefined (setting 'colorStops')

    我爱模板网在使用vite+vue3+echarts做项目,运行时并没有报错,但打包部署后,echarts统计图并没有出现,还报错