tvision-charts-component 3.3.24

package/dist/esm/basicLine/_example/ZoombarLine.d.ts

@@ -0,0 +1 @@
+export default function ZoombarLine(): JSX.Element;

package/dist/esm/basicLine/_example/ZoombarLine.js

@@ -0,0 +1,25 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+export default function ZoombarLine() {
+    var options = {
+        dataZoom: [{ start: 0 }, { type: 'inside', show: true, showResetBtn: true, resetText: '重置', enable: true }],
+        xAxis: {
+            data: ['0:00', '1:00', '2:00', '3:00', '4:00', '5:00', '6:00', '7:00', '8:00', '9:00', '10:00', '11:00', '12:00'],
+        },
+        yAxis: {
+            axisLabel: { inside: false },
+        },
+        unit: ['%'],
+        dataSource: [
+            {
+                name: '容量(曲线)',
+                type: 'line',
+                smooth: true,
+                data: [10, 20, 60, 20, 90, 40, 50, 30, 60, 80, 95, 80],
+            },
+        ],
+    };
+    return React.createElement(BasicLine, __assign({ height: 500 }, options));
+}
+//# sourceMappingURL=ZoombarLine.js.map

package/dist/esm/basicLine/_example/ZoombarLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoombarLine.js","sourceRoot":"","sources":["../../../../src/basicLine/_example/ZoombarLine.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,WAAW;IACjC,IAAM,OAAO,GAAG;QACd,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;QAC3G,KAAK,EAAE;YACL,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;SAClH;QACD,KAAK,EAAE;YACL,SAAS,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;SAC7B;QACD,IAAI,EAAE,CAAC,GAAG,CAAC;QAEX,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,IAAI;gBACZ,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;aACvD;SACF;KACF,CAAC;IAEF,OAAO,oBAAC,SAAS,aAAC,MAAM,EAAE,GAAG,IAAM,OAAO,EAAI,CAAC;AACjD,CAAC"}

package/dist/esm/basicLine/_example/ZoombarLine.jsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+
+export default function ZoombarLine() {
+  const options = {
+    dataZoom: [{ start: 0 }, { type: 'inside', show: true, showResetBtn: true, resetText: '重置', enable: true }],
+    xAxis: {
+      data: ['0:00', '1:00', '2:00', '3:00', '4:00', '5:00', '6:00', '7:00', '8:00', '9:00', '10:00', '11:00', '12:00'],
+    },
+    yAxis: {
+      axisLabel: { inside: false },
+    },
+    unit: ['%'],
+
+    dataSource: [
+      {
+        name: '容量(曲线)',
+        type: 'line',
+        smooth: true,
+        data: [10, 20, 60, 20, 90, 40, 50, 30, 60, 80, 95, 80],
+      },
+    ],
+  };
+
+  return <BasicLine height={500} {...options} />;
+}

package/dist/esm/basicLine/demo/basic.md

@@ -0,0 +1,35 @@
+---
+order: 0
+title: 基础折线图（曲线）
+---
+
+基础折线图。折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势。
+
+````jsx
+import { BasicLine } from '@tencent/tcharts-component';
+
+var xAxis = {
+	data: ['0:00', '1:00', '2:00', '3:00', '4:00', '5:00', '6:00','7:00', '8:00', '9:00', '10:00', '11:00', '12:00']
+};
+var unit = ['%'];
+var dataSource = [
+	{ 
+		name: "容量(曲线)", 
+		type: "line", 
+		smooth: true,  
+		data: [10, 20, 60, 20, 90, 40, 50, 30, 60,80, 95, 80]
+	}
+];
+
+ 
+ReactDOM.render(
+ 	<div>
+		<BasicLine 
+			xAxis={xAxis} 
+			unit={unit}
+			dataSource={dataSource}
+			height = '500px'>
+		</BasicLine>
+  	</div>
+, mountNode);
+````

package/dist/esm/basicLine/demo/labelRotate.md

@@ -0,0 +1,34 @@
+---
+order: 1
+title: x轴文字旋转的折线图
+---
+
+基础折线图。折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势。
+
+````jsx
+import { BasicLine } from '@tencent/tcharts-component';
+
+var xAxis = {
+	axisLabel: { rotate: 60 },
+	data: ['0:00', '1:00', '2:00', '3:00', '4:00', '5:00', '6:00','7:00', '8:00', '9:00', '10:00', '11:00', '12:00']
+};
+var unit = ['%'];
+var dataSource = [
+	{ 
+		name: "容量(曲线)", 
+		type: "line", 
+		smooth: true,  
+		data: [10, 20, 60, 20, 90, 40, 50, 30, 60,80, 95, 80]
+	}
+];
+ReactDOM.render(
+ 	<div>
+		<BasicLine 
+			xAxis={xAxis} 
+			unit={unit}
+			dataSource={dataSource}
+			height = '500px'>
+		</BasicLine>
+  	</div>
+, mountNode);
+````

package/dist/esm/basicLine/demo/linex.md

@@ -0,0 +1,33 @@
+---
+order: 1
+title: 基础折线图（直线）
+---
+
+基础折线图。折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势。
+
+````jsx
+import { BasicLine } from '@tencent/tcharts-component';
+
+var xAxis = {
+	data: ['0:00', '1:00', '2:00', '3:00', '4:00', '5:00', '6:00','7:00', '8:00', '9:00', '10:00', '11:00', '12:00']
+};
+var unit = ['%'];
+var dataSource = [
+	{ 
+		name: "容量(曲线)", 
+		type: "line", 
+		smooth: false,  
+		data: [10, 20, 60, 20, 90, 40, 50, 30, 60,80, 95, 80]
+	}
+];
+ReactDOM.render(
+ 	<div>
+		<BasicLine 
+			xAxis={xAxis} 
+			unit={unit}
+			dataSource={dataSource}
+			height = '500px'>
+		</BasicLine>
+  	</div>
+, mountNode);
+````

package/dist/esm/basicLine/index.d.ts

@@ -0,0 +1,59 @@
+import { ChartComponent, ChartProps } from '../common/chart';
+import { ToolTipOptions, LegendOptions, AxisOptions, GridOptions, MarkLineOptions, MarkAreaOptions, ChartRef, Data } from '../_type';
+export interface BasicLineProps {
+    width?: number | string;
+    height: number | string;
+    title?: {
+        show?: boolean;
+        text?: string;
+        textStyle?: {
+            color?: string;
+        };
+    };
+    dataZoom?: any[];
+    tooltip?: ToolTipOptions;
+    legend?: LegendOptions;
+    xAxis?: AxisOptions;
+    yAxis?: AxisOptions | AxisOptions[];
+    theme?: string;
+    dataSource: Data[];
+    color?: string[];
+    grid?: GridOptions;
+    position?: string;
+    chartRef?: (chart?: ChartRef) => void;
+    markLine?: MarkLineOptions;
+    markArea?: MarkAreaOptions;
+    unit?: string | string[];
+    pointSelectedAnimation?: boolean;
+    animation?: boolean;
+}
+export declare abstract class Line<T extends ChartProps> extends ChartComponent<T> {
+    chartType: string;
+    constructor(props: any);
+}
+export default class BasicLine extends Line<BasicLineProps> {
+    getOptions(props: any): {
+        title: any;
+        legend: any;
+        xAxis: any;
+        yAxis: any;
+        dataZoom: any;
+        tooltip: any;
+        color: any;
+        series: any;
+        grid: any;
+        theme: any;
+        pointSelectedAnimation: any;
+        onEvent: any;
+        chartRef: any;
+        markLine: any;
+        markArea: any;
+        interaction: any;
+        stat: any;
+        animation: any;
+        large: any;
+        height: any;
+        width: any;
+    };
+    adaptorTimeSerisData(props: any): any;
+}

package/dist/esm/basicLine/index.js

@@ -0,0 +1,122 @@
+import { __assign, __extends } from "tslib";
+import { ChartComponent } from '../common/chart';
+import { addDefaultOption } from '../common/optionsHelp';
+import { includes, cloneDeep } from 'lodash-es';
+import { ChartLineComponent, ChartCore } from 'tvision-charts';
+var Line = (function (_super) {
+    __extends(Line, _super);
+    function Line(props) {
+        var _this = _super.call(this, props) || this;
+        _this.chartType = 'line';
+        ChartCore.use(ChartLineComponent);
+        return _this;
+    }
+    return Line;
+}(ChartComponent));
+export { Line };
+var BasicLine = (function (_super) {
+    __extends(BasicLine, _super);
+    function BasicLine() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BasicLine.prototype.getOptions = function (props) {
+        var newProps = props || this.props;
+        return addDefaultOption(newProps, false);
+    };
+    BasicLine.prototype.adaptorTimeSerisData = function (props) {
+        var _a, _b;
+        var dataSource = [];
+        var xAxis = [];
+        var positionKeys = props.position ? props.position.split('*') : [];
+        if (props.position && positionKeys.length === 2) {
+            var positionKey_1 = positionKeys[0];
+            var data_1 = [];
+            if (!props.color) {
+                var lineName_1 = '';
+                props.dataSource.forEach(function (item) {
+                    var xAxisLabel = item[positionKey_1];
+                    if (!includes(xAxis, xAxisLabel)) {
+                        xAxis.push(xAxisLabel);
+                    }
+                    var positionValue = positionKeys[1];
+                    lineName_1 = positionValue;
+                    if (!includes(data_1, xAxisLabel)) {
+                        data_1.push(item[positionValue]);
+                    }
+                });
+                dataSource.push({
+                    data: cloneDeep(data_1),
+                    name: lineName_1,
+                    type: 'line',
+                    showSymbol: false,
+                    lineStyle: {
+                        normal: { width: props.size || 1 },
+                    },
+                    smooth: props.smooth === true,
+                });
+            }
+            else {
+                var linesMap_1 = {};
+                (_a = props.dataSource) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
+                    var xAxisLabel = item[positionKey_1];
+                    if (!includes(xAxis, xAxisLabel)) {
+                        xAxis.push(xAxisLabel);
+                    }
+                    var instance = item[props.color];
+                    if (!linesMap_1[instance]) {
+                        linesMap_1[instance] = {
+                            data: [],
+                            name: instance,
+                            type: 'line',
+                            showSymbol: false,
+                            smooth: !!props.smooth,
+                            lineStyle: {
+                                normal: { width: props.size || 1 },
+                            },
+                        };
+                    }
+                    var positionValue = positionKeys[1];
+                    linesMap_1[instance].data.push(item[positionValue]);
+                });
+                var lineKeys = Object.keys(linesMap_1);
+                lineKeys.forEach(function (line) {
+                    dataSource.push(linesMap_1[line]);
+                });
+            }
+            var color_1 = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.color;
+            var legend = { show: props.legend === true };
+            var interaction = props.interaction;
+            var chartRef_1 = props.chartRef;
+            var extendsParam_1 = {};
+            if (color_1) {
+                extendsParam_1.color = color_1;
+            }
+            if (legend) {
+                extendsParam_1.legend = legend;
+            }
+            if (interaction === null || interaction === void 0 ? void 0 : interaction.dataZoom) {
+                extendsParam_1.dataZoom = [
+                    { start: 0 },
+                    { type: 'inside', show: false, resetText: interaction.dataZoom.resetText },
+                ];
+            }
+            if (chartRef_1) {
+                extendsParam_1.chartRef = chartRef_1;
+            }
+            return __assign(__assign({}, extendsParam_1), { height: props.height, xAxis: { data: xAxis }, dataSource: dataSource });
+        }
+        var extendsParam = {};
+        var chartRef = props.chartRef;
+        if (chartRef) {
+            extendsParam.chartRef = chartRef;
+        }
+        var color = props.color;
+        if (color) {
+            extendsParam.color = color;
+        }
+        return __assign(__assign({}, props), extendsParam);
+    };
+    return BasicLine;
+}(Line));
+export default BasicLine;
+//# sourceMappingURL=index.js.map

package/dist/esm/basicLine/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/basicLine/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/basicLine/index.md

@@ -0,0 +1,30 @@
+---
+category: Charts
+title: BasicLine
+subtitle: 基础折线图
+cols: 1
+type: 折线图
+author: minchang,卢耀和
+---
+适合呈现随时间而变化的数据序列，通过折线图很容易判断在一段时间范围内数据变化的趋势。
+
+---
+
+## API
+
+按钮的属性说明如下：
+
+属性 | 说明 | 类型 | 默认值
+-----|-----|-----|------
+title | 折线图的标题 | string | - |
+dataZoom | 范围选择组件 | object | - |
+legend | 图例的配置项。通过该配置项可以配置图例是否显示 | object | legend:{show:true}|
+xAxis | 类目数据xAxis.data 为一个数组，如果不指定而是从 series.data 中获取| array | - |
+color | 定制折线的颜色 | string[] | - | 
+dataSource  | 数据列表 | array | - |
+height |  图表的高度 | number | - |
+unit | 定制y轴和tooltip中的单位 | string[] | - |
+
+
+
+

package/dist/esm/basicMap/README.md

@@ -0,0 +1,31 @@
+# BasicMap 地图
+
+地图
+
+## 使用示例
+
+对于最简单的使用只需要配置少量参数即可
+
+### 香港地图
+
+[Example: 香港地图](./_example/Basic.jsx)
+
+### 中国地图-南海诸岛
+
+[Example: 中国地图-南海诸岛](./_example/ChinaMapEx.jsx)
+
+### 中国地图-带Node和link
+
+[Example: 中国地图-带Node和link](./_example/ChinaMapNodeLink.jsx)
+
+### 中国地图
+
+[Example: 中国地图](./_example/ChinaMap.jsx)
+
+### 世界地图
+
+[Example: 世界地图](./_example/WorldMap.jsx)
+
+## 组件属性
+
+[Interface: MapProps](./index.tsx)

package/dist/esm/basicMap/_example/Basic.d.ts

@@ -0,0 +1 @@
+export default function Basic(): JSX.Element;

package/dist/esm/basicMap/_example/Basic.js

@@ -0,0 +1,84 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicMap } from '@tencent/tcharts-component';
+import HKMapJson from '@app/data/hk_map_geojson_from_echarts.202105261653.json';
+window['TCharts'].registerMap('HK', HKMapJson);
+export default function Basic() {
+    var options = {
+        grid: { left: 0, right: 0, bottom: 0, top: 0, containLabel: true },
+        dataSource: [
+            {
+                name: '香港18区人口密度',
+                type: 'map',
+                mapType: 'HK',
+                label: {
+                    show: true,
+                },
+                data: [
+                    { name: '中西区', value: 20057.34 },
+                    { name: '湾仔', value: 15477.48 },
+                    { name: '东区', value: 31686.1 },
+                    { name: '南区', value: 6992.6 },
+                    { name: '油尖旺', value: 44045.49 },
+                    { name: '深水埗', value: 40689.64 },
+                    { name: '九龙城', value: 37659.78 },
+                    { name: '黄大仙', value: 45180.97 },
+                    { name: '观塘', value: 55204.26 },
+                    { name: '葵青', value: 21900.9 },
+                    { name: '荃湾', value: 4918.26 },
+                    { name: '屯门', value: 5881.84 },
+                    { name: '元朗', value: 4178.01 },
+                    { name: '北区', value: 2227.92 },
+                    { name: '大埔', value: 2180.98 },
+                    { name: '沙田', value: 9172.94 },
+                    { name: '西贡', value: 3368 },
+                    { name: '离岛', value: 806.98 },
+                ],
+                nameMap: {
+                    'Central and Western': '中西区',
+                    Eastern: '东区',
+                    Islands: '离岛',
+                    'Kowloon City': '九龙城',
+                    'Kwai Tsing': '葵青',
+                    'Kwun Tong': '观塘',
+                    North: '北区',
+                    'Sai Kung': '西贡',
+                    'Sha Tin': '沙田',
+                    'Sham Shui Po': '深水埗',
+                    Southern: '南区',
+                    'Tai Po': '大埔',
+                    'Tsuen Wan': '荃湾',
+                    'Tuen Mun': '屯门',
+                    'Wan Chai': '湾仔',
+                    'Wong Tai Sin': '黄大仙',
+                    'Yau Tsim Mong': '油尖旺',
+                    'Yuen Long': '元朗',
+                },
+            },
+        ],
+        tooltip: {
+            trigger: 'item',
+            formatter: function (items) {
+                var content = "".concat(items[0].name, "<br />");
+                items.forEach(function (item) {
+                    content = "".concat(content, "\u4EBA\u53E3\u5BC6\u5EA6: ").concat(item.value, "(p / km2)<br />");
+                });
+                return content;
+            },
+        },
+        visualMap: {
+            min: 800,
+            max: 50000,
+            text: ['High', 'Low'],
+            realtime: false,
+            calculable: true,
+            inRange: {
+                color: ['lightskyblue', 'yellow', 'orangered']
+            },
+        },
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u9999\u6E2F\u5730\u56FE"),
+        React.createElement(BasicMap, __assign({ width: 1000, height: 700 }, options))));
+}
+//# sourceMappingURL=Basic.js.map

package/dist/esm/basicMap/_example/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sourceRoot":"","sources":["../../../../src/basicMap/_example/Basic.jsx"],"names":[],"mappings":"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"}

package/dist/esm/basicMap/_example/Basic.jsx

@@ -0,0 +1,88 @@
+import React from 'react';
+import { BasicMap } from '@tencent/tcharts-component';
+import HKMapJson from '@app/data/hk_map_geojson_from_echarts.202105261653.json';
+window['TCharts'].registerMap('HK', HKMapJson);
+
+export default function Basic() {
+  const options = {
+    grid: { left: 0, right: 0, bottom: 0, top: 0, containLabel: true },
+    dataSource: [
+      {
+        name: '香港18区人口密度',
+        type: 'map',
+        mapType: 'HK', // 自定义扩展图表类型
+        label: {
+          show: true,
+        },
+        data: [
+          { name: '中西区', value: 20057.34 },
+          { name: '湾仔', value: 15477.48 },
+          { name: '东区', value: 31686.1 },
+          { name: '南区', value: 6992.6 },
+          { name: '油尖旺', value: 44045.49 },
+          { name: '深水埗', value: 40689.64 },
+          { name: '九龙城', value: 37659.78 },
+          { name: '黄大仙', value: 45180.97 },
+          { name: '观塘', value: 55204.26 },
+          { name: '葵青', value: 21900.9 },
+          { name: '荃湾', value: 4918.26 },
+          { name: '屯门', value: 5881.84 },
+          { name: '元朗', value: 4178.01 },
+          { name: '北区', value: 2227.92 },
+          { name: '大埔', value: 2180.98 },
+          { name: '沙田', value: 9172.94 },
+          { name: '西贡', value: 3368 },
+          { name: '离岛', value: 806.98 },
+        ],
+        // 自定义名称映射
+        nameMap: {
+          'Central and Western': '中西区',
+          Eastern: '东区',
+          Islands: '离岛',
+          'Kowloon City': '九龙城',
+          'Kwai Tsing': '葵青',
+          'Kwun Tong': '观塘',
+          North: '北区',
+          'Sai Kung': '西贡',
+          'Sha Tin': '沙田',
+          'Sham Shui Po': '深水埗',
+          Southern: '南区',
+          'Tai Po': '大埔',
+          'Tsuen Wan': '荃湾',
+          'Tuen Mun': '屯门',
+          'Wan Chai': '湾仔',
+          'Wong Tai Sin': '黄大仙',
+          'Yau Tsim Mong': '油尖旺',
+          'Yuen Long': '元朗',
+        },
+      },
+    ],
+    tooltip: {
+      trigger: 'item',
+      formatter: (items) => {
+        let content = `${items[0].name}<br />`;
+        items.forEach((item) => {
+          content = `${content}人口密度: ${item.value}(p / km2)<br />`;
+        });
+        return content;
+      },
+    },
+    visualMap: {
+      min: 800,
+      max: 50000,
+      text: ['High', 'Low'],
+      realtime: false,
+      calculable: true,
+      inRange: {
+        color:['lightskyblue', 'yellow', 'orangered']
+      },
+    },
+  };
+
+  return (
+    <>
+      <div>香港地图</div>
+      <BasicMap width={1000} height={700} {...options} />
+    </>
+  );
+}

package/dist/esm/basicMap/_example/ChinaMap.d.ts

@@ -0,0 +1 @@
+export default function ChinaMap(): JSX.Element;