autocharts.js
TypeScript icon, indicating that this package has built-in type declarations

1.0.3 • Public • Published

autoCharts

autocharts.js

简介

autocharts.js 可以帮助你在不规范的数据中找出可用于 echarts 的数据,并返回符合echarts要求的基本格式。

目前 它仅支持两种 数据格式:

格式一:数组成员为包含x、y轴对应数据的对象

type objInArr {
	xKey:string;
	yKey:number;
}
Array<objInArr>
// 例如
// const objInArr = [
//	{
//   name:"xAxisName",
//   value:100 
//	},...
//]

格式二:对象内包含多个长度一致的数组(推荐)

type standobj {
	xKey:Array<string | number>,
	yKey1:Array<number>,
	yKey2:Array<number>
}

安装

npm i autocharts.js

使用示例

import findChartData from 'autocharts.js'
let autoData = autoCharts.findChartData({
     rawData: yourData,
     xKey: "col3",
     yKey: "levelCount",
     type: "pie",
});

对于 objInArr 格式数据需传入 xKey && yKeystandobj 格式数据可以不传入xKey || yKey ,但要求该对象内有两个或以上长度一致的数组,autocharts可以自动找出这些数组并按照数据类型将他们分为x、y轴数据,建议把数据处理成standobj格式后再使用。

返回的基本格式:

{
    "xAxis": {
        "type": "category",
        "data": [
            "重旱",
            "中旱",
            "轻旱",
            "适宜",
            "过湿"
        ]
    },
    "series": {
        "type": "pie",
        "data": [
            {
                "value": 6816,
                "name": "重旱"
            },
            {
                "value": 317696,
                "name": "中旱"
            },
            {
                "value": 124228,
                "name": "轻旱"
            },
            {
                "value": 8811,
                "name": "适宜"
            },
            {
                "value": 2400,
                "name": "过湿"
            }
        ]
    },
    "legend": {
        "data": [
            "重旱",
            "中旱",
            "轻旱",
            "适宜",
            "过湿"
        ]
    }
}

Package Sidebar

Install

npm i autocharts.js

Weekly Downloads

5

Version

1.0.3

License

MIT

Unpacked Size

26.4 kB

Total Files

8

Last publish

Collaborators

  • larryzhu