highcharts 怎样动态为series的name，data赋值

ajax请求后台数据，将返回数据在后台转换为json格式，然后前台接受到json字符串后直接设置到series里面如下代码示例series:[{data:json,}]后台转json可以用JSONObject 或者JSONARRAY

直接后台查询数据库，把结果2,11,3,5,66,33,13,65拼接成这种字符串传到前台，前台把js代码改写一下：

var obj = {

title: {

text: '油 耗',

x: -20 //center

},

subtitle: {

text: 'Oil Wear',

x: -20

},

xAxis: {

categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',

'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']

},

yAxis: {

title: {

text: 'OilWear (L)'

},

plotLines: [{

value: 0,

width: 1,

color: '#808080'

}]

},

tooltip: {

valueSuffix: 'L'

},

legend: {

layout: 'vertical',

align: 'right',

verticalAlign: 'middle',

borderWidth: 0

},

series: [{

name: '油耗' //这里去掉逗号

//这里不填写data

}]

});

};

//填充数据

objseriesdata=$makeArray(result); //result是后台传来的字符串：2,11,3,5,66,33,13,65

//最后渲染图形

$('#container')highcharts(obj);

ajax请求后台数据，将返回数据在后台转换为json格式，然后前台接受到json字符串后直接设置到series里面如下代码示例

series:[{

data:json,

}]

后台转json可以用JSONObject 或者JSONARRAY

1、数据来源

Highcharts 是基于 JavaScript 编写的图表库，自身是没有直接获取服务器（数据库）数据的能力，除了内置的数据功能模块支持直接读取 CVS、HTML 表格、Google SpreadSheets（Google 提供的一种在线表格服务）等数据外，数据来源还需要后端服务支持（动态渲染或提供接口等），另外 JS 还可以直接读取纯文本数据文件。

总的来说，数据来源有以下几种方式：

服务端直接渲染（包括直接渲染 HTML 页面、HTML 表格）

Ajax 请求数据接口（来自服务器数据库的数据或其他数据）

Highcharts 内置的数据功能模块读取 CVS、HTML 表格、Google SpreadSheets 数据

JavaScript 读取纯文本数据文件，例如 XML 文件、JSON 文件、CSV 文件

参考网址：网页链接

以上就是关于highcharts 怎样动态为series的name，data赋值全部的内容，包括:highcharts 怎样动态为series的name，data赋值、json数组从数据库获取、怎么使用Ajax动态给Highcharts的series属性赋值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！