echarts pie ajax赋值,echart-pie-ajax

这个星期学习echart的pie图，因为它比highchart的要酷炫。

整整一个星期时间，终于把数据放了进去。

首先贴上echart代码

var echarts = function(data){

var

a=data

var m= {value:335,

name:'直接访问'};

var n= {value:310,

name:'邮件营销'};

var l= {value:234,

name:'联盟广告'};

var p= {value:135,

name:'视频广告'};

var o= {value:1548,

name:'搜索引擎'};

var

g=[m,n,l,p,o];

option = {

title : {

text: 'SSID',

subtext: '在线情况',

x:'center'

tooltip :

{

trigger: 'item',

formatter: "{a}

{b} : {c} ({d}%)"

legend: {

orient : 'vertical',

x : 'left',

data:a

toolbox:

{

show : true,

feature : {

mark :

{show: true},

dataView :

{show: true, readOnly: false},

magicType

: {

show:

true,

type: ['pie',

'funnel'],

option: {

funnel: {

'25%',

width:

'50%',

funnelAlign: 'left',

max:

1548

}

restore :

{show: true},

saveAsImage : {show: true}

}

calculable :

true,

series :

[

{

name:'data',

type:'pie',

radius :

'55%',

center:

['50%', '60%'],

data :

data

}

]

};

require.config({

paths:

{

echarts:

'http://echarts.baidu.com/build/dist'

}

});

// 使用

require(

[

'echarts',

'echarts/chart/pie' //

使用柱状图就加载bar模块，按需加载

function

(ec) {

基于准备好的dom，初始化echarts图表

var myChart =

ec.init(document.getElementByIdx_x('main'));

为echarts对象加载数据

myChart.setOption(option);

}

);};

$.ajax({

url:'getstacntgroupbyssid.php',

type:'post',

dataType:'json',

success:function(data){

echarts(data);

}

});

这里是前端的代码。里面的ajax已经弄好了。

ajax主要就是把先从前端的data中吧值拿出来，然后定义abcd什么的赋上去。然后再用ajax传值过去即可

后台数据只要名字对就可以了。其中我用的是json类型的数据。贴上代码

echarts pie ajax赋值,echart-pie-ajax相关推荐

JQuery中使用Ajax赋值给全局变量失败异常的解决方法，jqueryajax
我们在用JQuery的Ajax从后台提取数据后想把它赋值给全局变量,但是却怎么都赋不进,为什么呢? 原因其实很简单,我们用的Ajax是异步操作,也就是说在你赋值的时候数据还没提取出来,你当然赋不进去, ...
利用ajax赋值,利用ajax给table赋值解决办法
利用ajax给table赋值解决办法利用ajax给table赋值解决办法日期:2014-05-16 浏览次数:20632 次利用ajax给table赋值本帖最后由 litengfei0020 ...
微信小程序给echarts图表动态赋值
微信小程序给echarts图表动态赋值接上一篇:微信小程序引入echart图表直接上例子(运行需要结合上一篇,拉至文章顶部进入): import * as echarts from '../../ ...
ajax背景、ajax对象、ajax状态、ajax与http、ajax请求数据接口、同步与异步、ajax请求XML数据、封装ajax函数、artTemplate简介、同源策略和跨域请求、JSONP
AJAX简介: ajax背景: 1.AJAX(Asynchronous JavaScript And Xml)异步的 JavaScript 和 XML:ajax是浏览器提供的一套API,最早出现在谷歌 ...
java中ajax的用途_java Ajax的应用
一.Ajax的使用步骤步一:创建AJAX异步对象,例如:createAJAX() 步二:准备发送异步请求,例如:ajax.open(method,url) 步三:如果是POST请求的话,一定要设置A ...
ajax方法怎么用,ajax的使用方法
后台在写代码时一般都会用到AJAX传值的方法了解的AJAX方法有三种样式第一 $.ajax( { type: "POST", url: "UserList.ashx ...
使用ajax发送数组请求,Ajax请求传递数组参数
var ids = []; var rows=$("#tt").datagrid("getSelections"); for(var i=0; i ids.pu ...
AJAX入门，什么是AJAX？为什么要用AJAX？如何使用AJAX？
一.什么是Ajax Ajax(Asynchronous JavaScript and XML) 异步JavaScript和XML Ajax实际上是下面这几种技术的融合: (1)XHTML和CSS的基于 ...
php ajax传值报错,ajax传值报错之php5.5、5.6关于ajax的传值要求
在工作中,使用ajax的时候,出现了一种莫名其妙的情况.两台服务器都是正常运行的,但是在使用ajax的时候,发现在其中一台服务器运行完全没有问题的代码,迁移到另外一台服务器的时候,无法正常工作,经过不 ...
原生AJAX以及JQuery发送AJAX请求的几种方式
JSON&AJAX 文章目录 JSON&AJAX 1. JSON 1.1 json概述 1.2 Json使用 3. 原生AJAX 4. JQuery的AJAX 4.1 GET请求方式 ...

echarts pie ajax赋值,echart-pie-ajax

echarts pie ajax赋值,echart-pie-ajax相关推荐

最新文章

热门文章