web端--数据展示--echarts篇--走马观花

最新推荐文章于 2024-09-03 16:18:27 发布

dreamer_sen

最新推荐文章于 2024-09-03 16:18:27 发布

阅读量493

点赞数

CC 4.0 BY-SA版权

分类专栏： web端数据展示文章标签： echarts web前端数据展示 js

本文链接：https://blog.youkuaiyun.com/dreamer_sen/article/details/86569526

走马观花—大致过一遍

昨天把慕课网的视频看完，大概就是走马观花，没有很细致的去说明，这样的好处就是可以大概知道：echarts能做什么样的图表？

echarts能做什么样的图表？

在官网有所有的图表实例
具体包括：条形图（line）,柱状图（bar），饼图（pie），散点图（Scatter），地图（map），地理坐标系（GEO），k线图（Candlestick），雷达图（Radar），盒须图（Boxplot），热力图（Heatmap），3D图表等

怎么做echarts图表

官网有5分钟入门教程
以柱状图为例，具体步骤：

创建一个html文件:bar.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>柱状图</title>
</head>
<body>
    
</body>
</html>