首页 前端知识 Echarts 大数据可视化基本使用

Echarts 大数据可视化基本使用

2024-10-15 23:10:35 前端知识 前端哥 192 33 我要收藏

Echarts介绍

作用: 展示图标,即大数据可视化
和它相同作用的还有heightCharts和D3
Echarts 官网

使用echarts基本步骤

第一步:下载并引入echarts.js文件

<script src="js/echarts.min.js"></script>

第二步:准备一个具备大小的DOM容器

 <div id="container"></div>

第三步:初始化echarts实例对象

var echart = echarts.init(document.getElementById("app"));

第四步:指定配置量和数据option

  var option = {
   
        // 调色盘
        color: ["#55aaff", "#aaff7f", "#55007f", "#fff000"],
        // 图表标题
        title: {
   
            text: "女友个数"
        },
        // 图表的提示
        tooltip: {
   },
        // 图例
        legend: {
    data: ["女友个数", "游戏市场", "吃饭市场", 
转载请注明出处或者链接地址:https://www.qianduange.cn//article/19012.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!