aldehyde 0.1.41 → 0.1.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/chart/antd/Chart.d.ts.map +1 -1
- package/lib/chart/antd/Chart.js.map +1 -1
- package/lib/chart/antd/column-chart-sub.d.ts.map +1 -1
- package/lib/chart/antd/column-chart-sub.js.map +1 -1
- package/lib/chart/antd/line-chart-sub.d.ts.map +1 -1
- package/lib/chart/antd/line-chart-sub.js.map +1 -1
- package/lib/chart/antd/pie-chart-sub.d.ts.map +1 -1
- package/lib/chart/antd/pie-chart-sub.js.map +1 -1
- package/lib/controls/file-view/drawer-file-view.d.ts.map +1 -1
- package/lib/controls/file-view/drawer-file-view.js +4 -2
- package/lib/controls/file-view/drawer-file-view.js.map +1 -1
- package/lib/controls/file-view/index.d.ts.map +1 -1
- package/lib/controls/file-view/index.js.map +1 -1
- package/lib/index.d.ts +19 -18
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +40 -18
- package/lib/index.js.map +1 -1
- package/lib/layout/menu/user-bar.d.ts.map +1 -1
- package/lib/layout/menu/user-bar.js +3 -0
- package/lib/layout/menu/user-bar.js.map +1 -1
- package/lib/welcome/HCWelcome.d.ts.map +1 -1
- package/lib/welcome/HCWelcome.js +19 -22
- package/lib/welcome/HCWelcome.js.map +1 -1
- package/package.json +4 -3
- package/src/aldehyde/chart/antd/Chart.js +0 -1
- package/src/aldehyde/chart/antd/column-chart-sub.tsx +12 -2
- package/src/aldehyde/chart/antd/line-chart-sub.tsx +12 -2
- package/src/aldehyde/chart/antd/pie-chart-sub.tsx +12 -1
- package/src/aldehyde/controls/file-view/drawer-file-view.tsx +7 -3
- package/src/aldehyde/controls/file-view/index.tsx +0 -2
- package/src/aldehyde/index.tsx +69 -18
- package/src/aldehyde/layout/menu/user-bar.tsx +3 -0
- package/src/aldehyde/welcome/HCWelcome.js +20 -23
- package/lib/chart/antd/Chart10000.d.ts +0 -11
- package/lib/chart/antd/Chart10000.d.ts.map +0 -1
- package/lib/chart/antd/Chart10000.js +0 -72
- package/lib/chart/antd/Chart10000.js.map +0 -1
- package/lib/chart/antd/PieChart1.d.ts +0 -4
- package/lib/chart/antd/PieChart1.d.ts.map +0 -1
- package/lib/chart/antd/PieChart1.js +0 -54
- package/lib/chart/antd/PieChart1.js.map +0 -1
- package/lib/chart/antd/PieChart2.d.ts +0 -7
- package/lib/chart/antd/PieChart2.d.ts.map +0 -1
- package/lib/chart/antd/PieChart2.js +0 -56
- package/lib/chart/antd/PieChart2.js.map +0 -1
- package/src/aldehyde/chart/antd/Chart10000.js +0 -90
- package/src/aldehyde/chart/antd/PieChart1.tsx +0 -55
- package/src/aldehyde/chart/antd/PieChart2.js +0 -56
package/src/aldehyde/index.tsx
CHANGED
|
@@ -1,26 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import LtmplRoute from "./routable/ltmpl-route";
|
|
7
|
-
import DtmplViewPage from './module/dtmpl-view-page';
|
|
8
|
-
import DtmplEdit from './detail/edit/dtmpl-edit';
|
|
9
|
-
import LtmplPage from './module/ltmpl-page';
|
|
10
|
-
import Menu2layers from './layout/menu/menu-2layers';
|
|
11
|
-
import Block from './layout/menu/block';
|
|
12
|
-
import UserBar from './layout/menu/user-bar';
|
|
13
|
-
import ResetPassword from "./layout/menu/reset-password";
|
|
14
|
-
import Footer from './layout/footer';
|
|
15
|
-
import EntryControl from './controls/entry-control';
|
|
16
|
-
import ViewControl from "./controls/view-control";
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
// import EntryControl from './controls/entry-control';
|
|
5
|
+
// import ViewControl from "./controls/view-control";
|
|
17
6
|
import ProgramConfig from './units';
|
|
18
7
|
import HydrocarbonService from "./tmpl/hcservice-v3";
|
|
19
8
|
import QuickEntrance from './welcome/quick-entrance'
|
|
20
9
|
import Workbench from './welcome/workbench';
|
|
21
10
|
import PopoverEntitySelect from "./controls/entity-select/popover-entity-select";
|
|
22
11
|
import DatePicker from "./controls/date-picker";
|
|
23
|
-
|
|
12
|
+
|
|
24
13
|
import TmplDataSource from './tmpl/hc-data-source';
|
|
25
14
|
import * as TmplInterface from './tmpl/interface';
|
|
26
15
|
import Superagent from './tmpl/superagent';
|
|
@@ -28,9 +17,71 @@ import HCWelcome from './welcome/HCWelcome';
|
|
|
28
17
|
import MainPage from './layout/MainPage';
|
|
29
18
|
import ExcelImportRoute from './routable/import-route';
|
|
30
19
|
import CustomPageRouter from './custom-page/custom-page-router'
|
|
20
|
+
import loadable from '@loadable/component';
|
|
21
|
+
import {Spin} from "antd";
|
|
22
|
+
import React from "react";
|
|
23
|
+
const Loading = <Spin tip="Loading...">
|
|
24
|
+
{/*<Alert*/}
|
|
25
|
+
{/* message="正在加载数据。。。"*/}
|
|
26
|
+
{/* description="初次访问加载数据较多,可能需要几秒或几分钟,请耐心等待!!"*/}
|
|
27
|
+
{/* type="info"*/}
|
|
28
|
+
{/*/>*/}
|
|
29
|
+
</Spin>
|
|
30
|
+
// import ActTable from './table/act-table';
|
|
31
|
+
const ActTable = loadable(() =>
|
|
32
|
+
import("./table/act-table"), {fallback: Loading});
|
|
33
|
+
//import SelectTable from './table/select-table';
|
|
34
|
+
const SelectTable = loadable(() =>
|
|
35
|
+
import("./table/select-table"), {fallback: Loading});
|
|
36
|
+
//import Loginit from './login/login';
|
|
37
|
+
const Loginit = loadable(() =>
|
|
38
|
+
import("./login/login"), {fallback: Loading});
|
|
39
|
+
//import DtmplRoute from './routable/dtmpl-route';
|
|
40
|
+
const DtmplRoute = loadable(() =>
|
|
41
|
+
import("./routable/dtmpl-route"), {fallback: Loading});
|
|
42
|
+
//import ImportRoute from './routable/import-route';
|
|
43
|
+
const ImportRoute = loadable(() =>
|
|
44
|
+
import("./routable/import-route"), {fallback: Loading});
|
|
45
|
+
//import LtmplRoute from "./routable/ltmpl-route";
|
|
46
|
+
const LtmplRoute = loadable(() =>
|
|
47
|
+
import("./routable/ltmpl-route"), {fallback: Loading});
|
|
48
|
+
//import DtmplViewPage from './module/dtmpl-view-page';
|
|
49
|
+
const DtmplViewPage = loadable(() =>
|
|
50
|
+
import("./module/dtmpl-view-page"), {fallback: Loading});
|
|
51
|
+
// import DtmplEdit from './detail/edit/dtmpl-edit';
|
|
52
|
+
const DtmplEdit = loadable(() =>
|
|
53
|
+
import("./detail/edit/dtmpl-edit"), {fallback: Loading});
|
|
54
|
+
// import LtmplPage from './module/ltmpl-page';
|
|
55
|
+
const LtmplPage = loadable(() =>
|
|
56
|
+
import("./module/ltmpl-page"), {fallback: Loading});
|
|
57
|
+
|
|
58
|
+
//import Menu2layers from './layout/menu/menu-2layers';
|
|
59
|
+
const Menu2layers = loadable(() =>
|
|
60
|
+
import("./layout/menu/menu-2layers"), {fallback: Loading});
|
|
61
|
+
//import Block from './layout/menu/block';
|
|
62
|
+
const Block = loadable(() =>
|
|
63
|
+
import("./layout/menu/block"), {fallback: Loading});
|
|
64
|
+
//import UserBar from './layout/menu/user-bar';
|
|
65
|
+
const UserBar = loadable(() =>
|
|
66
|
+
import("./layout/menu/user-bar"), {fallback: Loading});
|
|
67
|
+
//import ResetPassword from "./layout/menu/reset-password";
|
|
68
|
+
const ResetPassword = loadable(() =>
|
|
69
|
+
import("./layout/menu/reset-password"), {fallback: Loading});
|
|
70
|
+
//import Footer from './layout/footer';
|
|
71
|
+
const Footer = loadable(() =>
|
|
72
|
+
import("./layout/footer"), {fallback: Loading});
|
|
31
73
|
|
|
74
|
+
const EntryControl = loadable(() =>
|
|
75
|
+
import("./controls/entry-control"), {fallback: Loading});
|
|
76
|
+
const ViewControl = loadable(() =>
|
|
77
|
+
import("./controls/view-control"), {fallback: Loading});
|
|
78
|
+
const HCCustomPageRouter = loadable(() =>
|
|
79
|
+
import("./custom-page/custom-page-router"), {fallback: Loading});
|
|
80
|
+
//import DtmplEditPage from "./detail/edit/dtmpl-edit-page";
|
|
81
|
+
const DtmplEditPage = loadable(() =>
|
|
82
|
+
import("./detail/edit/dtmpl-edit-page"), {fallback: Loading});
|
|
32
83
|
|
|
33
84
|
export {ActTable,SelectTable,Loginit,DtmplRoute,ImportRoute,LtmplRoute,DtmplViewPage,LtmplPage,Menu2layers,Block,UserBar,
|
|
34
85
|
ResetPassword,Footer,EntryControl,ViewControl,ProgramConfig,HydrocarbonService,QuickEntrance,Workbench,PopoverEntitySelect
|
|
35
|
-
,DatePicker,DtmplEditPage,TmplInterface,TmplDataSource,Superagent,DtmplEdit,HCWelcome,MainPage,ExcelImportRoute,CustomPageRouter}
|
|
86
|
+
,DatePicker,DtmplEditPage,TmplInterface,TmplDataSource,Superagent,DtmplEdit,HCWelcome,MainPage,ExcelImportRoute,CustomPageRouter,HCCustomPageRouter}
|
|
36
87
|
|
|
@@ -34,7 +34,10 @@ class UserBar extends React.PureComponent<UserBarProps, UserBarState> {
|
|
|
34
34
|
|
|
35
35
|
cleanCache=()=>{
|
|
36
36
|
let {roles}=this.state;
|
|
37
|
+
let loading = document.getElementById('ajaxLoading');
|
|
38
|
+
loading.style.display = "block";
|
|
37
39
|
HCDataSource.clear(roles);
|
|
40
|
+
loading.style.display = "none";
|
|
38
41
|
}
|
|
39
42
|
|
|
40
43
|
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
|
-
import AntdPieChart from "../chart/antd/PieChart2";
|
|
3
2
|
import {Card, Col, Row,Image,Carousel} from 'antd';
|
|
4
|
-
import HcserviceV3 from "../tmpl/hcservice-v3";
|
|
5
3
|
import QuickEntrance from './quick-entrance'
|
|
6
4
|
import Workbench from './workbench';
|
|
7
5
|
import './index.css';
|
|
8
|
-
import * as Echarts from 'echarts';
|
|
9
6
|
import TimeCost from './img/time-cost.png';
|
|
10
7
|
import TimePrograss from './img/time-prograss.png';
|
|
11
8
|
import PainPoint from './img/pain-point.png';
|
|
@@ -18,17 +15,17 @@ export default class HCWelcome extends React.Component {
|
|
|
18
15
|
intervals = [];
|
|
19
16
|
|
|
20
17
|
async componentDidMount() {
|
|
21
|
-
let l2MenuCharts = await HcserviceV3.requestSimpleCharts();
|
|
22
|
-
let piecharts = [];
|
|
23
|
-
for (const item of l2MenuCharts) {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
var chartDom = document.getElementById('echart1');
|
|
31
|
-
|
|
18
|
+
// let l2MenuCharts = await HcserviceV3.requestSimpleCharts();
|
|
19
|
+
// let piecharts = [];
|
|
20
|
+
// for (const item of l2MenuCharts) {
|
|
21
|
+
// let data = await HcserviceV3.requestSimpleChartsEntities( item.id);
|
|
22
|
+
// if (data) {
|
|
23
|
+
// piecharts.push(<Col span={12}> <AntdPieChart data={data} key={item.id}></AntdPieChart></Col>)
|
|
24
|
+
// }
|
|
25
|
+
// }
|
|
26
|
+
//
|
|
27
|
+
// var chartDom = document.getElementById('echart1');
|
|
28
|
+
// var myChart = Echarts.init(chartDom);
|
|
32
29
|
var option;
|
|
33
30
|
|
|
34
31
|
option = {
|
|
@@ -94,11 +91,11 @@ export default class HCWelcome extends React.Component {
|
|
|
94
91
|
]
|
|
95
92
|
};
|
|
96
93
|
|
|
97
|
-
|
|
94
|
+
// option && myChart.setOption(option);
|
|
98
95
|
|
|
99
|
-
var chartDom = document.getElementById('echart2');
|
|
100
|
-
var myChart = Echarts.init(chartDom);
|
|
101
|
-
|
|
96
|
+
// var chartDom = document.getElementById('echart2');
|
|
97
|
+
// var myChart = Echarts.init(chartDom);
|
|
98
|
+
var option;
|
|
102
99
|
|
|
103
100
|
option = {
|
|
104
101
|
legend: {
|
|
@@ -137,11 +134,11 @@ export default class HCWelcome extends React.Component {
|
|
|
137
134
|
]
|
|
138
135
|
};
|
|
139
136
|
|
|
140
|
-
option && myChart.setOption(option);
|
|
141
|
-
|
|
142
|
-
this.setState({
|
|
143
|
-
|
|
144
|
-
})
|
|
137
|
+
// option && myChart.setOption(option);
|
|
138
|
+
//
|
|
139
|
+
// this.setState({
|
|
140
|
+
// piecharts
|
|
141
|
+
// })
|
|
145
142
|
}
|
|
146
143
|
|
|
147
144
|
componentWillUnmount() {
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export default class Chart extends React.Component<any, any, any> {
|
|
2
|
-
constructor(props: any);
|
|
3
|
-
constructor(props: any, context: any);
|
|
4
|
-
state: {
|
|
5
|
-
dataArray: any[];
|
|
6
|
-
};
|
|
7
|
-
componentWillReceiveProps(nextProps: any): Promise<void>;
|
|
8
|
-
render(): JSX.Element;
|
|
9
|
-
}
|
|
10
|
-
import React from "react";
|
|
11
|
-
//# sourceMappingURL=Chart10000.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chart10000.d.ts","sourceRoot":"","sources":["../../../../../src/aldehyde/chart/antd/Chart10000.js"],"names":[],"mappings":"AAMA;IAoFs+hB,wBAA8C;IAAA,sCAAyJ;IAlFzqiB;;MAEC;IAgBD,yDA+BC;IAED,sBA4BC;CAEJ"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
import React from 'react';
|
|
11
|
-
import LineChart from './LineChart-sub';
|
|
12
|
-
import { Col, Row } from "antd";
|
|
13
|
-
import chartUtils from "./ChartUtils";
|
|
14
|
-
export default class Chart extends React.Component {
|
|
15
|
-
constructor() {
|
|
16
|
-
super(...arguments);
|
|
17
|
-
this.state = {
|
|
18
|
-
dataArray: [],
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
// data = [
|
|
22
|
-
// {xField: '1800', 收率: 3},
|
|
23
|
-
// {xField: '1992', 收率: 4},
|
|
24
|
-
// {xField: '1993', 收率: 3.5},
|
|
25
|
-
// {xField: 'X1994', 收率: 50},
|
|
26
|
-
// {xField: '1995', 收率: 4.9},
|
|
27
|
-
// {xField: '1999', 收率: 60},
|
|
28
|
-
// {xField: '1997', 收率: 7},
|
|
29
|
-
// {xField: '1996', 收率: 7},
|
|
30
|
-
// {xField: '1998', 收率: 190},
|
|
31
|
-
// {xField: '1011', 收率: 1300},
|
|
32
|
-
// {xField: '1997', 收率: 1200},
|
|
33
|
-
// ];
|
|
34
|
-
componentWillReceiveProps(nextProps) {
|
|
35
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
36
|
-
let dataArray = [];
|
|
37
|
-
let { data, statView, ltmpl } = nextProps;
|
|
38
|
-
console.log("data:", data);
|
|
39
|
-
console.log("statView:", statView);
|
|
40
|
-
console.log("ltmpl:", ltmpl);
|
|
41
|
-
let data_ = chartUtils.transValueFloat(ltmpl, data);
|
|
42
|
-
let obj1 = {};
|
|
43
|
-
obj1.data = data_;
|
|
44
|
-
obj1.config = { xAxisTitle: '主变量', yAxisTitle: '收率(%)', xField: '特征值', yField: '收率' };
|
|
45
|
-
dataArray.push(obj1);
|
|
46
|
-
let obj2 = {};
|
|
47
|
-
obj2.data = data_;
|
|
48
|
-
obj2.config = { xAxisTitle: '主变量', yAxisTitle: '转换率(%)', xField: '特征值', yField: '转换率' };
|
|
49
|
-
dataArray.push(obj2);
|
|
50
|
-
let obj3 = {};
|
|
51
|
-
obj3.data = data_;
|
|
52
|
-
obj3.config = { xAxisTitle: '主变量', yAxisTitle: '纯度(%)', xField: '特征值', yField: '纯度' };
|
|
53
|
-
dataArray.push(obj3);
|
|
54
|
-
let obj4 = {};
|
|
55
|
-
obj4.data = data_;
|
|
56
|
-
obj4.config = { xAxisTitle: '主变量', yAxisTitle: '含量(%)', xField: '特征值', yField: '含量' };
|
|
57
|
-
dataArray.push(obj4);
|
|
58
|
-
this.setState({
|
|
59
|
-
dataArray
|
|
60
|
-
});
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
render() {
|
|
64
|
-
let { dataArray } = this.state;
|
|
65
|
-
return React.createElement("div", null,
|
|
66
|
-
React.createElement(Row, { style: { padding: '8px 0' }, gutter: [32, { xs: 8, sm: 16, md: 24, lg: 32 }] }, dataArray.map(function (val) {
|
|
67
|
-
return React.createElement(Col, { span: 12, key: val.config.yAxisTitle },
|
|
68
|
-
React.createElement(LineChart, { data: val.data, config: val.config }));
|
|
69
|
-
})));
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
//# sourceMappingURL=Chart10000.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chart10000.js","sourceRoot":"","sources":["../../../../../src/aldehyde/chart/antd/Chart10000.js"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PieChart1.d.ts","sourceRoot":"","sources":["../../../../../src/aldehyde/chart/antd/PieChart1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,iBAiDpB,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Pie } from '@ant-design/charts';
|
|
3
|
-
const DemoPie = () => {
|
|
4
|
-
var data = [
|
|
5
|
-
{
|
|
6
|
-
type: '分类一',
|
|
7
|
-
value: 27,
|
|
8
|
-
},
|
|
9
|
-
{
|
|
10
|
-
type: '分类二',
|
|
11
|
-
value: 25,
|
|
12
|
-
},
|
|
13
|
-
{
|
|
14
|
-
type: '分类三',
|
|
15
|
-
value: 18,
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
type: '分类四',
|
|
19
|
-
value: 15,
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
type: '分类五',
|
|
23
|
-
value: 10,
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
type: '其他',
|
|
27
|
-
value: 5,
|
|
28
|
-
},
|
|
29
|
-
];
|
|
30
|
-
var config = {
|
|
31
|
-
appendPadding: 10,
|
|
32
|
-
data: data,
|
|
33
|
-
angleField: 'value',
|
|
34
|
-
colorField: 'type',
|
|
35
|
-
radius: 0.5,
|
|
36
|
-
label: {
|
|
37
|
-
type: 'inner',
|
|
38
|
-
offset: '-30%',
|
|
39
|
-
content: function content(_ref) {
|
|
40
|
-
var percent = _ref.percent;
|
|
41
|
-
let a = percent * 100 + "";
|
|
42
|
-
return ''.concat(a, '%');
|
|
43
|
-
},
|
|
44
|
-
style: {
|
|
45
|
-
fontSize: 14,
|
|
46
|
-
textAlign: 'center',
|
|
47
|
-
},
|
|
48
|
-
},
|
|
49
|
-
interactions: [{ type: 'element-active' }],
|
|
50
|
-
};
|
|
51
|
-
return React.createElement(Pie, Object.assign({}, config));
|
|
52
|
-
};
|
|
53
|
-
export default DemoPie;
|
|
54
|
-
//# sourceMappingURL=PieChart1.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PieChart1.js","sourceRoot":"","sources":["../../../../../src/aldehyde/chart/antd/PieChart1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,MAAM,OAAO,GAA4B,GAAG,EAAE;IAC1C,IAAI,IAAI,GAAG;QACP;YACI,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,EAAE;SACZ;QACD;YACI,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,EAAE;SACZ;QACD;YACI,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,EAAE;SACZ;QACD;YACI,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,EAAE;SACZ;QACD;YACI,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,EAAE;SACZ;QACD;YACI,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,CAAC;SACX;KACJ,CAAC;IACF,IAAI,MAAM,GAAG;QACT,aAAa,EAAE,EAAE;QACjB,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,OAAO;QACnB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACH,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,SAAS,OAAO,CAAC,IAAI;gBAC1B,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;gBAC3B,IAAI,CAAC,GAAC,OAAO,GAAG,GAAG,GAAC,EAAE,CAAC;gBACvB,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;YAC7B,CAAC;YACD,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;gBACZ,SAAS,EAAE,QAAQ;aACtB;SACJ;QACD,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;KAC7C,CAAC;IACF,OAAO,oBAAC,GAAG,oBAAK,MAAM,EAAI,CAAC;AAC/B,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PieChart2.d.ts","sourceRoot":"","sources":["../../../../../src/aldehyde/chart/antd/PieChart2.js"],"names":[],"mappings":"AAGA;IAoD2zkB,wBAA8C;IAAA,sCAAyJ;IAnD9/kB,sBAkDC;CACJ"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Pie } from '@ant-design/charts';
|
|
3
|
-
export default class PieChart extends React.Component {
|
|
4
|
-
render() {
|
|
5
|
-
let { data, key } = this.props;
|
|
6
|
-
// let data = [
|
|
7
|
-
// {
|
|
8
|
-
// type: '分类一',
|
|
9
|
-
// value: 27,
|
|
10
|
-
// },
|
|
11
|
-
// {
|
|
12
|
-
// type: '分类二',
|
|
13
|
-
// value: 25,
|
|
14
|
-
// },
|
|
15
|
-
// {
|
|
16
|
-
// type: '分类三',
|
|
17
|
-
// value: 18,
|
|
18
|
-
// },
|
|
19
|
-
// {
|
|
20
|
-
// type: '分类四',
|
|
21
|
-
// value: 15,
|
|
22
|
-
// },
|
|
23
|
-
// {
|
|
24
|
-
// type: '分类五',
|
|
25
|
-
// value: 10,
|
|
26
|
-
// },
|
|
27
|
-
// {
|
|
28
|
-
// type: '其他',
|
|
29
|
-
// value: 5,
|
|
30
|
-
// },
|
|
31
|
-
// ];
|
|
32
|
-
var config = {
|
|
33
|
-
appendPadding: 10,
|
|
34
|
-
data: data,
|
|
35
|
-
angleField: 'value',
|
|
36
|
-
colorField: 'type',
|
|
37
|
-
radius: 0.6,
|
|
38
|
-
label: {
|
|
39
|
-
type: 'inner',
|
|
40
|
-
offset: '-30%',
|
|
41
|
-
content: function content(_ref) {
|
|
42
|
-
var percent = _ref.percent;
|
|
43
|
-
return ''.concat((percent * 100).toFixed(2), '%');
|
|
44
|
-
},
|
|
45
|
-
style: {
|
|
46
|
-
fontSize: 14,
|
|
47
|
-
textAlign: 'center',
|
|
48
|
-
},
|
|
49
|
-
},
|
|
50
|
-
interactions: [{ type: 'element-active' }],
|
|
51
|
-
};
|
|
52
|
-
return React.createElement(Pie, Object.assign({ key: key }, config));
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
;
|
|
56
|
-
//# sourceMappingURL=PieChart2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PieChart2.js","sourceRoot":"","sources":["../../../../../src/aldehyde/chart/antd/PieChart2.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,oBAAoB,CAAC;AAEvC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS;IACjD,MAAM;QACF,IAAI,EAAE,IAAI,EAAC,GAAG,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7B,eAAe;QACf,QAAQ;QACR,uBAAuB;QACvB,qBAAqB;QACrB,SAAS;QACT,QAAQ;QACR,uBAAuB;QACvB,qBAAqB;QACrB,SAAS;QACT,QAAQ;QACR,uBAAuB;QACvB,qBAAqB;QACrB,SAAS;QACT,QAAQ;QACR,uBAAuB;QACvB,qBAAqB;QACrB,SAAS;QACT,QAAQ;QACR,uBAAuB;QACvB,qBAAqB;QACrB,SAAS;QACT,QAAQ;QACR,sBAAsB;QACtB,oBAAoB;QACpB,SAAS;QACT,KAAK;QAEL,IAAI,MAAM,GAAG;YACT,aAAa,EAAE,EAAE;YACjB,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,OAAO;YACnB,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,GAAG;YACX,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,SAAS,OAAO,CAAC,IAAI;oBAC1B,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;oBAC3B,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;gBACtD,CAAC;gBACD,KAAK,EAAE;oBACH,QAAQ,EAAE,EAAE;oBACZ,SAAS,EAAE,QAAQ;iBACtB;aACJ;YACD,YAAY,EAAE,CAAC,EAAC,IAAI,EAAE,gBAAgB,EAAC,CAAC;SAC3C,CAAC;QACF,OAAO,oBAAC,GAAG,kBAAC,GAAG,EAAE,GAAG,IAAM,MAAM,EAAI,CAAC;IACzC,CAAC;CACJ;AAAA,CAAC"}
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import LineChart from './LineChart-sub'
|
|
4
|
-
import {Col, Row} from "antd";
|
|
5
|
-
import chartUtils from "./ChartUtils";
|
|
6
|
-
|
|
7
|
-
export default class Chart extends React.Component {
|
|
8
|
-
|
|
9
|
-
state = {
|
|
10
|
-
dataArray: [],
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
// data = [
|
|
14
|
-
// {xField: '1800', 收率: 3},
|
|
15
|
-
// {xField: '1992', 收率: 4},
|
|
16
|
-
// {xField: '1993', 收率: 3.5},
|
|
17
|
-
// {xField: 'X1994', 收率: 50},
|
|
18
|
-
// {xField: '1995', 收率: 4.9},
|
|
19
|
-
// {xField: '1999', 收率: 60},
|
|
20
|
-
// {xField: '1997', 收率: 7},
|
|
21
|
-
// {xField: '1996', 收率: 7},
|
|
22
|
-
// {xField: '1998', 收率: 190},
|
|
23
|
-
// {xField: '1011', 收率: 1300},
|
|
24
|
-
// {xField: '1997', 收率: 1200},
|
|
25
|
-
// ];
|
|
26
|
-
|
|
27
|
-
async componentWillReceiveProps(nextProps) {
|
|
28
|
-
let dataArray=[];
|
|
29
|
-
let {data,statView,ltmpl}=nextProps;
|
|
30
|
-
console.log("data:",data);
|
|
31
|
-
console.log("statView:",statView);
|
|
32
|
-
console.log("ltmpl:",ltmpl);
|
|
33
|
-
|
|
34
|
-
let data_=chartUtils.transValueFloat(ltmpl,data);
|
|
35
|
-
|
|
36
|
-
let obj1 = {};
|
|
37
|
-
obj1.data = data_;
|
|
38
|
-
obj1.config = {xAxisTitle: '主变量', yAxisTitle: '收率(%)',xField:'特征值',yField:'收率'};
|
|
39
|
-
dataArray.push(obj1);
|
|
40
|
-
let obj2 = {};
|
|
41
|
-
obj2.data = data_;
|
|
42
|
-
obj2.config = {xAxisTitle: '主变量', yAxisTitle: '转换率(%)',xField:'特征值',yField:'转换率'};
|
|
43
|
-
dataArray.push(obj2);
|
|
44
|
-
|
|
45
|
-
let obj3 = {};
|
|
46
|
-
obj3.data = data_;
|
|
47
|
-
obj3.config = {xAxisTitle: '主变量', yAxisTitle: '纯度(%)',xField:'特征值',yField:'纯度'};
|
|
48
|
-
dataArray.push(obj3);
|
|
49
|
-
|
|
50
|
-
let obj4 = {};
|
|
51
|
-
obj4.data = data_;
|
|
52
|
-
obj4.config = {xAxisTitle: '主变量', yAxisTitle: '含量(%)',xField:'特征值',yField:'含量'};
|
|
53
|
-
dataArray.push(obj4);
|
|
54
|
-
|
|
55
|
-
this.setState({
|
|
56
|
-
dataArray
|
|
57
|
-
})
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
render() {
|
|
61
|
-
let {dataArray} = this.state;
|
|
62
|
-
|
|
63
|
-
return <div>
|
|
64
|
-
<Row style={{padding: '8px 0'}} gutter={[32, {xs: 8, sm: 16, md: 24, lg: 32}]}>
|
|
65
|
-
|
|
66
|
-
{dataArray.map(function (val) {
|
|
67
|
-
return <Col span={12} key={val.config.yAxisTitle}>
|
|
68
|
-
<LineChart data={val.data} config={val.config}/>
|
|
69
|
-
</Col>
|
|
70
|
-
})
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
{/*<Col span={12}>*/}
|
|
74
|
-
{/* <LineChart data={data} config={}/>*/}
|
|
75
|
-
{/*</Col>*/}
|
|
76
|
-
{/*<Col span={12}>*/}
|
|
77
|
-
{/* <LineChart data={data} config={{xAxisTitle: '主变量', yAxisTitle: '收率(%)'}}/>*/}
|
|
78
|
-
{/*</Col>*/}
|
|
79
|
-
{/*<Col span={12}>*/}
|
|
80
|
-
{/* <LineChart data={data} config={{xAxisTitle: '主变量', yAxisTitle: '收率(%)'}}/>*/}
|
|
81
|
-
{/*</Col>*/}
|
|
82
|
-
{/*<Col span={12}>*/}
|
|
83
|
-
{/* <LineChart data={data} config={{xAxisTitle: '主变量', yAxisTitle: '收率(%)'}}/>*/}
|
|
84
|
-
{/*</Col>*/}
|
|
85
|
-
</Row>
|
|
86
|
-
|
|
87
|
-
</div>
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect } from 'react';
|
|
2
|
-
import { Pie } from '@ant-design/charts';
|
|
3
|
-
|
|
4
|
-
const DemoPie: React.FunctionComponent = () => {
|
|
5
|
-
var data = [
|
|
6
|
-
{
|
|
7
|
-
type: '分类一',
|
|
8
|
-
value: 27,
|
|
9
|
-
},
|
|
10
|
-
{
|
|
11
|
-
type: '分类二',
|
|
12
|
-
value: 25,
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
type: '分类三',
|
|
16
|
-
value: 18,
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
type: '分类四',
|
|
20
|
-
value: 15,
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
type: '分类五',
|
|
24
|
-
value: 10,
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
type: '其他',
|
|
28
|
-
value: 5,
|
|
29
|
-
},
|
|
30
|
-
];
|
|
31
|
-
var config = {
|
|
32
|
-
appendPadding: 10,
|
|
33
|
-
data: data,
|
|
34
|
-
angleField: 'value',
|
|
35
|
-
colorField: 'type',
|
|
36
|
-
radius: 0.5,
|
|
37
|
-
label: {
|
|
38
|
-
type: 'inner',
|
|
39
|
-
offset: '-30%',
|
|
40
|
-
content: function content(_ref) {
|
|
41
|
-
var percent = _ref.percent;
|
|
42
|
-
let a=percent * 100+"";
|
|
43
|
-
return ''.concat(a, '%');
|
|
44
|
-
},
|
|
45
|
-
style: {
|
|
46
|
-
fontSize: 14,
|
|
47
|
-
textAlign: 'center',
|
|
48
|
-
},
|
|
49
|
-
},
|
|
50
|
-
interactions: [{ type: 'element-active' }],
|
|
51
|
-
};
|
|
52
|
-
return <Pie {...config} />;
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
export default DemoPie;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import {Pie} from '@ant-design/charts';
|
|
3
|
-
|
|
4
|
-
export default class PieChart extends React.Component {
|
|
5
|
-
render() {
|
|
6
|
-
let { data,key} = this.props;
|
|
7
|
-
// let data = [
|
|
8
|
-
// {
|
|
9
|
-
// type: '分类一',
|
|
10
|
-
// value: 27,
|
|
11
|
-
// },
|
|
12
|
-
// {
|
|
13
|
-
// type: '分类二',
|
|
14
|
-
// value: 25,
|
|
15
|
-
// },
|
|
16
|
-
// {
|
|
17
|
-
// type: '分类三',
|
|
18
|
-
// value: 18,
|
|
19
|
-
// },
|
|
20
|
-
// {
|
|
21
|
-
// type: '分类四',
|
|
22
|
-
// value: 15,
|
|
23
|
-
// },
|
|
24
|
-
// {
|
|
25
|
-
// type: '分类五',
|
|
26
|
-
// value: 10,
|
|
27
|
-
// },
|
|
28
|
-
// {
|
|
29
|
-
// type: '其他',
|
|
30
|
-
// value: 5,
|
|
31
|
-
// },
|
|
32
|
-
// ];
|
|
33
|
-
|
|
34
|
-
var config = {
|
|
35
|
-
appendPadding: 10,
|
|
36
|
-
data: data,
|
|
37
|
-
angleField: 'value',
|
|
38
|
-
colorField: 'type',
|
|
39
|
-
radius: 0.6,
|
|
40
|
-
label: {
|
|
41
|
-
type: 'inner',
|
|
42
|
-
offset: '-30%',
|
|
43
|
-
content: function content(_ref) {
|
|
44
|
-
var percent = _ref.percent;
|
|
45
|
-
return ''.concat((percent * 100).toFixed(2), '%');
|
|
46
|
-
},
|
|
47
|
-
style: {
|
|
48
|
-
fontSize: 14,
|
|
49
|
-
textAlign: 'center',
|
|
50
|
-
},
|
|
51
|
-
},
|
|
52
|
-
interactions: [{type: 'element-active'}],
|
|
53
|
-
};
|
|
54
|
-
return <Pie key={key} {...config} />;
|
|
55
|
-
}
|
|
56
|
-
};
|