近期项目中写了很多报表，用到的是百度的echarts，虽然之前没有接触过，但是官方文档非常详细，API用法都有说明，还有很多example，还能找到一个示例网站。下面记录一下常用的配置项的用法。目录1、echarts基本用法2.常用配置项 1、echarts基本用法echarts.init(); 创建一个 E
echarts使用起来其实很方便灵活，功能强大伴随带来头疼的问题就是：API太太太多了！ 所以写篇文章简要记录下常用功能的API，官方文档很全面很强大，所以本文只是作为常识性笔记，免得以后重新用的时候面对那么多配置项又抓瞎。 官方文档：https://echarts.apache.org/zh/option.html#title 官方文档的配置项都是以json对象的形式展示，按层次来简单
转载
2023-10-18 22:14:15
78阅读
这是一个方便自己学习ECharts所编写的，如有遗漏和错误之处，欢迎各位指出ECharts配置项详解一些全局的配置项一些全局的配置项跳转顶部
原创
2022-04-27 21:33:23
2884阅读
点赞
第一步：打开ECharts术语速查手册
第二步：图表上面选择需要查询的组件，然后点击右边，查看配置项手册，就会跳转到option下组件详细配置页面
第三步：进入配置详情页面，左边格式就是option标准写法，字典里面以键值的形式，值需要使用引号 比如，title里面的text: '我是标题',空的''就是我们自己填的值，有值的就是还有其它值可以选择，title下面键的值还可以是字典 比
echarts地图配置 仓库地址: 注：建议使用echarts绘制地图安装4.9版本的，5.x的select选中指令能调到你头秃 yarn remove echarts //卸载echarts yarn add echarts@4.9.0 --save //安装4.9版本echarts 地图贴图、点 ...
转载
2021-07-20 14:27:00
629阅读
2评论
相关配置 title：标题组件 tooltip：提示框组件 legend：图例组件 toolbox：工具栏 grid：直角坐标系内绘图网格 xAjxis：指教坐标系grid中的x轴 yAjxis：指教坐标系grid中的y轴 series：系列列表。每个系列通过type决定自己的图标类型(什么类型的图
原创
2022-06-16 17:42:20
108阅读
Echarts简介6个公共组件： Echarts工具的完整使用包括title标题、tooltip提示框、toolbox工具栏、legend图例、dataZoom缩放控制、visualMap视觉映射，6个公共组件。5种坐标系参数配置： 包括geo地理坐标系、grid直角坐标系、parallel平行坐标系、polar极坐标系、radar雷达坐标系，5种坐标系参数配置。19种类型的数
option参数说明术语查询手册
https://echarts.apache.org/zh/cheat-sheet.htmlX轴/Y轴(他们的选项一致)xAxis/yAxis: {
name:'名称', // 名称
// 坐标轴名称的文字样式
nameTextStyle: {
color: '#999',
align: 'right',
转载
2023-10-27 15:05:25
121阅读
直接引入echarts 安装echarts项目依赖 cnpm install echarts --save
//或者
cnpm i echarts -S
全局引入 我们安装完成之后，可以在 main.js 中全局引入 echarts 1 import echarts from
Echarts构建中国/省份地图按需引入echartsimport * as echarts from 'echarts'初始化图表 init(节点)let myChart=echarts.init(节点)注册地图 registerMap()echarts.registerMap()参数一：String–注册的地图名称参数二：geojson数据–地图的点位信息数据（需要展示哪个地区的地图就传对应的
转载
2024-02-22 14:47:24
1903阅读
echart使用文章：echarts使用技巧 一、三角形图// 初始化图表二
initChart2_4() {
var myChart = echarts.init(document.getElementById('chart2_4'))
var option = {
/
来源：https://blog..net/sinat_36422236/article/details/62430114 series : [ { name:'your name', symbol:'none', //这句就是去掉点的 smooth:true, //这句就是让曲线变平滑的 t
转载
2019-10-24 19:08:00
537阅读
2评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--1.引入echatrs.min.js文件--> <script src="echarts.min.js"></script> ...
转载
2021-06-21 00:13:00
202阅读
2评论
简单介绍 本例介绍怎样在webpack中构建依赖echats的项目，echarts有好几种方式引入项目： 标签单文件引入：自1.3.5開始，ECharts提供标签式引入。假设项目本身并非基于模块化开发，建议採用srcipt标签式引入，Srcipt标签引入echarts后将能够直接使用两个全局的命名空
转载
2016-04-05 15:29:00
173阅读
2评论
titletooltip: { show:true,//显示策略，默认值true,可选为：true（显示） | false（隐藏） text: '主标题',//主标题文本，'\n'指定换行 link:'',//主标题文本超链接,默认值true target: null,//指定窗口打开主标题超链接，支持'self' | 'blank'，不指定等同为'blank'（新窗口） su
翻译
2022-04-12 14:43:49
1390阅读
前言：最近公司有这样一个需求，对公司的统计数据使用图表进行展示，并且支持word导出，word文档中需要包含思路分析：首先看到图表，第一步就想到echarts或highcharts，但是我们一般使用前面2个图表软件默认需要使用html,运行在浏览器中，如果我们需要将统计图表通过word 导出，首先需要将图片生成并写入到word中，那么我们现在的第一步就变成了，使用java生成echarts图表并保
转载
2023-09-20 15:38:10
135阅读
1评论
ECharts与java后台交互绘制图表效果如下:1、test.html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--引入Echarts文件-->
<
转载
2023-06-21 23:14:19
243阅读
PhantomJS介绍PhantomJS是一个基于webkit内核的无头浏览器，即没有UI界面的一个浏览器，只是其内的点击、翻页等人为相关操作需要程序设计实现。PhantomJS提供JavaScript API接口，即通过编写js程序可以直接与webkit内核交互，在此之上可以结合Java语言等，通过java调用js等相关操作，从而解决了以前c/c++才能比较好的基于webkit开发优质采集器的限
