tvision-charts-component 3.3.24

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

@@ -0,0 +1,135 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+export default function LegendLeftLine() {
+    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,
+            },
+            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,
+                },
+            },
+            {
+                type: 'value',
+                axisLabel: { inside: false },
+            },
+        ],
+        legend: {
+            show: true,
+            align: 'left',
+        },
+        dataSource: [
+            {
+                data: [
+                    24.280456801006483, 21.11237864607887, 31.785849762854156, 29.372856459754075, 38.82654206687308,
+                    32.72278582533261, 31.63902467910686, 26.794789739431934, 24.566862512992266, 22.57435869884004,
+                    36.48135133498779, 29.174515078004106, 28.156494647209172, 24.230389997176808, 34.64688752995516,
+                    31.43045931195461, 30.87741525897258, 38.81239631883321, 31.248714812558763, 21.1297498760708,
+                    22.797578892255576, 32.8548682591711, 38.56076578458314, 38.46014415216476, 21.761400916806704,
+                    27.042168685085706, 20.158997314325077, 37.76491339605779, 29.195751145953505, 21.199072837258385,
+                    37.67703675350679, 35.83385504495098, 39.33033436092195, 20.410609771520477, 31.67749977977821,
+                    39.59611038609755, 25.57963886091665, 38.45571117025072, 26.2005159636278, 20.05659971267328,
+                    33.63139124237459, 28.138012354350543, 34.68539116585838, 24.139871366145865, 32.003729554163066,
+                    37.62305808061682, 33.94559333763837, 38.98958116780504, 39.47407417775612, 24.24145039286676,
+                    35.405006503042465, 21.68996072158082, 32.61379348092326, 24.104317430031358, 38.80298232020122,
+                    33.15134864717709, 36.29276641148938, 31.56364899920082, 36.68582812984333, 38.93201041746883,
+                ],
+                type: 'line',
+                smooth: false,
+                name: 'ins-a3e6ekue-0',
+                sampling: true,
+                lineStyle: { normal: { width: 1 } },
+            },
+            {
+                data: [
+                    23.306357986953614, 36.3776017133346, 38.421609552895845, 32.76549243412376, 33.63977727810048,
+                    32.551617022331385, 26.136754161675057, 39.539752195064864, 33.709523937875886, 28.7173300511624,
+                    24.67214818238032, 23.939915655327212, 25.3321297270201, 35.89482483781696, 32.61773629775917,
+                    22.547784544631906, 29.31493511562474, 32.53301136005481, 37.0626879966735, 37.94519811613128,
+                    31.70823017165498, 22.517257485010425, 30.47833967932965, 37.664030233820185, 28.69088421780969,
+                    24.339858839945716, 29.369631254697794, 33.17287662060846, 31.37065245747131, 24.795446437424275,
+                    21.023363191195536, 32.15186756059752, 25.548398062485496, 28.89528197540613, 33.02855864265704,
+                    34.86546137692969, 32.972099171535504, 33.830632355744534, 39.80855921801468, 35.86749203147178,
+                    36.9233272786537, 21.649732651169863, 37.47192161274529, 33.948942350312976, 35.592106978733,
+                    33.24640956307982, 25.60370722450665, 33.657899507294985, 37.1386485008256, 23.528710237260757,
+                    36.5498427081891, 36.99656284830098, 24.760330232909872, 21.715562200008588, 37.995514416126724,
+                    21.454953860877637, 29.703215444283323, 34.01722876149394, 39.40226606100271, 21.927779499607254,
+                ],
+                type: 'line',
+                smooth: false,
+                name: 'ins-a3e6ekue-1',
+                sampling: true,
+                lineStyle: { normal: { width: 1 } },
+            },
+            {
+                data: [
+                    38.115203447313874, 21.989834066885532, 39.402124946907776, 34.675308121107925, 26.28196496430767,
+                    24.408685750046143, 36.315712265849385, 26.50981601248017, 28.934454780443733, 38.51285221312234,
+                    33.60258147783482, 32.21214263447173, 24.07510286564883, 31.221599950052873, 26.114001179002212,
+                    37.98820055902851, 28.829309581717844, 37.368794171417065, 28.362082879520074, 35.850023028753995,
+                    36.76121346081137, 29.522760860213403, 35.52507975923751, 22.41279752687273, 32.06945719341252,
+                    25.02321665012035, 35.58430460557847, 36.796623038020854, 27.594085789234914, 26.942913374721567,
+                    34.96040707994706, 30.703376369798995, 25.075477273561564, 21.380629170305298, 24.625009097227792,
+                    21.853769394994394, 39.497363167819124, 23.203641839040394, 24.155628435547335, 35.53268398048799,
+                    21.813893065261205, 24.43383672413338, 24.4914414597795, 36.075498577900575, 39.103412630496145,
+                    32.1858588114495, 31.063589778553236, 36.22705424042353, 32.58199188063124, 24.417448846626776,
+                    32.80839974487887, 31.819725150240473, 36.33567070242234, 24.000216623592525, 31.757224689543307,
+                    31.675770732054342, 25.85552999743864, 33.705400088146256, 38.725192641740094, 23.254223851408323,
+                ],
+                type: 'line',
+                smooth: false,
+                name: 'ins-a3e6ekue-2',
+                sampling: true,
+                lineStyle: { normal: { width: 1 } },
+            },
+        ],
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u56FE\u4F8B\u663E\u793A\u5DE6\u8FB9"),
+        React.createElement(BasicLine, __assign({ height: 500 }, options))));
+}
+//# sourceMappingURL=LegendLeftLine.js.map

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

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

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

@@ -0,0 +1,138 @@
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+
+export default function LegendLeftLine() {
+  const 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,
+      },
+      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(params) {
+        const { chartDom, tooltip, point } = params;
+        const chartPositionX = chartDom.getBoundingClientRect().left + document.documentElement.scrollLeft;
+        const 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,
+        },
+      },
+      {
+        type: 'value',
+        axisLabel: { inside: false },
+      },
+    ],
+    legend: {
+      show: true,
+      align: 'left',
+    },
+    dataSource: [
+      {
+        data: [
+          24.280456801006483, 21.11237864607887, 31.785849762854156, 29.372856459754075, 38.82654206687308,
+          32.72278582533261, 31.63902467910686, 26.794789739431934, 24.566862512992266, 22.57435869884004,
+          36.48135133498779, 29.174515078004106, 28.156494647209172, 24.230389997176808, 34.64688752995516,
+          31.43045931195461, 30.87741525897258, 38.81239631883321, 31.248714812558763, 21.1297498760708,
+          22.797578892255576, 32.8548682591711, 38.56076578458314, 38.46014415216476, 21.761400916806704,
+          27.042168685085706, 20.158997314325077, 37.76491339605779, 29.195751145953505, 21.199072837258385,
+          37.67703675350679, 35.83385504495098, 39.33033436092195, 20.410609771520477, 31.67749977977821,
+          39.59611038609755, 25.57963886091665, 38.45571117025072, 26.2005159636278, 20.05659971267328,
+          33.63139124237459, 28.138012354350543, 34.68539116585838, 24.139871366145865, 32.003729554163066,
+          37.62305808061682, 33.94559333763837, 38.98958116780504, 39.47407417775612, 24.24145039286676,
+          35.405006503042465, 21.68996072158082, 32.61379348092326, 24.104317430031358, 38.80298232020122,
+          33.15134864717709, 36.29276641148938, 31.56364899920082, 36.68582812984333, 38.93201041746883,
+        ],
+        type: 'line',
+        smooth: false,
+        name: 'ins-a3e6ekue-0',
+        sampling: true,
+        lineStyle: { normal: { width: 1 } },
+      },
+      {
+        data: [
+          23.306357986953614, 36.3776017133346, 38.421609552895845, 32.76549243412376, 33.63977727810048,
+          32.551617022331385, 26.136754161675057, 39.539752195064864, 33.709523937875886, 28.7173300511624,
+          24.67214818238032, 23.939915655327212, 25.3321297270201, 35.89482483781696, 32.61773629775917,
+          22.547784544631906, 29.31493511562474, 32.53301136005481, 37.0626879966735, 37.94519811613128,
+          31.70823017165498, 22.517257485010425, 30.47833967932965, 37.664030233820185, 28.69088421780969,
+          24.339858839945716, 29.369631254697794, 33.17287662060846, 31.37065245747131, 24.795446437424275,
+          21.023363191195536, 32.15186756059752, 25.548398062485496, 28.89528197540613, 33.02855864265704,
+          34.86546137692969, 32.972099171535504, 33.830632355744534, 39.80855921801468, 35.86749203147178,
+          36.9233272786537, 21.649732651169863, 37.47192161274529, 33.948942350312976, 35.592106978733,
+          33.24640956307982, 25.60370722450665, 33.657899507294985, 37.1386485008256, 23.528710237260757,
+          36.5498427081891, 36.99656284830098, 24.760330232909872, 21.715562200008588, 37.995514416126724,
+          21.454953860877637, 29.703215444283323, 34.01722876149394, 39.40226606100271, 21.927779499607254,
+        ],
+        type: 'line',
+        smooth: false,
+        name: 'ins-a3e6ekue-1',
+        sampling: true,
+        lineStyle: { normal: { width: 1 } },
+      },
+      {
+        data: [
+          38.115203447313874, 21.989834066885532, 39.402124946907776, 34.675308121107925, 26.28196496430767,
+          24.408685750046143, 36.315712265849385, 26.50981601248017, 28.934454780443733, 38.51285221312234,
+          33.60258147783482, 32.21214263447173, 24.07510286564883, 31.221599950052873, 26.114001179002212,
+          37.98820055902851, 28.829309581717844, 37.368794171417065, 28.362082879520074, 35.850023028753995,
+          36.76121346081137, 29.522760860213403, 35.52507975923751, 22.41279752687273, 32.06945719341252,
+          25.02321665012035, 35.58430460557847, 36.796623038020854, 27.594085789234914, 26.942913374721567,
+          34.96040707994706, 30.703376369798995, 25.075477273561564, 21.380629170305298, 24.625009097227792,
+          21.853769394994394, 39.497363167819124, 23.203641839040394, 24.155628435547335, 35.53268398048799,
+          21.813893065261205, 24.43383672413338, 24.4914414597795, 36.075498577900575, 39.103412630496145,
+          32.1858588114495, 31.063589778553236, 36.22705424042353, 32.58199188063124, 24.417448846626776,
+          32.80839974487887, 31.819725150240473, 36.33567070242234, 24.000216623592525, 31.757224689543307,
+          31.675770732054342, 25.85552999743864, 33.705400088146256, 38.725192641740094, 23.254223851408323,
+        ],
+        type: 'line',
+        smooth: false,
+        name: 'ins-a3e6ekue-2',
+        sampling: true,
+        lineStyle: { normal: { width: 1 } },
+      },
+    ],
+  };
+
+  return (
+    <>
+      <div>图例显示左边</div>
+      <BasicLine height={500} {...options} />
+    </>
+  );
+}

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

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

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

@@ -0,0 +1,53 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+export default function LegendSelectedLine() {
+    var options = {
+        grid: { top: 15, left: 0, bottom: 10, right: 0 },
+        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: {
+            show: false,
+        },
+        pointSelectedAnimation: true,
+        dataSource: [
+            {
+                name: '容量-1',
+                type: 'line',
+                showType: ['line'],
+                smooth: true,
+                connectNulls: false,
+                fullNulls: false,
+                lineStyle: { normal: { width: '1' }, opacity: 0 },
+                areaStyle: { opacity: 0.3 },
+                data: [10, 10, 10, 10, 15, 10, 15, 10, 10, 10, 5, 10, 10],
+                yAxisIndex: 0,
+                stack: 'a',
+            },
+            {
+                name: '容量-2',
+                type: 'line',
+                showType: ['line'],
+                smooth: true,
+                connectNulls: false,
+                fullNulls: false,
+                lineStyle: { normal: { width: '1' }, opacity: 0 },
+                areaStyle: { opacity: 0.3 },
+                data: [10, 10, 10, 10, 10, 10, 15, 10, 10, 10, 5, 10, 10],
+                yAxisIndex: 0,
+                stack: 'a',
+            },
+        ],
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u9009\u4E2D\u67D0\u6761\u7EBF"),
+        React.createElement(BasicLine, __assign({ height: 500 }, options))));
+}
+//# sourceMappingURL=LegendSelectedLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegendSelectedLine.js","sourceRoot":"","sources":["../../../../src/basicLine/_example/LegendSelectedLine.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACxC,IAAM,OAAO,GAAG;QACd,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;QAChD,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,KAAK;SACZ;QACD,sBAAsB,EAAE,IAAI;QAC5B,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,MAAM,CAAC;gBAClB,MAAM,EAAE,IAAI;gBACZ,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;gBACjD,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;gBAC3B,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;gBACzD,UAAU,EAAE,CAAC;gBACb,KAAK,EAAE,GAAG;aACX;YACD;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,MAAM,CAAC;gBAClB,MAAM,EAAE,IAAI;gBACZ,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;gBACjD,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;gBAC3B,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;gBACzD,UAAU,EAAE,CAAC;gBACb,KAAK,EAAE,GAAG;aACX;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/LegendSelectedLine.jsx

@@ -0,0 +1,56 @@
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+
+export default function LegendSelectedLine() {
+  const options = {
+    grid: { top: 15, left: 0, bottom: 10, right: 0 },
+    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: {
+      show: false,
+    },
+    pointSelectedAnimation: true,
+    dataSource: [
+      {
+        name: '容量-1',
+        type: 'line',
+        showType: ['line'],
+        smooth: true,
+        connectNulls: false,
+        fullNulls: false,
+        lineStyle: { normal: { width: '1' }, opacity: 0 },
+        areaStyle: { opacity: 0.3 },
+        data: [10, 10, 10, 10, 15, 10, 15, 10, 10, 10, 5, 10, 10],
+        yAxisIndex: 0,
+        stack: 'a',
+      },
+      {
+        name: '容量-2',
+        type: 'line',
+        showType: ['line'],
+        smooth: true,
+        connectNulls: false,
+        fullNulls: false,
+        lineStyle: { normal: { width: '1' }, opacity: 0 },
+        areaStyle: { opacity: 0.3 },
+        data: [10, 10, 10, 10, 10, 10, 15, 10, 10, 10, 5, 10, 10],
+        yAxisIndex: 0,
+        stack: 'a',
+      },
+    ],
+  };
+
+  return (
+    <>
+      <div>选中某条线</div>
+      <BasicLine height={500} {...options} />
+    </>
+  );
+}

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

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