echarts data数据循环

朱雀 2022-12-10 08:38 116阅读 0赞

--------------------

### 在data外做一个循环，然后用这个数组替换data ###

var data = [];
    
    		方法一：
            for (var i =0;i<depts.length;i++){ 
                data.push({ 
                    value:depts[i],
                    name:deptsname[i]
                })
            }
    		
    		方法二：
    		for (var i =0;i<depts.length;i++){ 
                data[i]={ };
                data[i].value=depts[i];
                data[i].name=deptsname[i];
            }
            console.log(data);
    
    
            var optionRecords2 = { 
                title: { 
                    text: '部门人数统计',
                    subtext: '部门/人数',
                    left: 'center'
                },
                tooltip: { 
                    trigger: 'item',
                    formatter: '{a} <br/>{b}: {c} ({d}%)'
                },
                legend: { 
                    orient: 'vertical',
                    left: 10,
                    data: [depts,deptsname]
                },
    
                series: [
                    { 
                        name: '访问来源',
                        type: 'pie',
                        radius: ['50%', '70%'],
                        avoidLabelOverlap: false,
                        label: { 
                            show: false,
                            position: 'center'
                        },
                        emphasis: { 
                            label: { 
                                show: true,
                                fontSize: '30',
                                fontWeight: 'bold'
                            }
                        },
                        labelLine: { 
                            show: false
                        },
    
                        data : data
    
                    }
                ]
            };
    
            echartsRecords2.setOption(optionRecords2);

发表评论取消回复

表情：

评论列表（有 0 条评论，116人围观）

还没有评论，来说两句吧...

相关阅读

相关数据仓库（Data WareHouse）

一、数仓及其维度 1、什么是数仓？数据仓储，简称数仓（Data WareHouse）。从逻辑上理解，数据库和数仓没有区别，都是通过数据库软件实现存放数据的地方，只

╰+攻爆jí腚メ/ 2023年09月26日 19:37/ 0 赞/ 115 阅读

相关 echarts data数据循环

-------------------- 在data外做一个循环，然后用这个数组替换data var data = []; 方法一：

朱雀/ 2022年12月10日 08:38/ 0 赞/ 117 阅读

相关 echarts数据传输图表

echarts数据传输图表样式如下： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0

古城微笑少年丶/ 2022年10月01日 13:51/ 0 赞/ 511 阅读

相关 ECharts异步获取数据

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"

素颜马尾好姑娘i/ 2022年06月15日 12:09/ 0 赞/ 225 阅读

相关 echarts data 赋值

原文出处： [https://blog.csdn.net/u012157999/article/details/54576049][https_blog.csdn.net_u0

川长思鸟来/ 2022年05月20日 09:07/ 0 赞/ 178 阅读

相关 jQuery 数据缓存 data()

本篇文章给大家介绍本人最常用到的jQuery方法之一 $(select).data(key,value) ——这是jQuery提供的数据缓存方法。与之对应的方法是 $(se

今天药忘吃喽~/ 2022年05月14日 13:22/ 0 赞/ 113 阅读

相关 vue +echart data中的数据动态赋值

今天用vue 往echart中添加数据的时候，遇到了一个问题，就是从后台调取过来数据，怎么动态的赋值给xAxis.我今天做的是把部门动态添加到xaxis 下面是效果图

缺乏、安全感/ 2022年04月24日 00:12/ 1 赞/ 1155 阅读

相关 echarts 地图数据展示

<div class='col' id="map-wrap" style=' height: 280px;'></div> <script type="

野性酷女/ 2022年03月26日 02:22/ 0 赞/ 369 阅读

相关 echarts右侧数据对应

<!DOCTYPE html> <html style="height: 100%"> <head> <meta chars

ゝ一世哀愁。/ 2021年12月09日 02:27/ 0 赞/ 258 阅读

相关 echart tooltip循环显示，legend随tooltip滚动循环显示

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWlu

偏执的太偏执、/ 2021年07月26日 12:11/ 0 赞/ 753 阅读