![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Echarts
Echarts实现数据可视化
407指导员
世事漫随流水,算来一梦浮生。
展开
-
各种图形内部每一块颜色设置的方式
各种图形内部每一块颜色设置的方式原创 2023-07-18 19:03:31 · 164 阅读 · 0 评论 -
中国地图使用心得
中国地图使用心得原创 2023-07-18 19:02:47 · 663 阅读 · 0 评论 -
echarts 横向柱状图 刻度标签
echarts 横向柱状图 刻度标签原创 2023-07-18 19:00:20 · 623 阅读 · 0 评论 -
echarts开发遇到的问题
echarts开发遇到的问题原创 2023-07-18 18:58:55 · 182 阅读 · 0 评论 -
Echarts柱状图横向滚动,如何实现从后往前滚动
Echarts柱状图横向滚动,如何实现从后往前滚动原创 2023-07-18 18:58:05 · 517 阅读 · 0 评论 -
echarts 地图点击常见问题
echarts 地图点击激活label如何去除原创 2023-07-18 18:46:01 · 266 阅读 · 0 评论 -
tooltip文字超出长度,截断不生效
tooltip文字超出长度,截断不生效原创 2023-07-18 18:44:30 · 174 阅读 · 0 评论 -
通用配置legend
通用配置legend图例组件,同于赛选系列配合series使用,在一个柱状图中有多个series时可以用来筛选 series: [ { data: yDataArr1, name: '语文成绩', type: 'bar', }, { data: yDa原创 2021-02-24 14:52:49 · 237 阅读 · 0 评论 -
通用配置toolbox内置工具栏
通用配置toolbox内置工具栏工具栏。内置有导出图片,数据视图,动态类型切换,数据区域缩放,重置五个工具。创建feature各工具配置项 toolbox: { feature:{}},导出图片功能 saveAsImage: { //图片格式 type: 'svg', //保存的文件名称,默认为title.t原创 2021-02-23 16:21:14 · 498 阅读 · 0 评论 -
通用项配置tooltip(提示框组件)
通用项配置tooltip(提示框组件)触发类型(trigger)item类型数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。tooltip:{ trigger:'item' },语文成绩这几个字是y轴数据的name属性axis类型坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用。区别:item必须将鼠标放入数据条内部才会显示提示框。axis只需要将鼠标放到每个数据条的轴线上都可以显示none类型什么都不触发触发时机(triggerOn)m原创 2021-02-19 21:08:38 · 2977 阅读 · 0 评论 -
通用配置title
通用配置title文字标题//标题文字,支持/n转行text:'成绩展示',//支持超链link:'http://www.baidu.com',// self/blank分别是超链接在当前窗口/新窗口打开target:'blank',文字样式(textStyle) textStyle:{ color:'red', //字体样式是否倾斜 'normal' 'italic' 'o原创 2021-02-18 23:02:54 · 158 阅读 · 0 评论 -
柱状图
柱状图<!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-scale=1.0"> <title&g原创 2021-02-18 21:11:48 · 201 阅读 · 0 评论 -
Echarts相关配置项讲解
Echarts相关配置项讲解 xAxis: { type: 'category', data: ['小明', '小红', '小兰'] },xAxis(x轴)type属性的值category是类目轴,可以理解为一条数轴,我们要为其指定类别。data属性就来指定类目轴上有哪些类别 yAxis: { type: 'value'},yAxis(y轴)type属性值为value是数值轴。我们并不为其设置data属性,y轴原创 2021-02-18 21:01:05 · 1457 阅读 · 0 评论 -
Echarts快速上手
Echarts快速上手五个步骤1.引入echarts.js文件2.准备一个呈现图表的盒子3.初始化echarts实例对象4.准备配置项5.将配置项设置给echarts实例对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc原创 2021-02-06 00:04:56 · 137 阅读 · 0 评论