tvision-charts-component 3.3.24

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

@@ -0,0 +1,135 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+export default function CustomColorLine() {
+    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,
+        },
+        dataSource: [
+            {
+                data: [
+                    34.70477853294124, 23.42020805327263, 29.3866132185778, 24.487386742301645, 28.10789382614926,
+                    28.18999817956491, 28.781133885097073, 33.14419910821438, 36.037152410245305, 38.68886399934816,
+                    35.99878295070073, 29.534071329628055, 23.95187024335756, 23.778508834113413, 35.91034599983956,
+                    28.027581248710128, 36.17669435597673, 27.64080233880019, 22.849651675033048, 34.74003546961677,
+                    30.644190469000492, 25.752567026679465, 39.903765314671844, 23.31476357805971, 24.48231680284902,
+                    29.844211164890687, 32.93924781265864, 35.97900412128138, 29.070008071721162, 36.09444251817005,
+                    37.33880855104148, 32.903916153811466, 33.482427190439275, 25.515006325992523, 20.001621041506034,
+                    28.806577233321264, 25.78621442125375, 35.07726664029443, 28.697738402754712, 27.898387412448127,
+                    35.05984494963925, 35.09771917586705, 23.002658262091966, 26.237601423345648, 32.27061976359127,
+                    25.04064696151017, 27.09146625654556, 38.75062207001588, 33.27212575026685, 36.019073919576684,
+                    37.39149505698465, 35.831896897389306, 22.54214812723383, 32.06786737167478, 39.71146410983172,
+                    37.011663313263654, 31.120628525144184, 34.09572097979239, 31.959613888815124, 20.095830375923107,
+                ],
+                type: 'line',
+                smooth: false,
+                color: '#FF0000',
+                name: 'ins-a3e6ekue-0',
+                sampling: true,
+                lineStyle: { normal: { width: 1 } },
+            },
+            {
+                data: [
+                    23.26792405901392, 21.080639709082195, 38.48814912739651, 37.9633522464015, 37.917346769106196,
+                    29.246658001890943, 38.61059305474616, 27.137231260686804, 27.215270783883913, 33.41775816628635,
+                    30.212727686043156, 24.371111681285974, 27.832132109705555, 32.363554288699845, 36.99291977575441,
+                    25.179598383188385, 23.52374962371738, 20.4601631566024, 35.608022056441385, 38.537707770146376,
+                    36.90829264862303, 30.511717085377438, 35.65834900876169, 38.43534384946057, 32.7876102946096,
+                    23.142217103698005, 21.958936625354273, 23.385544069996236, 21.832132686007874, 21.93706308422522,
+                    21.508291037409872, 22.440915300808456, 31.212030685989184, 25.581159217324366, 24.219088544586672,
+                    34.16488353388692, 29.246601956743355, 20.613603040654947, 24.489513123076023, 38.566717682804196,
+                    33.106697677439385, 24.300397610377704, 26.1828824870403, 26.64737981953367, 22.309894632896725,
+                    30.407366284118428, 33.84423056221773, 22.291462806412838, 35.880068309050586, 39.37943263072299,
+                    20.673597416114188, 26.191131469635295, 37.7286187308038, 23.581484556403307, 29.355317880582938,
+                    27.344336550797735, 37.804924942077506, 31.196656699454934, 25.475716987893385, 39.33538256422864,
+                ],
+                type: 'line',
+                smooth: false,
+                name: 'ins-a3e6ekue-1',
+                sampling: true,
+                lineStyle: { normal: { width: 1 } },
+            },
+            {
+                data: [
+                    30.028188686882906, 34.84214494794148, 27.98343982165075, 31.375780797929206, 26.79100663636583,
+                    34.40670847046597, 20.171663581634935, 36.03243462167241, 39.09837062879787, 22.088895179273074,
+                    24.799594466106633, 25.28843019516341, 28.63761678636112, 21.7470770644414, 22.250653245632883,
+                    31.375502599734197, 39.06598220664669, 23.622549746518136, 31.63185192934553, 26.749384224863597,
+                    35.008678460551444, 30.215285017371937, 38.341614381385824, 26.16817987492809, 27.387471149894633,
+                    24.742417752835845, 27.29658662668765, 33.41934392294907, 29.18540123105111, 28.86701508575143,
+                    21.113274198221195, 35.08948503431662, 27.93176094639186, 20.296589503140744, 35.782016928411394,
+                    24.015428970341645, 21.827659439436754, 23.917548862665683, 30.826672761072018, 29.401935943526286,
+                    32.43045670740507, 28.405808330136573, 26.125368428323682, 25.007987971385187, 35.2023453723352,
+                    20.74179541275288, 20.906977061609236, 25.386648830888902, 29.230049190087307, 26.280959571689277,
+                    29.54379883047199, 39.38984828524083, 36.96624840795161, 37.80864181844381, 20.505409805351476,
+                    29.243480151999407, 34.07486382877591, 30.99015070901901, 30.376486148077507, 30.107952441197327,
+                ],
+                type: 'line',
+                smooth: false,
+                name: 'ins-a3e6ekue-2',
+                sampling: true,
+                lineStyle: { normal: { width: 1 } },
+            },
+        ],
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u81EA\u5B9A\u4E49\u67D0\u4E2A\u66F2\u7EBF\u7684\u989C\u8272"),
+        React.createElement(BasicLine, __assign({ height: 500 }, options))));
+}
+//# sourceMappingURL=CustomColorLine.js.map

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

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

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

@@ -0,0 +1,148 @@
+import React from 'react';
+import { BasicLine } from '@tencent/tcharts-component';
+
+export default function CustomColorLine() {
+  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,
+      },
+      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,
+        },
+      },
+      {
+        type: 'value',
+        axisLabel: { inside: false },
+      },
+    ],
+    // legend: { data: ['降雨量', '湿度'] },
+    legend: {
+      show: true,
+      // formatter: function(name) {
+      //     return "test"
+      // }
+    },
+    // color: ['#ff00ff'],
+    dataSource: [
+      {
+        data: [
+          34.70477853294124, 23.42020805327263, 29.3866132185778, 24.487386742301645, 28.10789382614926,
+          28.18999817956491, 28.781133885097073, 33.14419910821438, 36.037152410245305, 38.68886399934816,
+          35.99878295070073, 29.534071329628055, 23.95187024335756, 23.778508834113413, 35.91034599983956,
+          28.027581248710128, 36.17669435597673, 27.64080233880019, 22.849651675033048, 34.74003546961677,
+          30.644190469000492, 25.752567026679465, 39.903765314671844, 23.31476357805971, 24.48231680284902,
+          29.844211164890687, 32.93924781265864, 35.97900412128138, 29.070008071721162, 36.09444251817005,
+          37.33880855104148, 32.903916153811466, 33.482427190439275, 25.515006325992523, 20.001621041506034,
+          28.806577233321264, 25.78621442125375, 35.07726664029443, 28.697738402754712, 27.898387412448127,
+          35.05984494963925, 35.09771917586705, 23.002658262091966, 26.237601423345648, 32.27061976359127,
+          25.04064696151017, 27.09146625654556, 38.75062207001588, 33.27212575026685, 36.019073919576684,
+          37.39149505698465, 35.831896897389306, 22.54214812723383, 32.06786737167478, 39.71146410983172,
+          37.011663313263654, 31.120628525144184, 34.09572097979239, 31.959613888815124, 20.095830375923107,
+        ],
+        type: 'line',
+        smooth: false,
+        color: '#FF0000',
+        name: 'ins-a3e6ekue-0',
+        sampling: true,
+        lineStyle: { normal: { width: 1 } },
+      },
+      {
+        data: [
+          23.26792405901392, 21.080639709082195, 38.48814912739651, 37.9633522464015, 37.917346769106196,
+          29.246658001890943, 38.61059305474616, 27.137231260686804, 27.215270783883913, 33.41775816628635,
+          30.212727686043156, 24.371111681285974, 27.832132109705555, 32.363554288699845, 36.99291977575441,
+          25.179598383188385, 23.52374962371738, 20.4601631566024, 35.608022056441385, 38.537707770146376,
+          36.90829264862303, 30.511717085377438, 35.65834900876169, 38.43534384946057, 32.7876102946096,
+          23.142217103698005, 21.958936625354273, 23.385544069996236, 21.832132686007874, 21.93706308422522,
+          21.508291037409872, 22.440915300808456, 31.212030685989184, 25.581159217324366, 24.219088544586672,
+          34.16488353388692, 29.246601956743355, 20.613603040654947, 24.489513123076023, 38.566717682804196,
+          33.106697677439385, 24.300397610377704, 26.1828824870403, 26.64737981953367, 22.309894632896725,
+          30.407366284118428, 33.84423056221773, 22.291462806412838, 35.880068309050586, 39.37943263072299,
+          20.673597416114188, 26.191131469635295, 37.7286187308038, 23.581484556403307, 29.355317880582938,
+          27.344336550797735, 37.804924942077506, 31.196656699454934, 25.475716987893385, 39.33538256422864,
+        ],
+        type: 'line',
+        smooth: false,
+        name: 'ins-a3e6ekue-1',
+        sampling: true,
+        lineStyle: { normal: { width: 1 } },
+      },
+      {
+        data: [
+          30.028188686882906, 34.84214494794148, 27.98343982165075, 31.375780797929206, 26.79100663636583,
+          34.40670847046597, 20.171663581634935, 36.03243462167241, 39.09837062879787, 22.088895179273074,
+          24.799594466106633, 25.28843019516341, 28.63761678636112, 21.7470770644414, 22.250653245632883,
+          31.375502599734197, 39.06598220664669, 23.622549746518136, 31.63185192934553, 26.749384224863597,
+          35.008678460551444, 30.215285017371937, 38.341614381385824, 26.16817987492809, 27.387471149894633,
+          24.742417752835845, 27.29658662668765, 33.41934392294907, 29.18540123105111, 28.86701508575143,
+          21.113274198221195, 35.08948503431662, 27.93176094639186, 20.296589503140744, 35.782016928411394,
+          24.015428970341645, 21.827659439436754, 23.917548862665683, 30.826672761072018, 29.401935943526286,
+          32.43045670740507, 28.405808330136573, 26.125368428323682, 25.007987971385187, 35.2023453723352,
+          20.74179541275288, 20.906977061609236, 25.386648830888902, 29.230049190087307, 26.280959571689277,
+          29.54379883047199, 39.38984828524083, 36.96624840795161, 37.80864181844381, 20.505409805351476,
+          29.243480151999407, 34.07486382877591, 30.99015070901901, 30.376486148077507, 30.107952441197327,
+        ],
+        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/DataZoomLine.d.ts

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