HighCharts-动态配置csv格式数据

场景:

开发一个大型热力图。官网示例中只有设置静态csv数据的例子。一直没有找到如何给热力图加载动态数据。

无奈,只好把要加载的数据拼接成csv格式后,供热力图加载。

拼接数据js:(dataArr是从后台获取的数据)

var csv_data = ‘xColumn,yColumn,zColumn‘+‘ \n ‘; // 列名
if(undefined != dataArr && null != dataArr && dataArr.length > 0){
    for(var i=0;i<dataArr.length;i++){ // 遍历拼接每行数据
        var thisrow = dataArr[i].xValue.toFixed(2) + ‘,‘ + //  四舍五入,保留两位小数
                      dataArr[i].yValue.toFixed(4) + ‘,‘ + //  四舍五入,保留四位小数
                      dataArr[i].zValue.toFixed(4) + ‘ \n ‘;
        csv_data += thisrow;
    }
}

options配置:

    var options = {
        data: {
            csv: csv_data
        },
        chart: {
            // ...
        },
        // ...
    };

生成图谱:

new Highcharts.Chart(options);
时间: 2024-10-14 00:23:28

HighCharts-动态配置csv格式数据的相关文章

Highcharts使用CSV格式数据绘制图表

Highcharts使用CSV格式数据绘制图表 CSV(Comma-Separated Values,逗号分隔值文本格式)是采用逗号分割的纯文本数据.通常情况下,每个数据之间使用逗号分割,几个相关数据组成一行,多行数据组成一个CSV格式数据.由于其纯文本的特点,所以各类数据库都可以直接导出和导入CSV格式的数据.下面就是一个简单的CSV格式数据: 模拟考试,成绩 1,85 2,93 3,95 4,91 5,97 6,94 7,89 其中,第一列是x轴的值,以后的每一列都是一个数据列.从第一行的第

postgresql数据库配置csv格式日志输出

postgresql数据库配置csv格式日志输出 下面介绍postgresql数据库中关于csv格式日志(pg中一种比较详细的日志输出方式)的设置方法. 1.进入$PGDATA目录(pg的安装目录,根据具体情况名称有所区别)下找到配置文件postgresql.conf 2.开启csvlog输出功能: #开启csvlog输出功能(默认为off) logging_collector = on 注:修改完logging_collector后需要重启数据库(当然你也可以继续配置,在所有配置都完成后再重启

Bash中使用MySQL导入导出CSV格式数据[转]

转自: http://codingstandards.iteye.com/blog/604541 MySQL中导出CSV格式数据的SQL语句样本如下: select * from test_info into outfile '/tmp/test.csv' fields terminated by ',' optionally enclosed by '"' escaped by '"' lines terminated by '\r\n'; MySQL中导入CSV格式数据的SQL语句

R语言学习笔记001——读取csv格式数据

读取csv格式数据 数据来源是西南财经大学 司亚卿 老师的课程作业 方法一:read.csv()函数 1 file.choose() 2 read.csv("C:\\Users\\Administrator\\Desktop\\Astocks.csv", 3 head=T,sep=',',nrows = 5,stringsAsFactors = FALSE) 结果 file.choose():读入该文件,这样我们知道该文件的具体路径. file参数:        路径和文件名,win

Mongodb 导出json 和csv 格式数据

导出到json: $ mongoexport.exe  -d TestDB -c TestCollection -o  ./test.json 导出到csv: If you want to output CSV, you have to specify the fields in the order you want them. $ mongoexport.exe  --csv -f _id,f1,f2,f3,f4,f5,f6,f7 -d TestDB -c TestCollection -o

将csv格式数据导入MySql数据库

 将csv文件或者excel表格导入数据库的方法: Excel数据直接导入mysql会需要用到phpexcel开源类,详情使用可以参考这篇文章~ http://www.cnblogs.com/freespider/p/3284828.html 本文使用的方法是: Excel --> CSV-->MySql 首先将excel另存为csv文件,然后开始分析数据. 代码如下: <span style="font-size:18px;"><?PHP //将csv文

mysql远程快速导出csv格式数据工具

如需转载,请经本人同意. 之前本人曾经写过一个使用 select ....into outfile原理导出数据的脚本,但该脚本值适用于本地快速导出,并不支持远程服务,故又编写了下面这个支持远程导出的脚本.该脚本支持导出文件检测.数据库信息检查.如果大家有好的建议欢迎留言评论.脚本总体而言比较简单,希望对大家有帮助 脚本语言:python 版本:2.7 #!/usr/bin/python # -*- coding:UTF-8 -*- #@author Jane.Hoo #@date 2016/11

导入导出, Excel,CSV格式数据复制的各种特殊情况

订单编号格式: 1. 数字串(<11位), 2.数字串(>11位), 3 '数字串X, 4. "数字串", 5. 带非数字字符比如字母或小数点等, 5. "\t"备注格式: 1.普通字符串, 2. 带",", 3.带"\t", 4. 带" ", 5.带单引号, 6. 带双引号, 7. 各种特殊字符的组合(1-7类)列分割符号: 1."," 2." ", 3

使用AngularJS结合Highchart图表动态获取JSON格式数据

Highchart折线图代码 $(function () { var chartLine = new Highcharts.Chart({ chart: { type: 'line', <em><span style="color:#ff0000;">renderTo: 'container2'</span></em> }, title: { text: '上月已还款金额与本月账单金额对比结果' }, subtitle: { text: