面试题系列 (170) -- Echarts绘制条形图

本文介绍如何使用Echarts.js在web项目中进行数据可视化,重点讲解条形图的绘制,包括颜色定制等。适用于python爬虫、人工智能和大数据领域的数据展示。

上两篇讲了matplotlib绘图的基本用法,但是其实很多时候在公司做的是web项目,web项目一般数据可视化会用到Echarts.js,非常主流,下面讲解下echarts的基本用法

首先看条形图,颜色什么的额都可以改

640?wx_fmt=jpeg

主要看js部分代码:

1、初始化类
Html里面创建一个id为box1的div,并初始化echarts绘图实例
var myChart = echarts.init(document.getElementById('box1'))

2、样式配置
title :标题
tooltip :鼠标悬停气泡
xAxis : 配置横轴类别,type类型为category类别
series:销量数据,data参数与横轴一一对应,如果想调样式,也可以简单调整,比如每个条形图的颜色可以通过函数进行数组返回渲染

var option = {
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值