Echarts 饼图values 操作

问题描述

Echarts 饼图values 操作
官方需要的是[vakues:98name:'name' ]
而我的是 ['values':'98'name:'name'] 显示没问题 但是在做数值在前台是undefind

这是我的js 部分

  $.ajax({                type: ""get""                async: true            //异步请求(同步请求将会锁住浏览器,用户其他操作必须等待请求完成才可以执行)                url: ""../Handler/DepartmentHandler.ashx""                    data: {}                dataType: ""json""        //返回数据形式为json                success: function (result) {                    var name = [];                    var values = [];                    for (var i = 0; i < result.length; i++)                    {                      name.push(result[i].name);                    }                                       mycharts.setOption({ //加载数据图表                        legend:{data:name }                        series: [{data:result}]                    });                }                    error: function (errorMsg) {                        //请求失败时执行该函数                        alert(""图表请求数据失败!"");                        //myChart.hideLoading();                    }            });    

解决方案

解决了 问题出自己身上 Ecahrts 要的键值对 是[{ value:9name:'xxxx'}] 自己给的是 [values:5name:'xxxx' ] 不过多谢各位

解决方案二:
显示没有问题,前台是undefined。。。什么意思。。自己打印result看结构是否是[{name:'xxxx'value:xxx}...]这种格式的
success: function (result) {
console.log(result)

解决方案三:
你的result格式是不是有问题啊

解决方案四:
你哪个地方undefind.就去找哪个地方的错误,肯定就是你取的值有问题,不然不会显示这个的,先看后台传过来的json是什么,或者把这个json直接放到echart静态页面去调试

时间: 2024-11-03 09:04:37

Echarts 饼图values 操作的相关文章

百度echarts饼图柱状图使用示例

  前一段时间公司做了舆情相关的软件,舆情用到了大量的图表,相当大的数据交互.当时没有整理下来,昨天有一次用到这些东西,所以准备记录下来,方便以后使用. 百度echart算是百度针对数据展示做的一个图表插件吧,一般我们使用都不是问题,主要还是对于对动态数据的解析.我这里使用饼状图,和柱状图为例: 首先,我们需要定义一个绘图的容器:(class是我自己定义的,这个容器用一个div就可以) <div class="fm_box pd-10 border-grey" id="

oracle列表分区的ADD VALUES和DROP VALUES语句简介

LIST分区表的分区键值是离散的值,因此具有和其他分区与众不同的DDL维护语句,ADD VALUES和DORP VALUES. ADD VALUES和DROP VALUES分别为指定的分区增加或减少对应的分区键值.和ADD PARTITION以及DROP PARTITION不同,ADD PARTITION和DROP PARTITION是分区操作,分别新增分区和删除分区,而ADD VALUES和DROP VALUES是对已有的分区进行操作. 和其他DDL有所区别的时,即使并不涉及数据的修改ADD

Android开发12——Andorid中操作数据库的insert的两种方法以及nullColumnHack

一.发现问题 先看两种方法插入数据 public void save(Person p) { SQLiteDatabase db = dbHelper.getWritableDatabase(); db.execSQL("insert into person(name,phone) values (?,?)", new Object[] { p.getName(), p.getPhone() }); db.close(); } public void save(Person p) {

Echarts数据显示问题。。。。

问题描述 Echarts数据显示问题.... 我在做一个用Echarts的数据统计的项目,但是现在遇到了一个问题,数据请求没有问题,debug模式下也能看见请求数据的结果,但是就是不能显示在页面,检查了好久 也不知道问题在哪,所以想让大家帮忙看看 controller: 打印结果 ajax请求 数据都有 就是页面不能正常显示 解决方案 把ajax请求弄成同步的.原因在于你请求数据后还为等数据返回.echarts 就已经在展示数据了.当然这个时候数组是空的 解决方案二: 不用ajax,直接把数据在

在C#中应用MapObjects(渲染效果)

object 以前用MapX,里面有专题图,挺好.经过几天的试验,我把MapObjects中的各种渲染效果(类似MapX专题图,但不一样)都试了试,下面附上源代码,如果那位有不懂的地方请自己琢磨,哈哈- 代码如下: using System; using System.Drawing; using System.Collections; using System.ComponentModel; using System.Windows.Forms; using System.Data; name

C#+MO实现一些渲染功能_C#教程

using System; using System.Drawing; using System.Collections; using System.ComponentModel; using System.Windows.Forms; using System.Data; namespace DbInMo {      /// <summary>      /// Form1 的摘要说明.      /// </summary>      public class 渲染示例 : 

echarts+ajax+ashx+json调用数据库数据实现饼图和柱状图

实现方式:ajax+ashx+json 注意事项: 官网所需格式为   [{value:23,name:'xxxx' }]    请将key 的名字不要写错 具体代码,各位看官 请下移目光. <!--请先引用文件-->  <script src="../Scripts/jquery-1.8.2.min.js"></script>     <script src="../Scripts/echarts/echarts.min.js&qu

Echarts字体和线条颜色设置操作笔记

        这篇文章主要讲述Echarts设置字体和线条的颜色相关操作笔记,希望文章对你有所帮助,主要是自己的在线笔记吧.我在前面先放各种修改前后图片颜色的对照,后面再详细介绍代码.这样更方便阅读及读者知道,是否对自己有所帮助,其重点是如何在模板动态网页或JSP网站中插入Echarts图片.         1.修改标题及背景颜色            2.设置柱形图颜色         3.修改坐标轴字体颜色        4.设置Legend颜色         5.修改折线颜色   

快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)_jquery

记录两个项目开发中遇到的问题,一个是ECharts外部调用保存为图片操作,一个是workflow工作流连接曲线onmouseenter和onmouseleave事件由于鼠标移动过快触发问题. 一.外部按钮调用ECharts图表的保存为图片操作 最近使用ECharts库绘制图表,依据需求希望可以把图表设置的保存为图片操作可以在图表外部调用,主要是希望可以和项目之前的下载图片操作界面保持一致.然后上网找了一些方法,看了看也没遇到一个可以满意的.后来,突然想到了echart开放了源码,可以看看源码,找