新手问题：怎么从js中将数据转换为highcharts需要的json格式？-CSDN论坛

新手问题：怎么从js中将数据转换为highcharts需要的json格式？

Web 开发 > JavaScript

收藏回复

[问题点数：20分]

⋅新手问题：怎么从js中将数据转换为highcharts需要的json格式？ ⋅Java web在MVC模式下,怎样设计作为控制器的Controller才能使得它不那么臃肿庞大？ 更多帖子 关注私信空间博客 Tse3223707 等级 本版专家分：0 结帖率 50%: 我做的Web需要画图，所以就用了javascript的插件highcharts
由于我的数据的个数是动态变化的，所以需要用参数传递进去，但是我发现它之中的函数需要用json格式的数据，搞了半天也没成功。

比如
function drawChart()
{
         $('#container').highcharts({
                省略
                 series: [{
                     name: 'Tokyo',
                     data: [100,200]
                  }, {
                     name: 'New York',
                    data: [80,90]
                   }]
        });
}

我想改成

function drawChart(theSeries)
{
         $('#container').highcharts({
                省略
                 series: [theSeries]
        });
}

series所需要的内容直接通过theSeries传进去。
这里传入的参数theSeries应该怎么写？
我的数据已经在jsp表格里了，我能够从表格里把数据通过javascript取出来，数据的个数不定，怎么把这些数据转成这里的theSeries变量所需要的json格式？

2014-09-29 16:09:21

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅年假太少，不如国庆 ⋅sqlbulkCopy 效率没想象那么快?什么原因导致的？硬件不可能影响这么大吧 ⋅sqlserver 跨库访问内存表报错(同一个服务器) 更多帖子 关注私信空间博客 万玩完顽完 等级 本版专家分：578: 没用过这个，帮顶一下。你可以试试echarts。超简单，百度 “ECharts”！！

2014-09-29 16:35:22

点赞只看TA 引用举报 #1得分 0

⋅新手问题：怎么从js中将数据转换为highcharts需要的json格式？ ⋅Java web在MVC模式下,怎样设计作为控制器的Controller才能使得它不那么臃肿庞大？ 更多帖子 关注私信空间博客 Tse3223707 等级 本版专家分：0: 引用 1 楼 fangzuli 的回复:
没用过这个，帮顶一下。你可以试试echarts。超简单，百度 “ECharts”！！

简单到不是我的必须要求，最重要的是兼容性好
你推荐这个echarts对浏览器的支持好么？IE6-IE10，chrome,FF都能支持不？

2014-09-29 18:15:29

点赞只看TA 引用举报 #2得分 0

⋅请教使用JavaScript DOM动态创建(声明)Object元素，无法自动下载该元素中ocx控件

⋅用vs自带测试OCX工具测试ocx后，在退出时会崩溃请大神们帮帮忙

更多帖子

关注私信空间博客

笑梦码侬生

等级

本版专家分：90

勋章

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

GitHub 绑定GitHub第三方账户获取: json数据可以一个一个复制，类似与object。

2014-09-29 20:32:01

点赞只看TA 引用举报 #3得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 黄诚实_ 等级 本版专家分：0



var arr = [];

<% for(int i=0,count=list.size();i<count;i++){

          Bean bean = list.get(i);

          %>

          var obj = {name:'<%=bean.name%>'};

          arr.push(obj);

          <%

}%>

类似这样看看

2014-09-29 22:55:00

点赞只看TA 引用举报 #4得分 0

⋅年假太少，不如国庆 ⋅sqlbulkCopy 效率没想象那么快?什么原因导致的？硬件不可能影响这么大吧 ⋅sqlserver 跨库访问内存表报错(同一个服务器) 更多帖子 关注私信空间博客 万玩完顽完 等级 本版专家分：578: 引用 2 楼 Tse3223707 的回复:
Quote: 引用 1 楼 fangzuli 的回复:

没用过这个，帮顶一下。你可以试试echarts。超简单，百度 “ECharts”！！

简单到不是我的必须要求，最重要的是兼容性好
你推荐这个echarts对浏览器的支持好么？IE6-IE10，chrome,FF都能支持不？

简介

ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖轻量级的Canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。
http://echarts.baidu.com/doc/doc.html

2014-09-30 09:01:18

点赞只看TA 引用举报 #5得分 0

收起

收藏回复

Tse3223707

等级：

关注私信 TA的帖子

使用JSON将MySQL数据转换为Highcharts饼图: I am Trying to create a HighCahrts JS's PIE CHART using The Data I fetched From the MySQL Data, Which I fetched into The JSON Format . Here is my php Code : <pre><code>foreach($row as $rec...

如何使用json的数据格式给Highcharts赋值: 官网上也提供了一引demo，但是如何使用json给Hightcharts各部分赋值，我选择了用ajax来请求action，然后得到json给Highchart赋值。具体主要代码如下：原demo:$(function () { $('#container').hig...

Highcharts获取json数据展现饼图（转）: 很多时候图表展现的数据都是从服务器端获取，现在来做一个简单的异步获取json数据的例子。服务器端用Servlet3.0实现，JSP页面通过jquery异步请求json数据提供给Highcharts展现。　1、用一个实体类封装要展现的...

highCharts如何实现json数组数据的图形展示: 昨天花了一天的时间学习了一下highcharts，基本的内容差不多都看了一遍，然后试着写了一个完整的demo，期间可谓百转千回，费了不少功夫，最终还是实现了我所想要的效果图，接下来我将如何实现统计图的过程给大家说...

HighCharts-Asp.net后台取Json数据模拟: 最近项目需要用的图表，发现HighCharts是一个好用的工具。图表美观大方，公共API调用简练。缺点是图表种类不是很多，但是已经足够用了。由于需要根据查询条件查询数据，从而更换图表种类、数据。经过网络搜索...

Highcharts json: Highcharts实现的json提供数据的波浪线的实例

MVC3下从后台获取json数据使用highcharts绘制图表: 1. 需要l

如何将json数据传入到Highcharts中的data中: 2、解析我们想要json数据(这是将要传入到highcharts中series下的data) 3、将数据绑定到显示图表的方法中[如何绑定是此问题的难点] 下面的例子：具体解释首先加载bind()，bind()中 getTemperature(td,tm

使用JSON填充Highcharts数据: I have been running a few Highcharts on my website. Previously, I populated these with data from my $result array. Below is an example of code for how I would first push several series of data into...

Highcharts AJAX JSON JQuery 实现动态数据交互显示图表柱形图: 摘要 Highcharts AJAX JSON 实现动态数据交互显示 JQuery 图表柱形图主要使用的JQuery AJAX JSON SpringMVC 基于之前的2篇框架添加的新功能这是第一篇实例的步骤与代码。还有整个项目的结构图...

小白看过来!有关于highcharts 数据格式 以及案例下钻: 有关于highcharts 数据格式 以及案例下钻博主新手最近做了一个highcharts下钻的报表要求是一级下转刚开始是导入highcharts常用的几个包highcharts.js，highcharts-zh_CN.js，exporting.js ,drilldown.js(这个...

Highcharts图表-ajax-获取json数据生成图表: 重点说明此代码是针对一个报表显示多个项对比显示。直接贴代码：web端 JavaScript" src="js/jQuery/jquery-1.7.2.js"> ... javascript" src="js/highcharts/highcharts.js"> $(docum

java将数据转化成json格式: 1.使用highcharts做报表的时候需要用到json格式的数据，以下方法类能将各种格式的文件转化成json格式的数据 2.

highcharts用法php的json输出: //仔细看官方源码的例子比如这个例子： series: [{ type: 'pie', name: 'Browser share', data: [ ['Firefox', 45.0], ['IE', 26.8],

Highcharts 动态加载 Json数据: 1.引入Highcharts 6.0 的样式和js 2. 写一个div容器 3.js 代码，ajax跟java后台做交互，得到的值遍历给数组，数组分别给这个new 的 chart (容器对象) 选择的 x y 轴 var chart = new Highcharts.Chart('...

Highcharts获取json数据展现pie饼图: 实际上很多时候图表展现的数据都是从服务器端获取，现在来做一个简单的异步获取json数据的例子。　服务器端用Servlet3.0实现，JSP页面通过jquery异步请求json数据提供给Highcharts展现。　1、用一个实体类封装要展现...

Highcharts AJAX JSON JQuery 实现动态数据交互显示图表: Highcharts AJAX JSON JQuery 实现动态数据交互显示图表

highcharts 所需要的数据格式: List<Obejct[]>js定义 var data=[];data.push([参数1, 参数2]);

2020-02-15Highcharts使用jquery json格式配置与非json格式配置的异同：: 2020-02-15Highcharts使用jquery json格式配置与非json格式配置的异同：源代码： index-jqueryJson <!DOCTYPE HTML> <html> <head> <meta ...

Json字符串和highcharts数据图表展现: Json字符串和highcharts数据图表展现跳至 [2] [全屏预览] /* * Filename: OQtyOrPriceReport.js * Description:客户订单数量和价格报表分析 * Created: 2013.11.14 * Author : liangjw * Company:Copyright...

vue+highcharts前后端交互之 java拼凑json格式数据（饼图，百分比堆叠柱形图）: 现在写一下数据库查询格式和方法，以及通过java进行拼凑json格式数据返回到前端 vue+highcharts前后端交互展示图表之前端动态调用数据（饼图，柱形图）老规矩，上代码饼图饼图数据的结构比较简单，只需要拼凑...

JSON字符串转换为Highcharts: The result response from AJAX is that i get alot of info and I use JQuery.parseJSON(result) to get the value from each JSON Tag. From this result response I need to format it so it can fit to ...

highcharts+json+ashx 图表动态数据绑定: $(function () { var PicDayList = ''; var categoriesList = ''; $.jsonP({ url:serverURL+'/ashx/picture_dian_day.ashx?dianid=3&YeJiMonth=4&CurtYear=2015', success:function(data){ ...

Highcharts获取Json动态生成饼图: 导入的文件前台代码

php数据库数据转换为js中的json对象: php数据库数据转换为js中的json对象 / 1.在company数据user表中取出10条数据，保存为数组 2.在将数组转化为json格式，传递给js 3.用json解析器将传递过来的json字符串转化为json对象, 4.用document.write输出语句...

python爬虫20个案例: 讲诉python爬虫的20个案例。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

C语言及程序设计初步: 课程针对没有任何程序设计基础的初学者，全面介绍C语言及利用C语言进行程序设计的方法。课程注重知识的传授，更关注学习者能够通过实践的方式，真正学会利用C语言解决问题，奠定程序设计的基础。为此，专门设计了实践方案，指导学习者在听讲的同时，有效完成实践。讲课中还适时穿插进行学习指导，帮助初学者尽快掌握程序设计的学习方法。课程主要针对无任何编程经历的初学者，利用主讲者多年来教授大一学生的教学经验，准确把握知识点掌握中的难点，在和视频配套的实践方案配合下，帮助初学者顺利掌握知识，获得学习中的自信。

c++经典代码大全清晰版: c++经典代码大全适合C++新手看的经典代码！！！

Qt图形视图框架详解: 介绍Qt中的Graphics View Framework，涉及View、Scene、Item的关系，如何自定义QGraphicsItem、处理Item之间的关联、如何布局及定义自己的布局Item、如何变幻Item、如何应用动画、如何处理拖放、如何给Item应用图形效果，提供拼图游戏、画板两个有用的实例。通过本课程的学习，能够掌握Qt Graphics View Framework的基本应用，使用图形视图框架开发需要丰富的GUI效果的应用软件以及需要维护大量图元的、对图形界面层次要求较高的应用。

matlab等距线扫描多边形程序实现: matlab等距线扫描多边形程序实现,可以对指定的定点画出相应的多变形，在进行扫描

相关热词 c#后台模拟鼠标点击 c# 不足两位加0 c#中银行存取款问题 c# p2p服务端 c# 工具数据校验 c#停止位1.5 c# java 通讯 c# 有没有list c#保存字体 c#登陆验证码