ECharts(2)-分公司销售柱状图示例

最新推荐文章于 2024-04-01 11:41:06 发布

LJ·START

最新推荐文章于 2024-04-01 11:41:06 发布

阅读量264

点赞数

本文链接：https://blog.csdn.net/weixin_44790446/article/details/115251282

版权

本文介绍如何利用ECharts库创建一个展示各分公司销售情况的柱状图，详细讲解了数据可视化过程，包括配置项设置和数据绑定。

摘要由CSDN通过智能技术生成

ECharts:

需求:绘制分公司销售柱状图

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/echarts.min.js"></script>
</head>
<body>
    <div id="main2" style="width: 800px;height: 600px;"></div>
    <script>
        var list=[
            {name:"北京",value:19000},
            {name:"上海",value:23000},
            {name:"杭州",value:17000},
            {name:"广州",value:29000}
        ];
        var xlist=[];//将分公司