怎么样让echarts 接收后台数据从后台获取数据并展示

来源：蜘蛛抓取(WebSpider) 时间：2015-09-20 05:48 标签： echarts 接收后台数据
&&&&echarts 实例 动态获取数据（java jsp版本）
echarts 实例 动态获取数据（java jsp版本）
主要讲解如果用echarts绘制页面
1.动态获取后台java类中的数据
2.jsp实例展示
3.注解详细
若举报审核通过，可奖励20下载分
被举报人：
lijing_966
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
VIP下载&&免积分60元/年（1200次）
您可能还需要
移动开发下载排行Ajax获取到数据放入echarts里不显示的原因分析及解决办法
作者：web郭乐
字体：[ ] 类型：转载 时间：
在做一个需要用到echarts地图的项目的时候，成功通过ajax获取到了后台提供的数据，并生成了想要的JSON串。但是，放到echarts option.series[0].data里，获取不到数据。在生成的地图上无法看到你从后台获取到的值，下面小编给大家分享我的解决办法，需要的朋友参考下
在做一个需要用到echarts地图的项目的时候，成功通过ajax获取到了后台提供的数据，并生成了想要的JSON串。但是，放到echarts option.series[0].data里，获取不到数据。在生成的地图上无法看到你从后台获取到的值。翻遍百度和必应，给出的答案五花八门，仍旧未解决问题，最后还是一个同事大牛给解决的，在此分享给大家。希望对大家有帮助，，，，
废话不多说，直接上码：
$(function () {
var data = [];
function setOption(data){
var myChart = echarts.init(document.getElementById('main'));
//window.onresize = myChart.
var option = {
text: '全国...分布图',
// subtext: '纯属虚构',
tooltip : {
trigger: 'item'
// legend: {
// orient: 'vertical',
// x:'left',
// data:['iphone3','iphone4','iphone5']
dataRange: {
x: 'left',
y: 'bottom',
text:['高','低'], // 文本，默认为数值文本
color:['#ff5e5e', '#ffa25e', '#ffd05e','#fce6b2','#e1dbcd'],
calculable : true
// toolbox: {
// show: true,
// orient : 'vertical',
// x: 'right',
// y: 'center',
// feature : {
// mark : {show: true},
// dataView : {show: true, readOnly: false},
// restore : {show: true},
// saveAsImage : {show: true}
// roamController: {
// show: true,
// x: 'right',
// mapTypeControl: {
// 'china': true
series : [
name: '...',
type: 'map',
mapType: 'china',
roam: false,
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
myChart.setOption(option);
//$.getJSON('HotspotServlet',function(data){
//option.series[0].data=data.
// 为echarts对象加载数据
//myChart.setOption(option);
//获取...排行数据
function getMapData(limit){
url:'http://127.0.0.1/api/adminunit/score/top/'+limit,
type:'post',
dataType:'JSON',
success:function(objdata){
//var str = JSON.parse(objdata);
for(var i = 0;i & objdata.i ++){
var dId = parseInt(objdata[i].id);
//var dName="天津市";
//if(dId==1){
// dName="北京市";
var dName = objdata[i].
var dScore = parseInt(objdata[i].score);
var oneData = {};
var oneData = {id:dId,name:dName,value:dScore};
data.push(oneData);
console.log(data);
//option.series[0].data=
setOption(data);//执行setOption函数。传参
getMapData(2);
里面最重要的就是从后台获取到的数据是通过传参的形式放到echarts里的。
当时我做的时候未通过传参的形式，在echarts里获取到的数据始终是空的。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具请教如何样让ECharts从后台获取数据并展示_百度知道
请教如何样让ECharts从后台获取数据并展示
我有更好的答案
label' }});value[i]={'设置ajax访问后台填充饼图function setChartPie(正在努力的读取数据中.ajax({$;].series[0][&#39.series[0][';name&#39:p[&#39: ']};);];json&quot:&]=value,id){var Chart=require('var value=[];optionP;Chart:url.;echarts&#39.legend.showLoading({text:p[&#39..init(document.each(value'Cdata&#39,dataType:function(data){$;Chart.data=label.getElementById(id));}),100];label'value&#39/optionPie.&#39,p){label[i]=p[' }).setOption(optionPie);,'var label=[],success,function(i;&#47.hideLoading();]=[0;optionPradius&#39
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁

我要回帖

更多关于 echarts 接收后台数据 的文章

 

随机推荐