HighCharts-动态配置csv格式数据

场景:

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

无奈,只好把要加载的数据拼接成csv格式后,供热力图加载。文章地址https://www.yii666.com/article/754354.html

拼接数据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配置:文章来源地址:https://www.yii666.com/article/754354.html

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

生成图谱:文章来源地址https://www.yii666.com/article/754354.html网址:yii666.com<

new Highcharts.Chart(options);

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

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

  1. Excel和CSV格式文件的不同之处

  2. HighCharts-动态配置csv格式数据

  3. C#:导入Excel通用类(CSV格式)

  4. vcf格式文件转化为Excel(csv)格式文件(R语言的write.csv,write.table功能,Excel表的文件导入功能)

    最近在整理文件,准备把vcf文件转化为Excel格式,或者CSV格式,网上搜了一堆资料,还真有人专门开发出转化格式的工具:叫vcf2csv(下载地址http://vcf2csv.sourceforge.net/#links),赶紧下载安装,开始转化,结果弹出行列不一致的错误,遂放弃。尝试了一堆无用的工具以后,想着能

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png