echarts data 赋值

川长思鸟来 2022-05-20 09:07 132阅读 0赞

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

之前自己存在误解，echarts中data数据格式不是字符串，格式是对象，下面代码中的item，就是你需要生成的对象，因此代码如下：

1.  *//查询全部山西电厂信息*
2.  function getChartData(myChart) \{
3.  $.get( "/Liems/xslt/getAjaxText.jsp?&className=net.luculent.liems.l3p.portlets.mycals.MyMap&methodName=getAllDatas&canshu=&type=01", null, function(data)\{
4.  *//echart的data数据格式是\{对象,对象\},\{对象,对象\}..,而不是字符串拼接,因此生成对象，放进数组*
5.  var options = myChart.getOption();
6.  var arry=\[\];
7.  var arry2=\[\];
8.  for( var i= 0;i<data.a.length;i++)\{
9.      var item=\{
10.         name:data.c\[i\],
11.         x:data.d\[i\] ,
12.         y:data.e\[i\],
13.         pic:data.f\[i\],
14.     \}
15.     arry.push(item);  
      
    
16.     var items=\{
17.         name:data.a\[i\],
18.         value:data.b\[i\]
19.     \};
20.     arry2.push(items);
21. \}
22. options.series\[ 0\].data=arry2;
23. options.series\[ 0\].markPoint.data=arry;
24. myChart.hideLoading();
25. myChart.setOption(options);
26. \}, "json");
27. \}

方法getChartData(myChart);放在myChart.setOption(option);后面就行了

[https_blog.csdn.net_u012157999_article_details_54576049]: https://blog.csdn.net/u012157999/article/details/54576049

发表评论取消回复

表情：

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

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

相关阅读

相关 vue中data数据之间如何赋值

vue中data数据之间如何赋值 * 前言 * * 实现方式前言最近我妹突然问我vue的data之间需要进行赋值，这是什么奇葩需求，干嘛不直接...

向右看齐/ 2024年04月18日 21:55/ 0 赞/ 47 阅读

相关 echarts data数据循环

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

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

相关微信小程序 data对象赋值和取值

微信小程序 data对象赋值和取值显示静态数据往data赋值 Page({ data: { motto: 'Hello

r囧r小猫/ 2022年11月28日 13:50/ 0 赞/ 348 阅读

相关微信小程序 data对象的属性赋值

记录一下下次想不起来翻翻笔记 data: { person: { //person为一个对象，age是它的属性 name:

蔚落/ 2022年10月23日 12:42/ 0 赞/ 202 阅读

相关 vue axios 数据（data）赋值问题

总结一下我遇到的一个纠结很久的问题。在项目中需要用到后台的数据对前端渲染，使用到了vue整合的axios，使用vue中的钩子函数在页面组件挂载完成之后向后台发送一个get请

àì夳堔傛蜴生んèń/ 2022年05月24日 02:55/ 0 赞/ 325 阅读

相关 echarts data 赋值

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

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

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

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

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

相关微信小程序--data的赋值与取值

通过小程序官方文档可知： Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。其中的参数data用来设置初

迷南。/ 2022年03月29日 03:07/ 0 赞/ 383 阅读

相关 Wex5 data组件动态生成list，并调用ajax动态赋值给data

一. list绑定data组件 1.新建data组件，右键编辑列，要记得选择一个作为ID列 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW

桃扇骨/ 2022年03月08日 18:20/ 0 赞/ 294 阅读

相关 echart.js给series,xAxis中的data动态赋值(三种方式)

最近用echart.js比较多，感觉我的js技能又加深了…… 给echart中的x轴或者series动态赋值，是echart的基本操作：场景： //引入echa

╰半夏微凉°/ 2021年07月26日 01:08/ 0 赞/ 684 阅读