博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Highcharts 柱状图为series 动态赋值
阅读量:5040 次
发布时间:2019-06-12

本文共 497 字,大约阅读时间需要 1 分钟。

    最近公司做的项目有用到 Highcharts 中的柱状图,Highcharts官网给出的范例中series属性的值是固定的:

       而我做的项目需要给series赋的值是动态地从数据库取的,这样的话可以事先将取到的值转化为Json格式的数据,然后再给series赋值。

代码如下:

var JsonSeries; //[{name:'n1',data:[1,2,3]},{name:'n2',data:[4,5,6]},{name:'n3',data:[7,8,9]}]中name和data的值是数据库中取到,然后再转化为这种形式的var json = "[{name:'n1',data:[1,2,3]},{name:'n2',data:[4,5,6]},{name:'n3',data:[7,8,9]}]";eval("JsonSeries=" + json);//将JsonSeries赋给seriesseries: JsonSeries

这样就实现了series的动态赋值。

 

转载于:https://www.cnblogs.com/jiyun/p/highcharts_series.html

你可能感兴趣的文章
Sam做题记录
查看>>
hexo 搭建博客
查看>>
建造者模式(屌丝专用)
查看>>
Nginx + Tomcat 反向代理 如何在高效的在一台服务器部署多个站点
查看>>
C++的引用
查看>>
python itertools
查看>>
http://lorempixel.com/ 可以快速产生假图
查看>>
编写一个函数isMerge,判断一个字符串str是否可以由其他两个字符串part1和part2“组合”而成...
查看>>
文件操作
查看>>
NYOJ-613//HDU-1176-免费馅饼,数字三角形的兄弟~~
查看>>
graphite custom functions
查看>>
ssh无密码登陆屌丝指南
查看>>
一个自己写的判断2个相同对象的属性值差异的工具类
查看>>
[CF803C] Maximal GCD(gcd,贪心,构造)
查看>>
oracle连接的三个配置文件(转)
查看>>
Java 8 中如何优雅的处理集合
查看>>
[HNOI2012]永无乡 线段树合并
查看>>
Centos下源码安装git
查看>>
控件发布:div2dropdownlist(div模拟dropdownlist控件)
查看>>
[置顶] 细说Cookies
查看>>