tvision-charts-component 3.3.24

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

@@ -0,0 +1,75 @@
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+
+export default function AuxiliaryVLine() {
+  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,
+              },
+              yAxis: '20',
+            },
+            {},
+          ],
+        },
+      ],
+    },
+  };
+
+  return (
+    <>
+      <div>竖直区域辅助线</div>
+      <BasicLine height={500} {...options} />
+    </>
+  );
+}

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

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

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

@@ -0,0 +1,95 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+export default function AxisFormatter() {
+    var options = {
+        pointSelectedAnimation: true,
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: [
+                0, 60, 120, 180, 240, 300, 360, 420, 480, 540, 600, 660, 720, 780, 840, 900, 960, 1020, 1080, 1140, 1200, 1260,
+                1320, 1380, 1440, 1500, 1560, 1620, 1680, 1740, 1800, 1860, 1920, 1980, 2040, 2100, 2160, 2220, 2280, 2340,
+                2400, 2460, 2520, 2580, 2640, 2700, 2760, 2820, 2880, 2940, 3000, 3060, 3120, 3180, 3240, 3300, 3360, 3420,
+                3480, 3540,
+            ],
+            axisLabel: {
+                autoHidden: false,
+                formatter: function (value) { return "".concat(value, "s"); },
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#E5E5E5',
+                    width: 1,
+                    type: 'solid',
+                },
+            },
+        },
+        interaction: {
+            hover: true,
+        },
+        tooltip: {
+            trigger: 'axis',
+            show: true,
+            axisPointer: {
+                type: 'cross',
+                shadowStyle: {
+                    color: '#e5e5e5',
+                },
+            },
+            enterable: true,
+            position: function (params) {
+                var chartDom = params.chartDom, tooltip = params.tooltip, point = params.point;
+                var chartPositionX = chartDom.getBoundingClientRect().left + document.documentElement.scrollLeft;
+                var tipX = point[0] + chartPositionX - tooltip.clientWidth;
+                return [tipX, '98%'];
+            },
+        },
+        dataZoom: [{ start: 0 }, { type: 'inside', show: false, showResetBtn: true, resetText: '重置', enable: true }],
+        yAxis: [
+            {
+                type: 'value',
+                axisLabel: {
+                    inside: false,
+                    formatter: function (value) { return "".concat(value, "M"); },
+                },
+            },
+            {
+                type: 'value',
+                axisLabel: { inside: false },
+            },
+        ],
+        legend: {
+            show: false,
+        },
+        dataSource: [
+            {
+                data: [
+                    35.84225777328988, 38.80013423924475, 31.852730939452407, 25.816049998447145, 29.239448714313685,
+                    26.08763323959265, 31.329912344731543, 25.975974952464576, 22.956049374107458, 22.67482351121012,
+                    23.74179638979069, 36.696269143706324, 39.07819999732125, 27.54534781974823, 25.972725980274927,
+                    28.140326187344137, 23.051936657350467, 24.60779776652515, 39.17819954983596, 33.71137708428648,
+                    28.21241665530353, 26.07047925866466, 33.72636209356018, 23.393451822342648, 26.11889776927676,
+                    26.184685622139064, 32.869505041793275, 33.35562051626631, 39.28294413356173, 22.312479631229657,
+                    27.5432718896786, 32.382020684057515, 21.514179534914646, 39.714499574799966, 28.894354392564825,
+                    35.216456197829814, 31.80180821612315, 23.115090001767694, 33.40004469539749, 20.420807685891837,
+                    32.961099250282224, 36.329163178133896, 36.84100064875195, 22.306304230250888, 21.695961650727575,
+                    38.64846205816723, 39.12422433306969, 38.842930600859944, 36.26043518863108, 30.615822439551653,
+                    26.064756162342213, 22.305218798603033, 32.9021428992869, 27.924492040570712, 24.220528512340636,
+                    29.490757380274847, 28.566413250256396, 32.29018339470023, 23.138780229320833, 38.11489182189301,
+                ],
+                type: 'line',
+                smooth: false,
+                name: 'ins-a3e6ekue-0',
+                sampling: true,
+                lineStyle: { normal: { width: 1 } },
+                yAxisIndex: 0,
+            },
+        ],
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u683C\u5F0F\u5316 x \u8F74\u548C y \u8F74"),
+        React.createElement(BasicLine, __assign({ height: 500 }, options))));
+}
+//# sourceMappingURL=AxisFormatter.js.map

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

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

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

@@ -0,0 +1,108 @@
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+
+export default function AxisFormatter() {
+  const options = {
+    // 是否使用离线canvas，默认是使用离线canvas
+    // useOfflineCanvas:false,
+    // theme: 'dark',
+    pointSelectedAnimation: true,
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      data: [
+        0, 60, 120, 180, 240, 300, 360, 420, 480, 540, 600, 660, 720, 780, 840, 900, 960, 1020, 1080, 1140, 1200, 1260,
+        1320, 1380, 1440, 1500, 1560, 1620, 1680, 1740, 1800, 1860, 1920, 1980, 2040, 2100, 2160, 2220, 2280, 2340,
+        2400, 2460, 2520, 2580, 2640, 2700, 2760, 2820, 2880, 2940, 3000, 3060, 3120, 3180, 3240, 3300, 3360, 3420,
+        3480, 3540,
+      ],
+      axisLabel: {
+        autoHidden: false,
+        formatter: value => `${value}s`,
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: '#E5E5E5',
+          width: 1,
+          type: 'solid',
+        },
+      },
+    },
+    interaction: {
+      hover: true,
+    },
+    tooltip: {
+      trigger: 'axis',
+      show: true,
+      axisPointer: {
+        // 坐标轴指示器，坐标轴触发有效
+        type: 'cross', // 默认为直线，可选为：'line' | 'shadow'
+        shadowStyle: {
+          color: '#e5e5e5',
+        },
+      },
+      enterable: true,
+      position(params) {
+        const { chartDom, tooltip, point } = params;
+        const chartPositionX = chartDom.getBoundingClientRect().left + document.documentElement.scrollLeft;
+        const tipX = point[0] + chartPositionX - tooltip.clientWidth;
+        return [tipX, '98%'];
+      },
+    },
+    // color: ['#8B3A62', '#7D9EC0', '#fff0aa'],
+    dataZoom: [{ start: 0 }, { type: 'inside', show: false, showResetBtn: true, resetText: '重置', enable: true }],
+    yAxis: [
+      {
+        type: 'value',
+        axisLabel: {
+          inside: false,
+          formatter: value => `${value}M`,
+        },
+      },
+      {
+        type: 'value',
+        axisLabel: { inside: false },
+      },
+    ],
+    // legend: { data: ['降雨量', '湿度'] },
+    legend: {
+      show: false,
+      // formatter: function(name) {
+      //     return "test"
+      // }
+    },
+    // color: ['#ff00ff'],
+    dataSource: [
+      {
+        data: [
+          35.84225777328988, 38.80013423924475, 31.852730939452407, 25.816049998447145, 29.239448714313685,
+          26.08763323959265, 31.329912344731543, 25.975974952464576, 22.956049374107458, 22.67482351121012,
+          23.74179638979069, 36.696269143706324, 39.07819999732125, 27.54534781974823, 25.972725980274927,
+          28.140326187344137, 23.051936657350467, 24.60779776652515, 39.17819954983596, 33.71137708428648,
+          28.21241665530353, 26.07047925866466, 33.72636209356018, 23.393451822342648, 26.11889776927676,
+          26.184685622139064, 32.869505041793275, 33.35562051626631, 39.28294413356173, 22.312479631229657,
+          27.5432718896786, 32.382020684057515, 21.514179534914646, 39.714499574799966, 28.894354392564825,
+          35.216456197829814, 31.80180821612315, 23.115090001767694, 33.40004469539749, 20.420807685891837,
+          32.961099250282224, 36.329163178133896, 36.84100064875195, 22.306304230250888, 21.695961650727575,
+          38.64846205816723, 39.12422433306969, 38.842930600859944, 36.26043518863108, 30.615822439551653,
+          26.064756162342213, 22.305218798603033, 32.9021428992869, 27.924492040570712, 24.220528512340636,
+          29.490757380274847, 28.566413250256396, 32.29018339470023, 23.138780229320833, 38.11489182189301,
+        ],
+        type: 'line',
+        smooth: false,
+        name: 'ins-a3e6ekue-0',
+        sampling: true,
+        lineStyle: { normal: { width: 1 } },
+        yAxisIndex: 0,
+      },
+    ],
+  };
+
+  return (
+    <>
+      <div>格式化 x 轴和 y 轴</div>
+      <BasicLine height={500} {...options} />
+    </>
+  );
+}

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

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

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

@@ -0,0 +1,91 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+export default function BarLine() {
+    var options = {
+        dataZoom: [{ start: 0 }, { type: 'inside' }],
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: [
+                '0:00',
+                '0:30',
+                '1:00',
+                '1:30',
+                '2:00',
+                '2:30',
+                '3:00',
+                '3:30',
+                '4:00',
+                '4:30',
+                '5:00',
+                '5:30',
+                '6:00',
+                '6:30',
+                '7:00',
+                '7:30',
+                '8:00',
+                '8:30',
+                '9:00',
+                '9:30',
+                '10:00',
+                '10:30',
+                '11:00',
+                '11:30',
+                '12:00',
+                '12:30',
+                '13:00',
+                '13:30',
+                '14:00',
+                '14:30',
+                '15:00',
+                '15:30',
+                '16:00',
+                '16:30',
+                '17:00',
+                '17:30',
+                '18:00',
+                '18:30',
+                '19:00',
+                '19:30',
+                '20:00',
+                '20:30',
+                '21:00', ,
+                '21:30',
+                '22:00',
+                '22:30',
+                '23:00',
+                '23:30',
+            ],
+        },
+        yAxis: {
+            axisLabel: { inside: false },
+        },
+        legend: {
+            data: ['值'],
+            right: 10,
+            show: true,
+            scroll: true,
+        },
+        dataSource: [
+            {
+                name: '容量(显示柱形图)',
+                type: 'line',
+                showType: ['bar', '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, 10, 50, 30, 98, 66, 33, 55, 10, 89, 80, 80, 40, 10, 20, 60,
+                    20, 90, 40, 50, 30, 60, 80, 95, 80, 10, 50, 30, 98, 66, 33, 55, 10, 89, 80, 80, 40,
+                ],
+                yAxisIndex: 0,
+            },
+        ],
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u663E\u793A\u67F1\u5F62\u56FE"),
+        React.createElement(BasicLine, __assign({ height: 500 }, options))));
+}
+//# sourceMappingURL=BarLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarLine.js","sourceRoot":"","sources":["../../../../src/basicLine/_example/BarLine.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,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;gBACJ,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO,EAAC;gBACR,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;aACR;SACF;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,WAAW;gBACjB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;gBACzB,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;oBACJ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;oBAC1G,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;iBACnF;gBACD,UAAU,EAAE,CAAC;aACd;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/BarLine.jsx

@@ -0,0 +1,94 @@
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+
+export default function BarLine() {
+  const options = {
+    dataZoom: [{ start: 0 }, { type: 'inside' }],
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      data: [
+        '0:00',
+        '0:30',
+        '1:00',
+        '1:30',
+        '2:00',
+        '2:30',
+        '3:00',
+        '3:30',
+        '4:00',
+        '4:30',
+        '5:00',
+        '5:30',
+        '6:00',
+        '6:30',
+        '7:00',
+        '7:30',
+        '8:00',
+        '8:30',
+        '9:00',
+        '9:30',
+        '10:00',
+        '10:30',
+        '11:00',
+        '11:30',
+        '12:00',
+        '12:30',
+        '13:00',
+        '13:30',
+        '14:00',
+        '14:30',
+        '15:00',
+        '15:30',
+        '16:00',
+        '16:30',
+        '17:00',
+        '17:30',
+        '18:00',
+        '18:30',
+        '19:00',
+        '19:30',
+        '20:00',
+        '20:30',
+        '21:00',,
+        '21:30',
+        '22:00',
+        '22:30',
+        '23:00',
+        '23:30',
+      ],
+    },
+    yAxis: {
+      axisLabel: { inside: false },
+    },
+    legend: {
+      data: ['值'],
+      right: 10,
+      show: true,
+      scroll: true,
+    },
+    dataSource: [
+      {
+        name: '容量(显示柱形图)',
+        type: 'line',
+        showType: ['bar', '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, 10, 50, 30, 98, 66, 33, 55, 10, 89, 80, 80, 40, 10, 20, 60,
+          20, 90, 40, 50, 30, 60, 80, 95, 80, 10, 50, 30, 98, 66, 33, 55, 10, 89, 80, 80, 40,
+        ],
+        yAxisIndex: 0,
+      },
+    ],
+  };
+
+  return (
+    <>
+      <div>显示柱形图</div>
+      <BasicLine height={500} {...options} />
+    </>
+  );
+}

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

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

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

@@ -0,0 +1,26 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+export default function Basic() {
+    var options = {
+        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: false,
+                data: [10, 20, 60, 20, 90, 40, 50, 30, 60, 80, 95, 80],
+            },
+        ],
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u57FA\u7840\u6298\u7EBF\u56FE"),
+        React.createElement(BasicLine, __assign({ height: 500 }, options))));
+}
+//# sourceMappingURL=Basic.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sourceRoot":"","sources":["../../../../src/basicLine/_example/Basic.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,KAAK;IAC3B,IAAM,OAAO,GAAG;QACd,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;QACX,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,KAAK;gBACb,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,CACL;QACE,kEAAgB;QAChB,oBAAC,SAAS,aAAC,MAAM,EAAE,GAAG,IAAM,OAAO,EAAI,CACtC,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+
+export default function Basic() {
+  const options = {
+    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: false,
+        data: [10, 20, 60, 20, 90, 40, 50, 30, 60, 80, 95, 80],
+      },
+    ],
+  };
+
+  return (
+    <>
+      <div>基础折线图</div>
+      <BasicLine height={500} {...options} />
+    </>
+  );
+}

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

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