ECharts(3)-百分比仪表图

最新推荐文章于 2024-07-04 11:37:13 发布

LJ·START

最新推荐文章于 2024-07-04 11:37:13 发布

阅读量718

点赞数 1

分类专栏： ECharts 文章标签：数据可视化可视化 echarts

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

版权

本文将介绍如何利用ECharts库来绘制具有百分比显示的仪表盘图表，适用于数据可视化的场景。

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

ECharts:

需求:绘制百分比仪表图

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

<body>
    <!--创建容器：仪表图-->
    <div id="main" style="width: 800px;height: 600px;border: 1px solid red"></div>
    <script>
        //仪表图
        //type:"gauge"
        //文字
        //detail:{formatter:"{value}%"}
        //data:[{value:32,name:"完成率"}]
        //指针:
        var main=document.getElementById("main");
        var mychart=echarts.init(main);
        var option={
            series:[
                {
                    name:"业务指标",
                    type:"gauge",
                    detail:{formatter:"{value}%"},//显示文字
                    data:[
                        {value:0,name: "完成率"}//指针
                    ]

最低0.47元/天解锁文章

LJ·START

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ECharts(3)-百分比仪表图

ECharts:需求:绘制百分比仪表图<script src="js/echarts.min.js"></script><body>  <div id="main" style="width: 800px;height: 600px;border: 1px solid red"></div> <script> //仪表图 .
复制链接

扫一扫

专栏目录