首页 > 其他分享 >24. echarts 可以画哪些图表

24. echarts 可以画哪些图表

时间:2022-11-12 17:26:07浏览次数:44  
标签:24 图表 柱状图 延申 params echarts

1. 折线图

2. 柱状图  

3. 饼图 

4. 地图

5. 雷达图

 

延申问题:画折线图和柱状图哪些配置可以改变样式 

  1.  color  设置每个数据的颜色

  2. grid 网格设置图表的大小

  3. series 设置背景色等 ;

  4.  toolbox 工具箱组件 下载、转发等

学习 echarts :https://www.cnblogs.com/zhulongxu/articles/16590562.html

 

延申问题:怎么添加点击事件

通过 on 方法添加,第一个参数事件类型,第二个参数回调函数 ;

myChart.on('click', function(params) {
  // 控制台打印数据的名称
  console.log(params.name);
});

 

标签:24,图表,柱状图,延申,params,echarts
From: https://www.cnblogs.com/zhulongxu/p/16884180.html

相关文章

  • 使用Field_II_ver_3_24_windows_gcc工具箱实现超声波数据成像matlab仿真
    目录​​一、理论基础​​​​二、核心程序​​​​三、测试结果​​​​FPGA教程目录​​​​MATLAB教程目录​​一、理论基础​​FieldIIUltrasoundSimulationProgram......
  • 使用Field_II_ver_3_24_windows_gcc工具箱实现超声波数据成像matlab仿真
    目录一、理论基础二、核心程序三、测试结果FPGA教程目录MATLAB教程目录一、理论基础FieldIIUltrasoundSimulationProgram关于Field_II_ver_3_24_windows_gcc......
  • 第六章24
    【题目描述】在某一国度里流行着一种游戏。游戏规则为:在一堆球中,每个球上都有一个整数编号i(0≤i≤100000000),编号可重复,现在说一个随机整数k(0≤k≤100000100),判断编号为k的......
  • day24 - 表格 内联等
    表格​实现表格的创建行操作:tr列操作:td​colspon实现跨列操作rowspon实现跨行操作1<!DOCTYPEhtml>2<htmllang="en"xmlns="http://www.w3.org/1999/html......
  • 在线echarts编辑器实现
    一、简介本文主要介绍如何开发一个同echarts官网里面在线echarts编辑工具,通过页面中的代码编辑器修改echarts的option属性来实时渲染echarts的展示效果。其中主要使用到了......
  • 1024竟是官方节日,祝大家节日快乐
    不知不觉,又到了一年一度的1024程序员节,在今天的这个特殊的日子里,祝广大“程序猿”朋友:1024,不再996,bug退散,发量惊人。尤其是在2020年,这个节日好像被赋予了更深层次的味道~来......
  • HP-ERS-T244 RS485/RS232四串口工业级串口服务器RS232/485转以太网TCP/IP物联网网关
     HP-ERS-T244是一款四串口服务器,采用Cortex-M7方案,主频高达400MHz,性能更强,传输速度更快,可靠性更高。搭载深度优化的TCP/IP协议栈。双重看门狗和多种保活机制助力设备稳......
  • ZS_2461_长度为K子数组中的最大和
    思路滑动窗口+Map维护元素出现次数,然后遍历一遍即可求出答案滑动窗口滑动窗口是双指针的一种特例,任意时刻只有一个指针在运动,另一个指针静止,指针包含区域称为窗口......
  • P2024 食物链
    P2024食物链这道题我用了两种方法,也是刚学(发现并查集学的太少了)一个是种类并查集,另一个是带权并查集1种类并查集题目中有三种关系,分别是吃,被吃和同类;还有三类集合(三种......
  • DataGear 制作折柱图数据可视化图表
    利用 DataGear 看板的 自定义图表选项功能,可以很方便地制作折柱图(或者折线-饼图、柱状-饼图)数据可视化图表。假设有如下CSV数据集,包括名称和两个指标值数据:名称,指......