-
js中如何取出由highcharts返回的json数据3
$.getJSON("xxx.do?json=1", function(params) {
options.series[0].data = params.datas;
options.colors = params.colors;
var html = ".....";
document.getElementById("riskInfos").innerHTML = html;
chart = new Highcharts.Chart(options);
});
json返回的datas数据为{['name1',12],['name3',15],['name4',16],['name5',18]}
那么我如何得到数字12,15,16，18呢
因为我想在body中的div里嵌入一个html 想得到这些数字
请问要怎么弄啊。。。。
谢谢！2012年2月23日 11:17
添加评论
关注(0)1个答案 按时间排序 按投票排序
-
引用json返回的datas数据为{['name1',12],['name3',15],['name4',16],['name5',18]}
你这个返回的json本来就有错误。
{}在javascript中应该是key:value
你已经先把返回的json弄正确。2012年2月23日 11:43
相关推荐
在Highcharts中，我们可以将服务器返回的JSON数据转换为图表所需的系列数据。 在"Highcharts json demo"项目中，异步请求通常采用AJAX（Asynchronous JavaScript and XML）技术，虽然名称中包含XML，但实际应用中更...
当JSON数据返回到前端，JavaScript代码会解析这个JSON字符串，将数据点插入到Highcharts的`series.data`数组中，最后调用`chart.redraw()`或`chart.update()`方法来更新图表，展示新的曲线报表。 这个例子展示了...
首先，HighCharts的数据可以来源于多个来源，如JavaScript数组、JSON数据或服务器通过Ajax请求返回的数据。在使用数组方式时，数据结构应该符合以下格式： ```javascript var data = [ [x1, y1], [x2, y2], ... ]; ...
这个例子中，`$.getJSON`用于异步请求服务器数据，然后Highcharts会根据返回的JSON数据创建一个列状图。注意，这里的`data.map`函数用于从JSON数据中提取x轴类别（categories）和y轴数据（series）。 总结来说，...
在Highcharts与Ajax的结合应用中，Ajax通常用于后台数据的异步获取，然后将这些数据传递给Highcharts，以动态展示图表。 首先，我们需要理解Ajax的工作原理。Ajax的核心是XMLHttpRequest对象，它允许JavaScript在...
本项目利用Highcharts库、Ajax异步请求以及Json数据格式，实现了动态的曲线图、柱状图和饼图，为数据报表提供了一种直观且吸引人的呈现方式。 Highcharts是一个强大的JavaScript图表库，它支持多种图表类型，如折线...
highcharts 与 struts2 完美整合，解决部分新手对于操作highcharts的误区，本例子无需连接数据库，在strust2 Action中创建模拟数据，以json的方式返回到前台js，highcharts通过解析json，进而完成数据的装配，且可以...
在`emp2.jsp`这个文件中，可能是用于处理请求并返回JSON格式的数据，例如： ```jsp <%@ page contentType="application/json;charset=UTF-8" language="java" %> { "series": [ {"name": "数据系列1", "data": [1,...
在JSP页面`chart_data.jsp`中，你可以编写类似上面的Java代码来获取数据库数据并以JSON格式返回。记得处理好跨域问题，如果有必要的话。 总结起来，要实现"highcharts实现从mysql数据库获取数据生成折线图"，你需要...
在描述中提到，"这是一个用于生成 HighChart JSON 配置的包"，这意味着我们将在 Laravel 应用中使用一个特定的包来帮助我们构建和返回适合 HighCharts 的 JSON 数据。 首先，我们需要安装这个名为 "laravel-...
Struts2提供了一种内置的JSON结果类型，使得返回JSON数据变得简单。 - **JSP页面渲染图表**：在JSP页面中，我们可以使用JavaScript来接收并解析来自服务器的JSON数据，然后利用Highcharts的API创建图表。Highcharts...
当前端发送Ajax请求时，Java后端接收到请求，查询数据库或执行其他逻辑获取实时数据，然后将数据以JSON格式返回。例如，使用Spring MVC，你可能需要创建一个Controller方法： ```java @RequestMapping(value = "/...
在前端，我们可以使用HTML和JavaScript将Highcharts引入到页面中，通过JSON数据驱动图表的渲染。 整合Laravel和Highcharts的第一步是安装Laravel的Highcharts包。在这个例子中，我们有一个名为"laravel-highcharts-...
Highcharts是一款广泛应用于Web开发中的JavaScript图表库，它能够帮助开发者轻松创建出各种美观的数据可视化图形，如柱状图、曲线图和饼状图等。本实例是关于如何结合PHP和MySQL数据库，利用Highcharts进行动态数据...
在后端的`getData.jsp`中，你需要处理请求并返回JSON格式的数据。例如，使用Java Servlet或JSP内置对象`request`和`response`： ```java response.setContentType("application/json"); response.setCharacter...
这段代码首先通过Ajax请求获取Java后端返回的JSON数据，然后解析这些数据，设置Highcharts的配置项，最后创建图表。 在实际应用中，你可能需要对数据进行一些预处理，比如日期的格式化，或者根据业务需求调整图表的...
4. **数据加载**：数据可以通过JavaScript数组直接提供，也可以从服务器动态获取，支持JSON、XML等多种数据格式。 5. **交互功能**：Highcharts图表具有丰富的交互功能，如悬停提示、点击事件、图表缩放、图例切换...
4. **返回JSON数据**：将处理后的数组通过PHP的`json_encode()`函数转换为JSON字符串，然后将其作为响应发送到客户端。 5. **HTML页面**：在HTML页面中，引入Highcharts库（通常通过CDN），并编写JavaScript代码来...
2. Ajax的基本用法，如XMLHttpRequest对象的使用，JSON数据格式的处理。 3. Highcharts的API，包括图表类型的选择、配置项的设置以及图表的动态更新。 4. HTML、CSS和JavaScript的基础知识，用于构建前端界面和处理...