![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
别亦难�
这个作者很懒,什么都没留下…
展开
-
【echarts】高级
1.主题ECharts 中默认内置了两套主题: light darkvar chart = echarts.init(dom, 'light')var chart = echarts.init(dom, 'dark')也可以去自定义主题自定义主题2.调色盘主题调色盘echarts.registerTheme('itcast', { "color": [ "#893448", "#d95850", "#eb8146", "#ffb248", "#f2d643", "#ebdba原创 2021-11-29 15:24:05 · 972 阅读 · 0 评论 -
【echarts】 配置项小结
柱状图折线图 line散点图 scatter饼图 pie地图 map直角坐标系配置gridaxisdataZoom通用配置titletooltiptoolbox.feature原创 2021-11-29 14:50:32 · 60 阅读 · 0 评论 -
【echarts】地图的使用(矢量数据)
基本使用1.准备最基本的结构<!DOCTYPE html><html lang="zh-CN"><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">原创 2021-11-29 14:34:34 · 2068 阅读 · 0 评论 -
【echarts】 饼图
基本配置 //1.初始化图表 let myCharts = echarts.init(document.getElementById('charts')) //2.准备数据 //饼图无需配置 xaxis 和 yaxis 数据是由 value name构成的数组 let data = [ { value: 11231, name: "淘宝", }, { value: 22673, name:原创 2021-11-29 13:50:47 · 11815 阅读 · 2 评论 -
【echarts】直角坐标系的常见配置
配置1: 网格 grid let option = { grid: { show: true, // 显示grid borderWidth: 10, // grid的边框宽度 borderColor: 'red', // grid的边框颜色 left: 100, // grid的位置 top: 100,原创 2021-11-29 13:32:35 · 315 阅读 · 0 评论 -
【echarts】散点图
基本使用 //1.初始化图表 let myCharts = echarts.init(document.getElementById('charts')) //2.准备x轴数据 let jsonData = [ { "gender": "female", "height": 161.2, "weight": 51.6 }, { "gender": "female", "height": 167.5, "w原创 2021-11-29 13:21:57 · 639 阅读 · 0 评论 -
【echarts】折线图
1.折线图实现步骤 //1.初始化图表 let myCharts = echarts.init(document.getElementById('charts')) //2.准备x轴数据 let xDataArr = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'] //3.准备y轴数据 let yDataArr = [30原创 2021-11-29 13:05:14 · 236 阅读 · 0 评论 -
【Echarts】柱状图
搜索原创 2021-11-29 11:38:46 · 832 阅读 · 0 评论 -
怎么在echarts 自定义一个 工具按钮
最近的需求需要分批查询成绩,需要在echart自定义一个工具栏代码如下 toolbox: { feature: { myTool: { show: true, //是否显示 title: "按考试查询成绩", //鼠标悬空的提示文字 icon: "path://M200.753 408.251c-57.062 0-103.749 46.687-103.749 103.7原创 2021-11-12 16:10:05 · 3808 阅读 · 0 评论 -
echarts 如何实现点击高亮
在echarts的点击事件里 添加如下方法设置type 为 higrlight 为高亮 点击后的高亮样式为 series 里itemStyle emphasis 的配置 //设置高亮颜色 echarts_tgName.dispatchAction({ type: 'highlight', seriesIndex: 0, dataIndex: params.dataIndex })再点击了其他的后 清空当原创 2021-10-20 10:33:39 · 6822 阅读 · 0 评论