tvision-charts-component 3.3.24

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

@@ -0,0 +1,52 @@
+import { ChartComponent, ChartProps } from '../common/chart';
+import { ToolTipOptions, AxisOptions, GridOptions, ChartRef, Data, LegendOptions } from '../_type';
+export interface HeatMapProps {
+    width?: number | string;
+    height: number | string;
+    tooltip?: ToolTipOptions;
+    xAxis?: AxisOptions;
+    yAxis?: AxisOptions;
+    theme?: string;
+    dataSource: Data[];
+    grid?: GridOptions;
+    unit?: string | string[];
+    bucketsPaddings?: {
+        paddingLeft?: number;
+        paddingTop?: number;
+        paddingRight?: number;
+        paddingBottom?: number;
+    };
+    xBuckets?: number;
+    yBuckets?: number;
+    bucketsRadius?: number;
+    legend?: LegendOptions;
+    chartRef?: (chart?: ChartRef) => void;
+}
+declare abstract class HeatMap<T extends ChartProps> extends ChartComponent<T> {
+    chartType: string;
+    constructor(props: any);
+}
+export default class BasicHeatMap extends HeatMap<HeatMapProps> {
+    getOptions(props: any): {
+        title: any;
+        legend: {
+            show: boolean;
+        };
+        xAxis: any;
+        yAxis: any;
+        bucketsPaddings: any;
+        dataZoom: any;
+        tooltip: any;
+        color: any;
+        series: any;
+        grid: any;
+        theme: any;
+        pointSelectedAnimation: any;
+        onEvent: any;
+        chartRef: any;
+        xBuckets: any;
+        yBuckets: any;
+        bucketsRadius: any;
+    };
+}
+export {};

package/dist/esm/basicHeatMap/index.js

@@ -0,0 +1,26 @@
+import { __extends } from "tslib";
+import { ChartComponent } from '../common/chart';
+import { addHeatMapOption } from '../common/optionsHelp';
+import { ChartHeatMapComponent, ChartCore } from 'tvision-charts';
+var HeatMap = (function (_super) {
+    __extends(HeatMap, _super);
+    function HeatMap(props) {
+        var _this = _super.call(this, props) || this;
+        _this.chartType = 'heatMap';
+        ChartCore.use(ChartHeatMapComponent);
+        return _this;
+    }
+    return HeatMap;
+}(ChartComponent));
+var BasicHeatMap = (function (_super) {
+    __extends(BasicHeatMap, _super);
+    function BasicHeatMap() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BasicHeatMap.prototype.getOptions = function (props) {
+        return addHeatMapOption(props || this.props);
+    };
+    return BasicHeatMap;
+}(HeatMap));
+export default BasicHeatMap;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/basicHeatMap/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAkElE;IAAqD,2BAAiB;IAEpE,iBAAY,KAAK;QACf,YAAA,MAAK,YAAC,KAAK,CAAC,SAAC;QAFf,eAAS,GAAG,SAAS,CAAC;QAGpB,SAAS,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;;IACvC,CAAC;IACH,cAAC;AAAD,CAAC,AAND,CAAqD,cAAc,GAMlE;AACD;IAA0C,gCAAqB;IAA/D;;IAIA,CAAC;IAHC,iCAAU,GAAV,UAAW,KAAK;QACd,OAAO,gBAAgB,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IACH,mBAAC;AAAD,CAAC,AAJD,CAA0C,OAAO,GAIhD"}

package/dist/esm/basicLine/README.md

@@ -0,0 +1,115 @@
+# BasicLine 折线图
+
+折线图。折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势。
+
+## 使用示例
+
+对于最简单的使用只需要配置少量参数即可
+
+### 基础折线图
+
+[Example: 基础折线图](./_example/Basic.jsx)
+
+### 平滑折线图
+
+[Example: 平滑折线图](./_example/SmoothLine.jsx)
+
+### 基础面积图
+
+[Example: 基础面积图](./_example/AreaLine.jsx)
+
+### 堆叠面积图
+
+[Example: 堆叠面积图](./_example/StackAreaLine.jsx)
+
+### 双轴折线图
+
+[Example: 双轴折线图](./_example/DualaxisLine.jsx)
+
+### 显示数据点，柱
+
+[Example: 显示数据点，柱](./_example/ScatterBarLine.jsx)
+
+### 显示柱形图
+
+[Example: 显示柱形图](./_example/BarLine.jsx)
+
+### 辅助线
+
+[Example: 辅助线](./_example/AuxiliaryLine.jsx)
+
+### 水平区域辅助线
+
+[Example: 水平区域辅助线](./_example/AuxiliaryHLine.jsx)
+
+### 竖直区域辅助线
+
+[Example: 竖直区域辅助线](./_example/AuxiliaryVLine.jsx)
+
+### 告警动态阈值
+
+[Example: 告警动态阈值](./_example/ThresholdLine.jsx)
+
+### 线上显示 label
+
+[Example: 线上显示 label](./_example/LabelLine.jsx)
+
+### 阶梯折线图
+
+[Example: 阶梯折线图](./_example/StepLine.jsx)
+
+### 渐变色阶梯折线图
+
+[Example: 渐变色阶梯折线图](./_example/StepLineArea.jsx)
+
+### 带有 datazoom 工具条
+
+[Example: 带有 datazoom 工具条](./_example/DataZoomLine.jsx)
+
+### 带有标识线的折线图
+
+[Example: 带有标识线的折线图](./_example/MarkLine.jsx)
+
+### 自定义某个曲线的颜色
+
+[Example: 自定义某个曲线的颜色](./_example/CustomColorLine.jsx)
+
+### 图例显示左边
+
+[Example: 图例显示左边](./_example/LegendLeftLine.jsx)
+
+### 散点图
+
+[Example: 散点图](./_example/ScatterLine.jsx)
+
+### y 轴显示标题
+
+[Example: y 轴显示标题](./_example/YaxisTitleLine.jsx)
+
+### 格式化 x 轴和 y 轴
+
+[Example: 格式化 x 轴和 y 轴](./_example/AxisFormatter.jsx)
+
+### 绘制虚线
+
+[Example: 绘制虚线](./_example/DottedLine.jsx)
+
+### 隐藏 x 轴
+
+[Example: 隐藏 x 轴](./_example/XaxisHideLine.jsx)
+
+### y 轴设置最大值，最小值
+
+[Example: y 轴设置最大值，最小值](./_example/YaxisSetMaxMinLine.jsx)
+
+### 选中某条线
+
+[Example: 选中某条线](./_example/LegendSelectedLine.jsx)
+
+<!-- ### 显示缩放栏
+
+[Example: 基本使用](./_example/ZoombarLine.jsx) -->
+
+## 组件属性
+
+[Interface: BasicLineProps](./index.tsx)

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

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

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

@@ -0,0 +1,38 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+export default function AreaLine() {
+    var options = {
+        dataZoom: [{ start: 0 }, { type: 'inside' }],
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            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 },
+        },
+        legend: {
+            data: ['值'],
+            right: 10,
+            show: true,
+            scroll: true,
+        },
+        dataSource: [
+            {
+                data: [820, 932, 901, 934, 600, 500, 700, 900, 1330, 1320, 1200, 1300],
+                type: 'line',
+                stack: 'a',
+                name: '值',
+                smooth: false,
+                areaStyle: {
+                    opacity: 0.3,
+                },
+            },
+        ],
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u57FA\u7840\u9762\u79EF\u56FE"),
+        React.createElement(BasicLine, __assign({ height: 500 }, options))));
+}
+//# sourceMappingURL=AreaLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AreaLine.js","sourceRoot":"","sources":["../../../../src/basicLine/_example/AreaLine.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC9B,IAAM,OAAO,GAAG;QACd,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QAC5C,KAAK,EAAE;YACL,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,KAAK;YAClB,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,MAAM,EAAE;YACN,IAAI,EAAE,CAAC,GAAG,CAAC;YACX,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,IAAI;SACb;QACD,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;gBACtE,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,GAAG;gBACV,IAAI,EAAE,GAAG;gBACT,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE;oBACT,OAAO,EAAE,GAAG;iBACb;aACF;SACF;KACF,CAAC;IAEF,OAAO,CACL;QACE,kEAAgB;QAChB,oBAAC,SAAS,aAAC,MAAM,EAAE,GAAG,IAAM,OAAO,EAAI,CACtC,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,41 @@
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+
+export default function AreaLine() {
+  const options = {
+    dataZoom: [{ start: 0 }, { type: 'inside' }],
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      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 },
+    },
+    legend: {
+      data: ['值'],
+      right: 10,
+      show: true,
+      scroll: true,
+    },
+    dataSource: [
+      {
+        data: [820, 932, 901, 934, 600, 500, 700, 900, 1330, 1320, 1200, 1300],
+        type: 'line',
+        stack: 'a',
+        name: '值',
+        smooth: false,
+        areaStyle: {
+          opacity: 0.3,
+        },
+      },
+    ],
+  };
+
+  return (
+    <>
+      <div>基础面积图</div>
+      <BasicLine height={500} {...options} />
+    </>
+  );
+}

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

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

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

@@ -0,0 +1,71 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+export default function AuxiliaryHLine() {
+    var options = {
+        dataZoom: [{ start: 0 }, { type: 'inside' }],
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            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 },
+        },
+        legend: {
+            data: ['值'],
+            right: 10,
+            show: true,
+            scroll: true,
+        },
+        dataSource: [
+            {
+                name: '容量-辅助线(最大值和平均值显示出来)',
+                type: 'line',
+                showType: ['line'],
+                smooth: false,
+                connectNulls: false,
+                fullNulls: false,
+                lineStyle: { normal: { width: '1' }, opacity: 0 },
+                data: [10, 20, 60, 20, 90, 40, 50, 30, 60, 80, 95, 80],
+                yAxisIndex: 0,
+            },
+        ],
+        markArea: {
+            data: [
+                {
+                    data: [
+                        {
+                            x: 100,
+                            y: 100,
+                        },
+                        {
+                            x: 200,
+                            y: 200,
+                            itemStyle: {
+                                color: '#F54E4E',
+                                opacity: 0.3,
+                            },
+                        },
+                    ],
+                },
+                {
+                    data: [
+                        {
+                            itemStyle: {
+                                color: '#DBBA37',
+                                opacity: 0.3,
+                            },
+                            xAxis: '8:00',
+                        },
+                        {},
+                    ],
+                },
+            ],
+        },
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u6C34\u5E73\u533A\u57DF\u8F85\u52A9\u7EBF"),
+        React.createElement(BasicLine, __assign({ height: 500 }, options))));
+}
+//# sourceMappingURL=AuxiliaryHLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuxiliaryHLine.js","sourceRoot":"","sources":["../../../../src/basicLine/_example/AuxiliaryHLine.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,IAAM,OAAO,GAAG;QACd,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QAC5C,KAAK,EAAE;YACL,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,KAAK;YAClB,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,MAAM,EAAE;YACN,IAAI,EAAE,CAAC,GAAG,CAAC;YACX,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,IAAI;SACb;QACD,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,qBAAqB;gBAC3B,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,MAAM,CAAC;gBAClB,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;gBACjD,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;gBACtD,UAAU,EAAE,CAAC;aACd;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ;oBACE,IAAI,EAAE;wBACJ;4BACE,CAAC,EAAE,GAAG;4BACN,CAAC,EAAE,GAAG;yBACP;wBACD;4BACE,CAAC,EAAE,GAAG;4BACN,CAAC,EAAE,GAAG;4BACN,SAAS,EAAE;gCACT,KAAK,EAAE,SAAS;gCAChB,OAAO,EAAE,GAAG;6BACb;yBACF;qBACF;iBACF;gBACD;oBACE,IAAI,EAAE;wBACJ;4BACE,SAAS,EAAE;gCACT,KAAK,EAAE,SAAS;gCAChB,OAAO,EAAE,GAAG;6BACb;4BACD,KAAK,EAAE,MAAM;yBACd;wBACD,EAAE;qBACH;iBACF;aACF;SACF;KACF,CAAC;IAEF,OAAO,CACL;QACE,8EAAkB;QAClB,oBAAC,SAAS,aAAC,MAAM,EAAE,GAAG,IAAM,OAAO,EAAI,CACtC,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,74 @@
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+
+export default function AuxiliaryHLine() {
+  const options = {
+    dataZoom: [{ start: 0 }, { type: 'inside' }],
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      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 },
+    },
+    legend: {
+      data: ['值'],
+      right: 10,
+      show: true,
+      scroll: true,
+    },
+    dataSource: [
+      {
+        name: '容量-辅助线(最大值和平均值显示出来)',
+        type: 'line',
+        showType: ['line'],
+        smooth: false,
+        connectNulls: false,
+        fullNulls: false,
+        lineStyle: { normal: { width: '1' }, opacity: 0 },
+        data: [10, 20, 60, 20, 90, 40, 50, 30, 60, 80, 95, 80],
+        yAxisIndex: 0,
+      },
+    ],
+    markArea: {
+      data: [
+        {
+          data: [
+            {
+              x: 100,
+              y: 100,
+            },
+            {
+              x: 200,
+              y: 200,
+              itemStyle: {
+                color: '#F54E4E',
+                opacity: 0.3,
+              },
+            },
+          ],
+        },
+        {
+          data: [
+            {
+              itemStyle: {
+                color: '#DBBA37',
+                opacity: 0.3,
+              },
+              xAxis: '8:00',
+            },
+            {},
+          ],
+        },
+      ],
+    },
+  };
+
+  return (
+    <>
+      <div>水平区域辅助线</div>
+      <BasicLine height={500} {...options} />
+    </>
+  );
+}

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

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

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

@@ -0,0 +1,53 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+export default function AuxiliaryLine() {
+    var options = {
+        dataZoom: [{ start: 0 }, { type: 'inside' }],
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            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 },
+        },
+        legend: {
+            data: ['值'],
+            right: 10,
+            show: true,
+            scroll: true,
+        },
+        dataSource: [
+            {
+                name: '容量-辅助线(最大值和平均值显示出来)',
+                type: 'line',
+                showType: ['line'],
+                smooth: false,
+                connectNulls: false,
+                fullNulls: false,
+                lineStyle: { normal: { width: '1' }, opacity: 0 },
+                data: [10, 20, 60, 20, 90, 40, 50, 30, 60, 80, 95, 80],
+                yAxisIndex: 0,
+            },
+        ],
+        markLine: {
+            lineStyle: { normal: { width: 2, type: 'dashed', opacity: 0.5 } },
+            data: [
+                { type: 'max', name: '最大值', yAxisIndex: 0 },
+                {
+                    symbol: ['triangle'],
+                    yAxisIndex: 0,
+                    yAxis: 54.5,
+                    label: { position: 'middle', formatter: function () { return '54.5'; } },
+                },
+            ],
+            precision: 3,
+            label: {},
+        },
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u8F85\u52A9\u7EBF"),
+        React.createElement(BasicLine, __assign({ height: 500 }, options))));
+}
+//# sourceMappingURL=AuxiliaryLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuxiliaryLine.js","sourceRoot":"","sources":["../../../../src/basicLine/_example/AuxiliaryLine.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,IAAM,OAAO,GAAG;QACd,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QAC5C,KAAK,EAAE;YACL,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,KAAK;YAClB,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,MAAM,EAAE;YACN,IAAI,EAAE,CAAC,GAAG,CAAC;YACX,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,IAAI;SACb;QACD,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,qBAAqB;gBAC3B,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,MAAM,CAAC;gBAClB,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;gBACjD,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;gBACtD,UAAU,EAAE,CAAC;aACd;SACF;QAED,QAAQ,EAAE;YACR,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE;YACjE,IAAI,EAAE;gBACJ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE;gBAC3C;oBAEE,MAAM,EAAE,CAAC,UAAU,CAAC;oBACpB,UAAU,EAAE,CAAC;oBACb,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM,EAAE;iBACvD;aACF;YACD,SAAS,EAAE,CAAC;YACZ,KAAK,EAAE,EAAE;SACV;KACF,CAAC;IAEF,OAAO,CACL;QACE,sDAAc;QACd,oBAAC,SAAS,aAAC,MAAM,EAAE,GAAG,IAAM,OAAO,EAAI,CACtC,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,58 @@
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+
+export default function AuxiliaryLine() {
+  const options = {
+    dataZoom: [{ start: 0 }, { type: 'inside' }],
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      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 },
+    },
+    legend: {
+      data: ['值'],
+      right: 10,
+      show: true,
+      scroll: true,
+    },
+    dataSource: [
+      {
+        name: '容量-辅助线(最大值和平均值显示出来)',
+        type: 'line',
+        showType: ['line'],
+        smooth: false,
+        connectNulls: false,
+        fullNulls: false,
+        lineStyle: { normal: { width: '1' }, opacity: 0 },
+        data: [10, 20, 60, 20, 90, 40, 50, 30, 60, 80, 95, 80],
+        yAxisIndex: 0,
+      },
+    ],
+
+    markLine: {
+      lineStyle: { normal: { width: 2, type: 'dashed', opacity: 0.5 } },
+      data: [
+        { type: 'max', name: '最大值', yAxisIndex: 0 },
+        {
+          // symbol: ['circle'],
+          symbol: ['triangle'],
+          yAxisIndex: 0,
+          yAxis: 54.5,
+          label: { position: 'middle', formatter: () => '54.5' },
+        },
+      ],
+      precision: 3,
+      label: {},
+    },
+  };
+
+  return (
+    <>
+      <div>辅助线</div>
+      <BasicLine height={500} {...options} />
+    </>
+  );
+}

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

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

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

@@ -0,0 +1,71 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+export default function AuxiliaryVLine() {
+    var options = {
+        dataZoom: [{ start: 0 }, { type: 'inside' }],
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            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 },
+        },
+        legend: {
+            data: ['值'],
+            right: 10,
+            show: true,
+            scroll: true,
+        },
+        dataSource: [
+            {
+                name: '容量-辅助区域',
+                type: 'line',
+                showType: ['line'],
+                smooth: false,
+                connectNulls: false,
+                fullNulls: false,
+                lineStyle: { normal: { width: '1' }, opacity: 0 },
+                data: [10, 20, 60, 20, 90, 40, 50, 30, 60, 80, 95, 80],
+                yAxisIndex: 0,
+            },
+        ],
+        markArea: {
+            data: [
+                {
+                    data: [
+                        {
+                            x: 100,
+                            y: 100,
+                        },
+                        {
+                            x: 200,
+                            y: 200,
+                            itemStyle: {
+                                color: '#F54E4E',
+                                opacity: 0.3,
+                            },
+                        },
+                    ],
+                },
+                {
+                    data: [
+                        {
+                            itemStyle: {
+                                color: '#DBBA37',
+                                opacity: 0.3,
+                            },
+                            yAxis: '20',
+                        },
+                        {},
+                    ],
+                },
+            ],
+        },
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u7AD6\u76F4\u533A\u57DF\u8F85\u52A9\u7EBF"),
+        React.createElement(BasicLine, __assign({ height: 500 }, options))));
+}
+//# sourceMappingURL=AuxiliaryVLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuxiliaryVLine.js","sourceRoot":"","sources":["../../../../src/basicLine/_example/AuxiliaryVLine.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,IAAM,OAAO,GAAG;QACd,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QAC5C,KAAK,EAAE;YACL,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,KAAK;YAClB,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,MAAM,EAAE;YACN,IAAI,EAAE,CAAC,GAAG,CAAC;YACX,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,IAAI;SACb;QACD,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,MAAM,CAAC;gBAClB,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;gBACjD,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;gBACtD,UAAU,EAAE,CAAC;aACd;SACF;QAED,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ;oBACE,IAAI,EAAE;wBACJ;4BACE,CAAC,EAAE,GAAG;4BACN,CAAC,EAAE,GAAG;yBACP;wBACD;4BACE,CAAC,EAAE,GAAG;4BACN,CAAC,EAAE,GAAG;4BACN,SAAS,EAAE;gCACT,KAAK,EAAE,SAAS;gCAChB,OAAO,EAAE,GAAG;6BACb;yBACF;qBACF;iBACF;gBACD;oBACE,IAAI,EAAE;wBACJ;4BACE,SAAS,EAAE;gCACT,KAAK,EAAE,SAAS;gCAChB,OAAO,EAAE,GAAG;6BACb;4BACD,KAAK,EAAE,IAAI;yBACZ;wBACD,EAAE;qBACH;iBACF;aACF;SACF;KACF,CAAC;IAEF,OAAO,CACL;QACE,8EAAkB;QAClB,oBAAC,SAAS,aAAC,MAAM,EAAE,GAAG,IAAM,OAAO,EAAI,CACtC,CACJ,CAAC;AACJ,CAAC"}