highcharts图表type:column事例的格式是这样的:

(不论接口返回什么格式,需要转换成下面这样的):

xAxis: {
categories: ['一月','二月'],
},
series: [
{name: '东京',data: [49, 71]},
{name: '纽约',data: [39, 71]},
{name: '伦敦',data: [65, 59]},
{name: '柏林',data: [60, 47]}
]

我们最终要得到 xAxis和series

接口返回的是这样的,没转换之前的:
column:[
{notValidCount: 1, time: "2020-03-30", validCount: 0},
{notValidCount: 4, time: "2020-03-31", validCount: 0},
{notValidCount: 7, time: "2020-04-01", validCount: 0},
{notValidCount: 6, time: "2020-04-02", validCount: 0},
{notValidCount: 0, time: "2020-04-03", validCount: 0},
{notValidCount: 6, time: "2020-04-04", validCount: 0},
{notValidCount: 5, time: "2020-04-05", validCount: 0},
]

 

我们要转换成这样的格式,以上面的列转成自己的行,xAxis是time:

{
notValidCount: [1, 4, 7, 6, 0, 6, 5],
time:["2020-03-30", "2020-03-31", "2020-04-01", "2020-04-02", "2020-04-03","2020-04-04","2020-04-05"],
validCount:[0, 0, 0, 0, 0, 0, 0]
}

  

------------------------------------------------------------------

代码实现:

   var column =[
{notValidCount: 1, time: "2020-03-30", validCount: 1},
{notValidCount: 4, time: "2020-03-31", validCount: 1},
{notValidCount: 7, time: "2020-04-01", validCount: 2},
{notValidCount: 6, time: "2020-04-02", validCount: 2},
{notValidCount: 2, time: "2020-04-03", validCount: 2},
{notValidCount: 6, time: "2020-04-04", validCount: 2},
{notValidCount: 5, time: "2020-04-05", validCount: 3},
];
var xAxis = [];
var dataNew = {};
var series = [];
for(var el in column[0]){
dataNew[el] = [];
//el 每个分类字段名
column.forEach(function(item,index){
//循环7次notValidCount里值 ,再time值
dataNew[el].push(item[el])
})
}
xAxis = dataNew.time;
var tableinfo = {
'keliu':[
{key:'notValidCount',name:'无效客流'},
{key:'validCount',name:'有效客流'},
],
}
var originData = tableinfo['keliu'];
var colors = ['#A10D30','#E98353','#F2C65C','#EC808D','#53B3E9'];
originData.forEach(function(item,index){
var type = 'column';
series.push({
type:type,
name:item.name,
color:colors[index],
data:dataNew[item.key]
}) })
console.log(xAxis,series,'希望的值')

  

下边是xAxis和series的值:

图表:

按highcharts中column形式转对象展现格式的更多相关文章

  1. (转)解决fasterxml中string字符串转对象json格式错误问题(无引号 单引号问题)

    原文地址:解决fasterxml中string字符串转对象json格式错误问题 com.fasterxml.jackson.databind.ObjectMapper mapper = new com ...

  2. 解决fasterxml中string字符串转对象json格式错误问题

    软件152 尹以操 springboot中jackson使用的包是fasterxml的.可以通过如下代码,将一个形如json格式string转为一个java对象: com.fasterxml.jack ...

  3. YII框架中可以使用foreach遍历对象以及可以使用数组形式直接访问对象的原因

    YII框架中可以使用foreach遍历对象以及可以使用数组形式直接访问对象的原因在YII框架的使用过程中,我们可以使用foreach直接遍历findAll等方法返回的对象的属性为什么呢?其实这与CMo ...

  4. (原创)Java 读取 Highcharts 中的图片

    前言:项目中提出一个新需求,就将Highcharts中的图片读取到Excel中.并在前台做下载,当听到这功能,第一想法是需要由后台编写程序,将数据写道图片中. 虽然没做过但是也没觉得太难,毕竟前辈们肯 ...

  5. 谈谈Delphi中的类和对象1---介绍几个概念 && 对象是一个地地道道的指针

    参考:http://blog.163.com/liang_liu99/blog/static/88415216200952123412180/ 以下的介绍主要针对的是Delphi的面向对象的知识,可能 ...

  6. 初识python中的类与对象

    这篇博客的路线是由深入浅,所以尽管图画的花花绿绿的很好看,但是请先关注我的文字,因为初接触类的小伙伴直接看类的实现可能会觉得难度大,只要耐着性子看下去,就会有一种“拨开迷雾看未来”的感觉了. 一.py ...

  7. buffer cache中,各个object对象占用的buffer blocks

    buffer cache中,各个object对象占用的buffer blocks: COLUMN OBJECT_NAME FORMAT A40 COLUMN NUMBER_OF_BLOCKS FORM ...

  8. Python_day8_面向对象(多态、成员修饰符、类中特殊方法、对象边缘知识)、异常处理之篇

    一.面向对象之多态 1.多态:简而言子就是多种形态或多种类型 python中不支持多态也用不到多态,多态的概念是应用与java/C#中指定传参的数据类型, java多态传参:必须是传参数的数据类型或传 ...

  9. javascript中的内置对象

    2015.12.1 javascript中的内置对象 复习: 1.js中的内置函数 alert prompt write parseInt parseFloat eval isNaN document ...

  10. (转载)JavaScript中的Window窗口对象

    (转载)http://www.ijavascript.cn/jiaocheng/javascript-window-65.html 例子: <html> <head> < ...

随机推荐

  1. 【每日一题】【链表&头插法&ASCII码】【链表&迭代器】2022年1月28日-NC1 大数加法

    描述以字符串的形式读入两个数字,编写一个函数计算它们的和,以字符串形式返回. 思路:原生链表&头插法节点值 import java.util.*; public class Solution ...

  2. K8s 超详细总结

    一个目标:容器操作:两地三中心:四层服务发现:五种Pod共享资源:六个CNI常用插件:七层负载均衡:八种隔离维度:九个网络模型原则:十类IP地址:百级产品线:千级物理机:万级容器:相如无亿,K8s有亿 ...

  3. openpyxl写数据

    import osimport openpyxlos.chdir(r'D:/openpyxl') wb = openpyxl.Workbook() sht = wb.create_sheet('dat ...

  4. 从稍微懂一点开始的C++学习之路1: 智能指针

    从稍微懂一点开始的C++学习之路1 智能指针 因为之前一直是搞qt的,没有搞过纯c++,所以现在算得上是刚开始学纯C++.C++的大部分语法其实我都懂,主要的是一些规范,还有内存回收等一些细节地方纯C ...

  5. f-strings: Python字符串处理的瑞士军刀

    从 3.6 开始,Python 新增了一个格式化字符串的方法,称之为 f-string. 其用法就是在python原始字符串的基础上增加 f/F 前缀,以大括号 {} 标明被替换的字段. f-stri ...

  6. 01.Java面试都问啥?

    大家好,我是王有志.好久不见,不过这次没有休假,而是搞了个"大"工程,花了点时间自学Python,然后写了"玩具爬虫",爬某准网的面经数据,为来年的" ...

  7. 如何指定多个项目的 InternalsVisibleTo

    InternalsVisibleTo 属性允许你指定一个或多个程序集,这些程序集可以访问当前程序集中的内部类型.经常在进行单元测试时使用,例如,你可以在一个项目中定义一个内部类型,然后在另一个项目中进 ...

  8. C语言写的 史上最公平的投票系统

    #include<stdio.h> #include<string.h> #define MMM 4 struct student { char name[10]; int c ...

  9. MornHus--一个野生蒟蒻的生成

    野生蒟蒻一个. 蒟蒻的洛谷首页:MornHus 蒟蒻已经遗弃的CSDN首页:MornHus 写博的内容: 主要就是平时写写算法的笔记,有的时候写点数学题,有的时候还会搞一些奇怪的东西[doge] 大蒟 ...

  10. Mysql--回顾提要

    一.写在前 知识学了就忘!不用就忘!我太健忘!特此记录!用于复习打卡!Mysql干就完事了! 二.来辣! MyISAM表把自增主键最大id记录到文件,重启也不会丢.InnoDB记录到内存,重启数据库和 ...