Echarts，一个效果非常棒的可视化库，可以生产各种图表，动态展示，附上官方网址：http://www.echartsjs.com/index.html之前带本科实习时有同学用过，狗哥的博客也用这个展示他的旅游足迹，所以在这次山西项目里我也拿来试了一下。类似于echarts这种库，最好的学习方法就是按照官网的demo来做，所以我先找了一个符合我要求的demo将其实现，然后再分别掌握其中的重要属性
转载
2024-05-21 14:09:46
106阅读
ECHARTS配置项手册官网手册titlelegendgridxAxisyAxispolarradiusAxisangleAxisradardataZoomvisualMaptooltip1.tooltip提示内容过多分列显示并列2.多个echarts图共享tooltipaxispointertoolboxbrushgeoparallelparallelAxissingleAxistimelin
转载
2024-07-22 10:20:16
234阅读
titletooltip: {
show:true,//显示策略，默认值true,可选为：true（显示） | false（隐藏）
text: '主标题',//主标题文本，'\n'指定换行
link:'',//主标题文本超链接,默认值true
target: null,//指定窗口打开主标题超链接，支持'self' | 'blank'，不指定等同为'blank'（新窗口）
转载
2024-04-13 08:22:16
913阅读
Echarts visualMap属性记录//视觉映射组件，用于进行『视觉编码』，也就是将数据映射到视觉元素。视觉元素可以是：symbol: 图元的图形类别。
visualMap = [symbolSize: 图元的大小。color: 图元的颜色。
// colorAlpha: 图元的颜色的透明度。opacity: 图元以及其附属物（如文字标签）的透明度。colorLightness: 颜色的
转载
2024-08-31 16:32:03
935阅读
// 全图默认背景// backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed','#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',
'#1e90ff','#ff6347','#7b68ee','#00fa9a
原创
2023-10-11 11:56:57
109阅读
常用属性总结： （1）tooltip:tooltip: {
trigger: "axis", // axis点击坐标轴触发，item 数据项图形触发， none不触发
axisPointer: {
type: "line",
lineStyle: { // 设置选中那条线的样式
转载
2024-07-14 07:09:55
1886阅读
ECharts属性详解：深入了解并优化你的图表@[TOC](ECharts属性详解：深入了解并优化你的图表)一、引入ECharts二、代码示例三、深入理解ECharts属性1. title（图表标题）2. tooltip（数据提示）3. legend（图例）4. toolbox（工具箱）5. grid（网格）6. xAxis（x轴设置）7. yAxis（y轴设置）8. series（数据系列）四、
转载
2024-09-17 19:36:15
324阅读
Echarts的简单属性记录 这几天工作刚用到Echarts，知道的只有这么多，等有新收获时在补充，所以记录下来，以便后续参考 下面说一个简单的Echarts图形（刚接触,难的也不会）------折线图堆叠 Echarts最基本的只要下面三个就能展示出来 option = {
xAxis: {
type: 'category',
bounda
转载
2024-06-09 18:43:18
286阅读
theme = { // 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’, }
转载
2018-07-07 11:06:00
154阅读
theme = {
// 全图默认背景
// backgroundColor: ‘rgba(0,0,0,0)’,
// 默认色板
color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',
'#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',
'#1e90
series:[{第一组数据},{第二组数据}]：series里面放生成柱状图或折线图的数组，而markLine是数组的一个属性，要放在数组内，每组数组可以有自己独立的markLine，series:[{
name: '销量',
type: 'bar',
data: datas1,
yAxisIndex:0,
转载
2024-04-14 15:10:48
3326阅读
echarts 配置项里 normal 属性的含义是什么？
如题，官方文档并没有对 normal 做出解释，但网络上的诸多例子中它却频频出现，本人在测试中恰好遇到了它。有人回答说：“normal 是图形在默认状态下的样式,加上这个属性和不加这个属性样式都是一样的”，但是他们只验证了 label.normal 无需设置。而我在测试折线图线条渐变时，不设置 normal 是达不到效果的。 参考配置：o
转载
2024-05-07 14:01:54
353阅读
legend: { show: true, //是否显示 type: "plain", // 图例的类型 'plain':普通图例 'scroll':可滚动翻页的图例 zlevel: 1, // 所有图形的 zlevel 值。 icon: "circle", top: "5%", // bottom ...
转载
2021-07-16 10:08:00
1638阅读
2评论
ECharts
原创
2021-07-30 16:05:37
169阅读
隐藏坐标轴：axisLine:{ //y轴show:false},隐藏网格线：splitLine: { //网格线show: false}, 隐藏刻度线：axisTick:{ //y轴刻度线show:false},y轴字体颜色：axisLabel : { textStyle: {
原创
2020-11-03 16:15:30
228阅读
隐藏坐标轴：axisLine:{ //y轴show:false},隐藏网格线：splitLine: { //网格线show: false}, 隐藏刻度线：axisTick:{ //y轴刻度线show:false},y轴字体颜色：axisLabel : {
原创
2020-11-03 16:15:30
265阅读
// 图表标题
title: {
x: 'left', // 水平安放位置，默认为左对齐，可选为：
// 'center' ¦ 'left' ¦ 'right'
// ¦ {number}（x坐标，单位px）
y: 'top', // 垂直安
helloword初体验charts系列类型就是图表类型。 系列类型（series.type）至少有： line（折线图）、bar（柱状图）、pie（饼图）、scatter（散点图）、graph（关系图）、tree（树图）<template>
<!--
echarts的容器默认宽高是0，如果我们不进行设置的话，页面是不显示的 -->
<div
theme = {
// 全图默认背景
// backgroundColor: 'rgba(0,0,0,0)',
// 默认色板
color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',
'#ff69b4','#ba55d3','#cd5c5c','#ffa500','#4
转载
2024-10-22 15:07:29
166阅读
Echarts 是大家常用的可视化工具，相比大家用的也是得心应手，但是有时候偏偏会遇到些奇怪的想法，比如：我要在地图上插:triangular_flag_on_post:。刚开始想到的居然不是用 Echarts ，而是百度的另一款产品 百度地图 ，但是集成之后，还需要对特定行政单位外的区域添加遮罩层，并且地图自带的路网等也不好去除，于是又回来折腾 Echarts 。翻看官方的 配置项手册 ，良久之
