npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@zym-com/echart-kline

v0.0.2

Published

k线图

Downloads

3

Readme

Install

npm install @zym-com/echart-kline

or

yarn add @zym-com/echart-kline

Basic Usage

import EchartKline from "@zym-com/echart-kline";
import "@zym-com/echart-kline/dist/style.css";

function App() {
const options = {
    "configuration": {
        "overallSituationMargin": {
            "top": 50,
            "bottom": "16%",
            "left": 45,
            "right": 35
        },
        "dataAnimation": true,
        "legendType": "legendTypePreset",
        "legendIcon": "imgApi/component-resources/2D/other/dian1.png",
        "legendGraphicalSize": {
            "legendIconWidth": 15,
            "legendIconHeight": 2
        },
        "legendIconSize": {
            "legendIconWidth": 15,
            "legendIconHeight": 2
        },
        "graphicFillet": 0,
        "legendSpacing": 3,
        "clickInteraction": true,
        "legendCategoryTextStyle": {
            "fontFamily": "Microsoft Yahei",
            "fontSize": 12,
            "color": "rgba(255,255,255,1)",
            "fontWeight": "normal",
            "letterSpacing": 0,
            "lineHeight": 12,
            "fontStyle": "normal"
        },
        "layoutNumberColumns": 5,
        "layoutSpacing": {
            "layoutRowSpacing": 30,
            "layoutColumnSpacing": 25
        },
        "legendPosition": 1,
        "layoutDeviation": {
            "layoutDeviationX": 0,
            "layoutDeviationY": 0
        },
        "legendTransparency": 30,
        "timedRenderingTime": 10,
        "axisXEnable": true,
        "axisXLabelFormat": "taxonomicType",
        "displayForm": "MM月",
        "axisXLabelExhibition": {
            "axisXLabelRotate": 0
        },
        "axisXLabelDeviation": {
            "axisXLabelDeviationX": 0,
            "axisXLabelDeviationY": 0
        },
        "axisXLabelTextStyle": {
            "fontFamily": "Microsoft Yahei",
            "fontSize": 12,
            "color": "rgba(255,255,255,1)",
            "fontWeight": "normal",
            "letterSpacing": 0,
            "lineHeight": 12,
            "fontStyle": "normal"
        },
        "intervalNumber": 10,
        "axisXLabelWidth": 0,
        "axisXLabelOverflow": "break",
        "axisXAxisColor": "rgba(186,231,255,1)",
        "axisXAxisThickness": 1,
        "axisXScaleColor": "rgba(186,231,255,1)",
        "axisXScaleThickness": 1,
        "axisXScaleLength": 6,
        "dashedLineStyle": "3,3",
        "axisXGridLineColor": "rgba(230,247,255,0.2)",
        "axisXGridLineThickness": 1,
        "axisYEnable": true,
        "axisYLabelValueRange": {
            "axisYminValue": "",
            "axisYmaxValue": ""
        },
        "axisYScaleOpen": true,
        "axisYscaleAdaptation": false,
        "axisYLabelsuffixText": "",
        "axisYLabelDeviation": {
            "axisYLabelDeviationX": 6,
            "axisYLabelDeviationY": 0
        },
        "axisYLabelTextStyle": {
            "fontFamily": "Microsoft Yahei",
            "fontSize": 12,
            "color": "rgba(255,255,255,1)",
            "fontWeight": "normal",
            "letterSpacing": 0,
            "lineHeight": 12,
            "fontStyle": "normal"
        },
        "axisYpattern": "quantityConstraint",
        "axisYLabelnumberLabels": 3,
        "axisYLabelstep": 100,
        "axisYLabeldecimalPlaces": 0,
        "axisYLabelUnitContent": "单位",
        "axisYLabelUniTtextStyle": {
            "fontFamily": "Microsoft Yahei",
            "fontSize": 12,
            "color": "rgba(255,255,255,1)",
            "fontWeight": "normal",
            "letterSpacing": 0,
            "lineHeight": 12,
            "fontStyle": "normal"
        },
        "axisYLabelUnitDeviation": {
            "axisYLabelUnitDeviationX": -30,
            "axisYLabelUnitDeviationY": 0
        },
        "axisYAxisColor": "rgba(186,231,255,1)",
        "axisYAxisThickness": 1,
        "axisYScaleColor": "rgba(186,231,255,1)",
        "axisYScaleThickness": 1,
        "axisYScaleLength": 6,
        "axisYGridDashedStyle": "3,3",
        "axisYGridLineColor": "rgba(230,247,255,0.2)",
        "axisYGridLineThickness": 1,
        "axisZEnable": false,
        "axisZLabelValueRange": {
            "axisZminValue": "",
            "axisZmaxValue": ""
        },
        "axisZScaleOpen": true,
        "axisZscaleAdaptation": false,
        "axisZLabelsuffixText": "",
        "axisZLabelDeviation": {
            "axisZLabelDeviationX": 6,
            "axisZLabelDeviationY": 0
        },
        "axisZLabelTextStyle": {
            "fontFamily": "Microsoft Yahei",
            "fontSize": 12,
            "color": "rgba(255,255,255,1)",
            "fontWeight": "normal",
            "letterSpacing": 0,
            "lineHeight": 12,
            "fontStyle": "normal"
        },
        "axisZpattern": "quantityConstraint",
        "axisZLabelnumberLabels": 3,
        "axisZLabelstep": 100,
        "axisZLabeldecimalPlaces": 0,
        "axisZLabelUnitContent": "",
        "axisZLabelUniTtextStyle": {
            "fontFamily": "Microsoft Yahei",
            "fontSize": 12,
            "color": "rgba(255,255,255,1)",
            "fontWeight": "normal",
            "letterSpacing": 0,
            "lineHeight": 12,
            "fontStyle": "normal"
        },
        "axisZLabelUnitDeviation": {
            "axisZLabelUnitDeviationX": -25,
            "axisZLabelUnitDeviationY": 0
        },
        "axisZAxisColor": "rgba(186,231,255,1)",
        "axisZAxisThickness": 1,
        "axisZScaleColor": "rgba(186,231,255,1)",
        "axisZScaleThickness": 1,
        "axisZScaleLength": 6,
        "axisZGridDashedStyle": "3,3",
        "axisZGridLineColor": "rgba(230,247,255,0.2)",
        "axisZGridLineThickness": 1,
        "dataRoomOpen": true,
        "dataZoomRange": [
            0,
            100
        ],
        "dataZoomSize": {
            "w": 0,
            "h": 15
        },
        "dataZoomMargin": {
            "top": "92%",
            "bottom": 0,
            "left": 30,
            "right": 30
        },
        "zoomLock": false,
        "dataZoomTextStyle": {
            "fontFamily": "Microsoft Yahei",
            "fontSize": 12,
            "color": "rgba(255,255,255,1)",
            "fontWeight": "normal",
            "letterSpacing": 0,
            "lineHeight": 12,
            "fontStyle": "normal"
        },
        "dataZoombackgroundColor": {
            "startVal": "rgba(47,69,84,1)",
            "endVal": "rgba(47,69,84,1)",
            "direction": 0
        },
        "dataZoomfillerColor": {
            "startVal": "rgba(167,183,204,0.4)",
            "endVal": "rgba(167,183,204,0.4)",
            "direction": 0
        },
        "dataZoomBorderColor": {
            "startVal": "rgba(221, 221, 221,0.4)",
            "endVal": "rgba(221, 221, 221,0.4)",
            "direction": 0
        },
        "dataZoomDataBgLineType": "solid",
        "dataZoomDataBgLineWidth": 2,
        "dataZoomDataBgLineColor": {
            "startVal": "rgba(210, 219, 238,0.35)",
            "endVal": "rgba(210, 219, 238,1)",
            "direction": 0
        },
        "dataZoomDataBgAreaColor": {
            "startVal": "rgba(210, 219, 238,0.35)",
            "endVal": "rgba(210, 219, 238,1)",
            "direction": 0
        },
        "dataZoomSelectDataBgLineType": "solid",
        "dataZoomSelectDataBgLineWidth": 2,
        "dataZoomSelectDataBgLineColor": {
            "startVal": "rgba(143, 176, 247,0.35)",
            "endVal": "rgba(143, 176, 247,1)",
            "direction": 0
        },
        "dataZoomSelectDataBgAreaColor": {
            "startVal": "rgba(143, 176, 247,0.35)",
            "endVal": "rgba(143, 176, 247,1)",
            "direction": 0
        },
        "dataZoomHandleType": "circle",
        "dataZoomHandleIcon": "",
        "dataZoomHandleSize": 7,
        "dataZoomHandleLineType": "solid",
        "dataZoomHandleLineWidth": 0,
        "dataZoomHandleLineColor": {
            "startVal": "rgba(172, 184, 209,0.35)",
            "endVal": "rgba(172, 184, 209,1)",
            "direction": 0
        },
        "dataZoomHandleAreaColor": {
            "startVal": "rgba(255,255,255,0.35)",
            "endVal": "rgba(255,255,255,1)",
            "direction": 0
        },
        "dataZoomMoveHandleType": "circle",
        "dataZoomMoveHandleIcon": "",
        "dataZoomMoveHandleSize": 50,
        "dataZoomMoveHandleLineType": "solid",
        "dataZoomMoveHandleLineWidth": 0,
        "dataZoomMoveHandleLineColor": {
            "startVal": "rgba(172, 184, 209,0.35)",
            "endVal": "rgba(172, 184, 209,1)",
            "direction": 0
        },
        "dataZoomMoveHandleAreaColor": {
            "startVal": "rgba(255,255,255,0.35)",
            "endVal": "rgba(255,255,255,1)",
            "direction": 0
        },
        "kLinelegendName": "日K",
        "kLinelegendImage": "",
        "kLineverticalAxisSelection": "YAxis",
        "barWidth": 0,
        "maleLineColor": {
            "startVal": "rgba(239,35,42,1)",
            "endVal": "rgba(239,35,42,1)",
            "direction": 0
        },
        "maleLineBorderColor": {
            "startVal": "rgba(239,35,42,1)",
            "endVal": "rgba(239,35,42,1)",
            "direction": 0
        },
        "vaginalLineColor": {
            "startVal": "rgba(20,177,67,1)",
            "endVal": "rgba(20,177,67,1)",
            "direction": 0
        },
        "vaginalLineBorderColor": {
            "startVal": "rgba(20,177,67,1)",
            "endVal": "rgba(20,177,67,1)",
            "direction": 0
        },
        "maleLineBorderWidth": 1,
        "maleLineOpacity": 1,
        "automaticRotation": false,
        "hoverTrigger": true,
        "residenceTime": 2,
        "promptBoxDeviation": {
            "deviationX": 20,
            "deviationY": 0
        },
        "promptBoxBackground": "",
        "promptBoxsize": {
            "promptBoxwidth": 150,
            "promptBoxheight": 100
        },
        "promptBoxMargin": {
            "top": 13,
            "bottom": 10,
            "left": 12,
            "right": 12
        },
        "frameDatalineHeight": 28,
        "frameDataXAxisTextStyle": {
            "fontFamily": "Microsoft Yahei",
            "fontSize": 16,
            "color": "rgba(255,255,255,1)",
            "fontWeight": "normal",
            "letterSpacing": 0,
            "lineHeight": 12,
            "fontStyle": "normal"
        },
        "textStyleAlignment": "left",
        "textStyleDeviation": {
            "textStyleDeviationx": 0,
            "textStyleDeviationy": 0
        },
        "frameDataSeriesName": {
            "fontFamily": "Microsoft Yahei",
            "fontSize": 12,
            "color": "rgba(255,255,255,1)",
            "fontWeight": "normal",
            "letterSpacing": 0,
            "lineHeight": 12,
            "fontStyle": "normal"
        },
        "frameDataSeriesValue": {
            "fontFamily": "Microsoft Yahei",
            "fontSize": 12,
            "color": "rgba(255,255,255,1)",
            "fontWeight": "normal",
            "letterSpacing": 0,
            "lineHeight": 12,
            "fontStyle": "normal"
        },
        "indicatorColor": "rgba(255,255,255,0.3)",
        "kLinemarkPointSeries": [],
        "kLinemarkLineSeries": [],
        "dataSeries": [
            {
                "seriesMapping": {
                    "fieldName": "MA5",
                    "displayName": "5"
                },
                "legendImage": "",
                "verticalAxisSelection": "YAxis",
                "seriesLineType": "solid",
                "seriesLineWidth": 2,
                "seriesLineColor": {
                    "startVal": "rgba(24,144,255,0.35)",
                    "endVal": "rgba(24,144,255,1)",
                    "direction": 0
                },
                "seriesLineColorOpacity": 1,
                "smooth": 0.6,
                "connectNulls": true,
                "seriesLabelStyleShow": false,
                "valueLabelTextStyle": {
                    "fontFamily": "Microsoft Yahei",
                    "fontSize": 12,
                    "color": "rgba(255,255,255,1)",
                    "fontWeight": "normal",
                    "letterSpacing": 0,
                    "lineHeight": 12,
                    "fontStyle": "normal"
                },
                "labelDeviation": {
                    "deviationX": 0,
                    "deviationY": 0
                },
                "symbolColor": {
                    "startVal": "rgba(24,144,255,0.35)",
                    "endVal": "rgba(24,144,255,1)",
                    "direction": 0
                },
                "symbolStyleType": "default",
                "symbol": "circle",
                "symbolImage": "",
                "symbolSize": {
                    "symbolSizeW": 4,
                    "symbolSizeH": 4
                },
                "symbolOffset": {
                    "symbolOffsetX": 0,
                    "symbolOffsetY": 0
                },
                "seriesEmphasisScale": false,
                "seriesEmphasisFocus": "none",
                "seriesEmphasisLineType": "solid",
                "seriesEmphasisLineWidth": 2,
                "seriesEmphasisLineColor": {
                    "startVal": "rgba(24,144,255,0.35)",
                    "endVal": "rgba(24,144,255,1)",
                    "direction": 0
                },
                "seriesEmphasisLineColorOpacity": 1,
                "seriesEmphasisLabelStyleShow": false,
                "seriesEmphasisValueLabelTextStyle": {
                    "fontFamily": "Microsoft Yahei",
                    "fontSize": 12,
                    "color": "rgba(255,255,255,1)",
                    "fontWeight": "normal",
                    "letterSpacing": 0,
                    "lineHeight": 12,
                    "fontStyle": "normal"
                },
                "markPointSeries": [],
                "markLineSeries": []
            },
            {
                "seriesMapping": {
                    "fieldName": "MA10",
                    "displayName": "10"
                },
                "legendImage": "",
                "verticalAxisSelection": "YAxis",
                "seriesLineType": "solid",
                "seriesLineWidth": 2,
                "seriesLineColor": {
                    "startVal": "rgba(30, 231, 231, 1)",
                    "endVal": "rgba(30, 231, 231, 1)",
                    "direction": 0
                },
                "seriesLineColorOpacity": 1,
                "smooth": 0.6,
                "connectNulls": true,
                "seriesLabelStyleShow": false,
                "valueLabelTextStyle": {
                    "fontFamily": "Microsoft Yahei",
                    "fontSize": 12,
                    "color": "rgba(255,255,255,1)",
                    "fontWeight": "normal",
                    "letterSpacing": 0,
                    "lineHeight": 12,
                    "fontStyle": "normal"
                },
                "labelDeviation": {
                    "deviationX": 0,
                    "deviationY": 0
                },
                "symbolColor": {
                    "startVal": "rgba(30, 231, 231,0.35)",
                    "endVal": "rgba(30, 231, 231,1)",
                    "direction": 0
                },
                "symbolStyleType": "default",
                "symbol": "circle",
                "symbolImage": "",
                "symbolSize": {
                    "symbolSizeW": 4,
                    "symbolSizeH": 4
                },
                "symbolOffset": {
                    "symbolOffsetX": 0,
                    "symbolOffsetY": 0
                },
                "seriesEmphasisScale": false,
                "seriesEmphasisFocus": "none",
                "seriesEmphasisLineType": "solid",
                "seriesEmphasisLineWidth": 2,
                "seriesEmphasisLineColor": {
                    "startVal": "rgba(30,231,231,0.35)",
                    "endVal": "rgba(30,231,231,1)",
                    "direction": 0
                },
                "seriesEmphasisLineColorOpacity": 1,
                "seriesEmphasisLabelStyleShow": false,
                "seriesEmphasisValueLabelTextStyle": {
                    "fontFamily": "Microsoft Yahei",
                    "fontSize": 12,
                    "color": "rgba(255,255,255,1)",
                    "fontWeight": "normal",
                    "letterSpacing": 0,
                    "lineHeight": 12,
                    "fontStyle": "normal"
                },
                "markPointSeries": [],
                "markLineSeries": []
            },
            {
                "seriesMapping": {
                    "fieldName": "MA20",
                    "displayName": "20"
                },
                "legendImage": "",
                "verticalAxisSelection": "YAxis",
                "seriesLineType": "solid",
                "seriesLineWidth": 2,
                "seriesLineColor": {
                    "startVal": "rgba(255, 255, 0, 1)",
                    "endVal": "rgba(255, 255, 0, 1)",
                    "direction": 0
                },
                "seriesLineColorOpacity": 1,
                "smooth": 0.6,
                "connectNulls": true,
                "seriesLabelStyleShow": false,
                "valueLabelTextStyle": {
                    "fontFamily": "Microsoft Yahei",
                    "fontSize": 12,
                    "color": "rgba(255,255,255,1)",
                    "fontWeight": "normal",
                    "letterSpacing": 0,
                    "lineHeight": 12,
                    "fontStyle": "normal"
                },
                "labelDeviation": {
                    "deviationX": 0,
                    "deviationY": 0
                },
                "symbolColor": {
                    "startVal": "rgba(255, 255, 0,0.35)",
                    "endVal": "rgba(255, 255, 0,1)",
                    "direction": 0
                },
                "symbolStyleType": "default",
                "symbol": "circle",
                "symbolImage": "",
                "symbolSize": {
                    "symbolSizeW": 4,
                    "symbolSizeH": 4
                },
                "symbolOffset": {
                    "symbolOffsetX": 0,
                    "symbolOffsetY": 0
                },
                "seriesEmphasisScale": false,
                "seriesEmphasisFocus": "none",
                "seriesEmphasisLineType": "solid",
                "seriesEmphasisLineWidth": 2,
                "seriesEmphasisLineColor": {
                    "startVal": "rgba(255, 255, 0,0.35)",
                    "endVal": "rgba(255, 255, 0,1)",
                    "direction": 0
                },
                "seriesEmphasisLineColorOpacity": 1,
                "seriesEmphasisLabelStyleShow": false,
                "seriesEmphasisValueLabelTextStyle": {
                    "fontFamily": "Microsoft Yahei",
                    "fontSize": 12,
                    "color": "rgba(255,255,255,1)",
                    "fontWeight": "normal",
                    "letterSpacing": 0,
                    "lineHeight": 12,
                    "fontStyle": "normal"
                },
                "markPointSeries": [],
                "markLineSeries": []
            },
            {
                "seriesMapping": {
                    "fieldName": "MA30",
                    "displayName": "30"
                },
                "legendImage": "",
                "verticalAxisSelection": "YAxis",
                "seriesLineType": "solid",
                "seriesLineWidth": 2,
                "seriesLineColor": {
                    "startVal": "rgba(180, 0, 255, 1)",
                    "endVal": "rgba(180, 0, 255, 1)",
                    "direction": 0
                },
                "seriesLineColorOpacity": 1,
                "smooth": 0.6,
                "connectNulls": true,
                "seriesLabelStyleShow": false,
                "valueLabelTextStyle": {
                    "fontFamily": "Microsoft Yahei",
                    "fontSize": 12,
                    "color": "rgba(255,255,255,1)",
                    "fontWeight": "normal",
                    "letterSpacing": 0,
                    "lineHeight": 12,
                    "fontStyle": "normal"
                },
                "labelDeviation": {
                    "deviationX": 0,
                    "deviationY": 0
                },
                "symbolColor": {
                    "startVal": "rgba(180, 0, 255,0.35)",
                    "endVal": "rgba(180, 0, 255,1)",
                    "direction": 0
                },
                "symbolStyleType": "default",
                "symbol": "circle",
                "symbolImage": "",
                "symbolSize": {
                    "symbolSizeW": 4,
                    "symbolSizeH": 4
                },
                "symbolOffset": {
                    "symbolOffsetX": 0,
                    "symbolOffsetY": 0
                },
                "seriesEmphasisScale": false,
                "seriesEmphasisFocus": "none",
                "seriesEmphasisLineType": "solid",
                "seriesEmphasisLineWidth": 2,
                "seriesEmphasisLineColor": {
                    "startVal": "rgba(180, 0, 255,0.35)",
                    "endVal": "rgba(180, 0, 255,1)",
                    "direction": 0
                },
                "seriesEmphasisLineColorOpacity": 1,
                "seriesEmphasisLabelStyleShow": false,
                "seriesEmphasisValueLabelTextStyle": {
                    "fontFamily": "Microsoft Yahei",
                    "fontSize": 12,
                    "color": "rgba(255,255,255,1)",
                    "fontWeight": "normal",
                    "letterSpacing": 0,
                    "lineHeight": 12,
                    "fontStyle": "normal"
                },
                "markPointSeries": [],
                "markLineSeries": []
            }
        ],
        "legend": true,
        "legendCategory": true,
        "timedRendering": false,
        "axisXLabel": true,
        "axisXAxis": true,
        "axisXScale": true,
        "axisXGridLine": false,
        "axisYLabel": true,
        "axisYLabelUnit": true,
        "axisYAxis": false,
        "axisYScale": false,
        "axisYGridLine": true,
        "axisZLabel": true,
        "axisZLabelUnit": false,
        "axisZAxis": true,
        "axisZScale": false,
        "axisZGridLine": true
    },
    "base": {
        "width": 600,
        "height": 400
    },
    "dataSource": [
        {
            "x": "2022/1/24",
            "open": 2320.26,
            "close": 2320.26,
            "lowest": 2287.3,
            "highest": 2362.94,
            "title": "日K"
        },
        {
            "x": "2022/1/25",
            "open": 2300,
            "close": 2291.3,
            "lowest": 2288.26,
            "highest": 2308.38,
            "title": "日K"
        },
        {
            "x": "2022/1/28",
            "open": 2295.35,
            "close": 2346.5,
            "lowest": 2295.35,
            "highest": 2346.92,
            "title": "日K"
        },
        {
            "x": "2022/1/29",
            "open": 2347.22,
            "close": 2358.98,
            "lowest": 2337.35,
            "highest": 2363.8,
            "title": "日K"
        },
        {
            "x": "2022/1/30",
            "open": 2360.75,
            "close": 2382.48,
            "lowest": 2347.89,
            "highest": 2383.76,
            "title": "日K"
        },
        {
            "x": "2022/1/31",
            "open": 2383.43,
            "close": 2385.42,
            "lowest": 2371.23,
            "highest": 2391.82,
            "title": "日K"
        },
        {
            "x": "2022/2/1",
            "open": 2377.41,
            "close": 2419.02,
            "lowest": 2369.57,
            "highest": 2421.15,
            "title": "日K"
        },
        {
            "x": "2022/2/4",
            "open": 2425.92,
            "close": 2428.15,
            "lowest": 2417.58,
            "highest": 2440.38,
            "title": "日K"
        },
        {
            "x": "2022/2/5",
            "open": 2411,
            "close": 2433.13,
            "lowest": 2403.3,
            "highest": 2437.42,
            "title": "日K"
        },
        {
            "x": "2022/2/6",
            "open": 2432.68,
            "close": 2434.48,
            "lowest": 2427.7,
            "highest": 2441.73,
            "title": "日K"
        },
        {
            "x": "2022/2/7",
            "open": 2430.69,
            "close": 2418.53,
            "lowest": 2394.22,
            "highest": 2433.89,
            "title": "日K"
        },
        {
            "x": "2022/2/8",
            "open": 2416.62,
            "close": 2432.4,
            "lowest": 2414.4,
            "highest": 2443.03,
            "title": "日K"
        },
        {
            "x": "2022/2/18",
            "open": 2441.91,
            "close": 2421.56,
            "lowest": 2415.43,
            "highest": 2444.8,
            "title": "日K"
        },
        {
            "x": "2022/2/19",
            "open": 2420.26,
            "close": 2382.91,
            "lowest": 2373.53,
            "highest": 2427.07,
            "title": "日K"
        },
        {
            "x": "2022/2/20",
            "open": 2383.49,
            "close": 2397.18,
            "lowest": 2370.61,
            "highest": 2397.94,
            "title": "日K"
        },
        {
            "x": "2022/2/21",
            "open": 2378.82,
            "close": 2325.95,
            "lowest": 2309.17,
            "highest": 2378.82,
            "title": "日K"
        },
        {
            "x": "2022/2/22",
            "open": 2322.94,
            "close": 2314.16,
            "lowest": 2308.76,
            "highest": 2330.88,
            "title": "日K"
        },
        {
            "x": "2022/2/25",
            "open": 2320.62,
            "close": 2325.82,
            "lowest": 2315.01,
            "highest": 2338.78,
            "title": "日K"
        },
        {
            "x": "2022/2/26",
            "open": 2313.74,
            "close": 2293.34,
            "lowest": 2289.89,
            "highest": 2340.71,
            "title": "日K"
        },
        {
            "x": "2022/2/27",
            "open": 2297.77,
            "close": 2313.22,
            "lowest": 2292.03,
            "highest": 2324.63,
            "title": "日K"
        },
        {
            "x": "2022/2/28",
            "open": 2322.32,
            "close": 2365.59,
            "lowest": 2308.92,
            "highest": 2366.16,
            "title": "日K"
        },
        {
            "x": "2022/3/1",
            "open": 2364.54,
            "close": 2359.51,
            "lowest": 2330.86,
            "highest": 2369.65,
            "title": "日K"
        },
        {
            "x": "2022/3/4",
            "open": 2332.08,
            "close": 2273.4,
            "lowest": 2259.25,
            "highest": 2333.54,
            "title": "日K"
        },
        {
            "x": "2022/3/5",
            "open": 2274.81,
            "close": 2326.31,
            "lowest": 2270.1,
            "highest": 2328.14,
            "title": "日K"
        },
        {
            "x": "2022/3/6",
            "open": 2333.61,
            "close": 2347.18,
            "lowest": 2321.6,
            "highest": 2351.44,
            "title": "日K"
        },
        {
            "x": "2022/3/7",
            "open": 2340.44,
            "close": 2324.29,
            "lowest": 2304.27,
            "highest": 2352.02,
            "title": "日K"
        },
        {
            "x": "2022/3/8",
            "open": 2326.42,
            "close": 2318.61,
            "lowest": 2314.59,
            "highest": 2333.67,
            "title": "日K"
        },
        {
            "x": "2022/3/11",
            "open": 2314.68,
            "close": 2310.59,
            "lowest": 2296.58,
            "highest": 2320.96,
            "title": "日K"
        },
        {
            "x": "2022/3/12",
            "open": 2309.16,
            "close": 2286.6,
            "lowest": 2264.83,
            "highest": 2333.29,
            "title": "日K"
        },
        {
            "x": "2022/3/13",
            "open": 2282.17,
            "close": 2263.97,
            "lowest": 2253.25,
            "highest": 2286.33,
            "title": "日K"
        },
        {
            "x": "2022/3/14",
            "open": 2255.77,
            "close": 2270.28,
            "lowest": 2253.31,
            "highest": 2276.22,
            "title": "日K"
        },
        {
            "x": "2022/3/15",
            "open": 2269.31,
            "close": 2278.4,
            "lowest": 2250,
            "highest": 2312.08,
            "title": "日K"
        },
        {
            "x": "2022/3/18",
            "open": 2267.29,
            "close": 2240.02,
            "lowest": 2239.21,
            "highest": 2276.05,
            "title": "日K"
        },
        {
            "x": "2022/3/19",
            "open": 2244.26,
            "close": 2257.43,
            "lowest": 2232.02,
            "highest": 2261.31,
            "title": "日K"
        },
        {
            "x": "2022/3/20",
            "open": 2257.74,
            "close": 2317.37,
            "lowest": 2257.42,
            "highest": 2317.86,
            "title": "日K"
        },
        {
            "x": "2022/3/21",
            "open": 2318.21,
            "close": 2324.24,
            "lowest": 2311.6,
            "highest": 2330.81,
            "title": "日K"
        },
        {
            "x": "2022/3/22",
            "open": 2321.4,
            "close": 2328.28,
            "lowest": 2314.97,
            "highest": 2332,
            "title": "日K"
        },
        {
            "x": "2022/3/25",
            "open": 2334.74,
            "close": 2326.72,
            "lowest": 2319.91,
            "highest": 2344.89,
            "title": "日K"
        },
        {
            "x": "2022/3/26",
            "open": 2318.58,
            "close": 2297.67,
            "lowest": 2281.12,
            "highest": 2319.99,
            "title": "日K"
        },
        {
            "x": "2022/3/27",
            "open": 2299.38,
            "close": 2301.26,
            "lowest": 2289,
            "highest": 2323.48,
            "title": "日K"
        },
        {
            "x": "2022/3/28",
            "open": 2273.55,
            "close": 2236.3,
            "lowest": 2232.91,
            "highest": 2273.55,
            "title": "日K"
        },
        {
            "x": "2022/3/29",
            "open": 2238.49,
            "close": 2236.62,
            "lowest": 2228.81,
            "highest": 2246.87,
            "title": "日K"
        },
        {
            "x": "2022/4/1",
            "open": 2229.46,
            "close": 2234.4,
            "lowest": 2227.31,
            "highest": 2243.95,
            "title": "日K"
        },
        {
            "x": "2022/4/2",
            "open": 2234.9,
            "close": 2227.74,
            "lowest": 2220.44,
            "highest": 2253.42,
            "title": "日K"
        },
        {
            "x": "2022/4/3",
            "open": 2232.69,
            "close": 2225.29,
            "lowest": 2217.25,
            "highest": 2241.34,
            "title": "日K"
        },
        {
            "x": "2022/4/8",
            "open": 2196.24,
            "close": 2211.59,
            "lowest": 2180.67,
            "highest": 2212.59,
            "title": "日K"
        },
        {
            "x": "2022/4/9",
            "open": 2215.47,
            "close": 2225.77,
            "lowest": 2215.47,
            "highest": 2234.73,
            "title": "日K"
        },
        {
            "x": "2022/4/10",
            "open": 2224.93,
            "close": 2226.13,
            "lowest": 2212.56,
            "highest": 2233.04,
            "title": "日K"
        },
        {
            "x": "2022/4/11",
            "open": 2236.98,
            "close": 2219.55,
            "lowest": 2217.26,
            "highest": 2242.48,
            "title": "日K"
        },
        {
            "x": "2022/4/12",
            "open": 2218.09,
            "close": 2206.78,
            "lowest": 2204.44,
            "highest": 2226.26,
            "title": "日K"
        },
        {
            "x": "2022/4/15",
            "open": 2199.91,
            "close": 2181.94,
            "lowest": 2177.39,
            "highest": 2204.99,
            "title": "日K"
        },
        {
            "x": "2022/4/16",
            "open": 2169.63,
            "close": 2194.85,
            "lowest": 2165.78,
            "highest": 2196.43,
            "title": "日K"
        },
        {
            "x": "2022/4/17",
            "open": 2195.03,
            "close": 2193.8,
            "lowest": 2178.47,
            "highest": 2197.51,
            "title": "日K"
        },
        {
            "x": "2022/4/18",
            "open": 2181.82,
            "close": 2197.6,
            "lowest": 2175.44,
            "highest": 2206.03,
            "title": "日K"
        },
        {
            "x": "2022/4/19",
            "open": 2201.12,
            "close": 2244.64,
            "lowest": 2200.58,
            "highest": 2250.11,
            "title": "日K"
        },
        {
            "x": "2022/4/22",
            "open": 2236.4,
            "close": 2242.17,
            "lowest": 2232.26,
            "highest": 2245.12,
            "title": "日K"
        },
        {
            "x": "2022/4/23",
            "open": 2242.62,
            "close": 2184.54,
            "lowest": 2182.81,
            "highest": 2242.62,
            "title": "日K"
        },
        {
            "x": "2022/4/24",
            "open": 2187.35,
            "close": 2218.32,
            "lowest": 2184.11,
            "highest": 2226.12,
            "title": "日K"
        },
        {
            "x": "2022/4/25",
            "open": 2213.19,
            "close": 2199.31,
            "lowest": 2191.85,
            "highest": 2224.63,
            "title": "日K"
        },
        {
            "x": "2022/4/26",
            "open": 2203.89,
            "close": 2177.91,
            "lowest": 2173.86,
            "highest": 2210.58,
            "title": "日K"
        },
        {
            "x": "2022/5/2",
            "open": 2170.78,
            "close": 2174.12,
            "lowest": 2161.14,
            "highest": 2179.65,
            "title": "日K"
        },
        {
            "x": "2022/5/3",
            "open": 2179.05,
            "close": 2205.5,
            "lowest": 2179.05,
            "highest": 2222.81,
            "title": "日K"
        },
        {
            "x": "2022/5/6",
            "open": 2212.5,
            "close": 2231.17,
            "lowest": 2212.5,
            "highest": 2236.07,
            "title": "日K"
        },
        {
            "x": "2022/5/7",
            "open": 2227.86,
            "close": 2235.57,
            "lowest": 2219.44,
            "highest": 2240.26,
            "title": "日K"
        },
        {
            "x": "2022/5/8",
            "open": 2242.39,
            "close": 2246.3,
            "lowest": 2235.42,
            "highest": 2255.21,
            "title": "日K"
        },
        {
            "x": "2022/5/9",
            "open": 2246.96,
            "close": 2232.97,
            "lowest": 2221.38,
            "highest": 2247.86,
            "title": "日K"
        },
        {
            "x": "2022/5/10",
            "open": 2228.82,
            "close": 2246.83,
            "lowest": 2225.81,
            "highest": 2247.67,
            "title": "日K"
        },
        {
            "x": "2022/5/13",
            "open": 2247.68,
            "close": 2241.92,
            "lowest": 2231.36,
            "highest": 2250.85,
            "title": "日K"
        },
        {
            "x": "2022/5/14",
            "open": 2238.9,
            "close": 2217.01,
            "lowest": 2205.87,
            "highest": 2239.93,
            "title": "日K"
        },
        {
            "x": "2022/5/15",
            "open": 2217.09,
            "close": 2224.8,
            "lowest": 2213.58,
            "highest": 2225.19,
            "title": "日K"
        },
        {
            "x": "2022/5/16",
            "open": 2221.34,
            "close": 2251.81,
            "lowest": 2210.77,
            "highest": 2252.87,
            "title": "日K"
        },
        {
            "x": "2022/5/17",
            "open": 2249.81,
            "close": 2282.87,
            "lowest": 2248.41,
            "highest": 2288.09,
            "title": "日K"
        },
        {
            "x": "2022/5/20",
            "open": 2286.33,
            "close": 2299.99,
            "lowest": 2281.9,
            "highest": 2309.39,
            "title": "日K"
        },
        {
            "x": "2022/5/21",
            "open": 2297.11,
            "close": 2305.11,
            "lowest": 2290.12,
            "highest": 2305.3,
            "title": "日K"
        },
        {
            "x": "2022/5/22",
            "open": 2303.75,
            "close": 2302.4,
            "lowest": 2292.43,
            "highest": 2314.18,
            "title": "日K"
        },
        {
            "x": "2022/5/23",
            "open": 2293.81,
            "close": 2275.67,
            "lowest": 2274.1,
            "highest": 2304.95,
            "title": "日K"
        },
        {
            "x": "2022/5/24",
            "open": 2281.45,
            "close": 2288.53,
            "lowest": 2270.25,
            "highest": 2292.59,
            "title": "日K"
        },
        {
            "x": "2022/5/27",
            "open": 2286.66,
            "close": 2293.08,
            "lowest": 2283.94,
            "highest": 2301.7,
            "title": "日K"
        },
        {
            "x": "2022/5/28",
            "open": 2293.4,
            "close": 2321.32,
            "lowest": 2281.47,
            "highest": 2322.1,
            "title": "日K"
        },
        {
            "x": "2022/5/29",
            "open": 2323.54,
            "close": 2324.02,
            "lowest": 2321.17,
            "highest": 2334.33,
            "title": "日K"
        },
        {
            "x": "2022/5/30",
            "open": 2316.25,
            "close": 2317.75,
            "lowest": 2310.49,
            "highest": 2325.72,
            "title": "日K"
        },
        {
            "x": "2022/5/31",
            "open": 2320.74,
            "close": 2300.59,
            "lowest": 2299.37,
            "highest": 2325.53,
            "title": "日K"
        },
        {
            "x": "2022/6/3",
            "open": 2300.21,
            "close": 2299.25,
            "lowest": 2294.11,
            "highest": 2313.43,
            "title": "日K"
        },
        {
            "x": "2022/6/4",
            "open": 2297.1,
            "close": 2272.42,
            "lowest": 2264.76,
            "highest": 2297.1,
            "title": "日K"
        },
        {
            "x": "2022/6/5",
            "open": 2270.71,
            "close": 2270.93,
            "lowest": 2260.87,
            "highest": 2276.86,
            "title": "日K"
        },
        {
            "x": "2022/6/6",
            "open": 2264.43,
            "close": 2242.11,
            "lowest": 2240.07,
            "highest": 2266.69,
            "title": "日K"
        },
        {
            "x": "2022/6/7",
            "open": 2242.26,
            "close": 2210.9,
            "lowest": 2205.07,
            "highest": 2250.63,
            "title": "日K"
        },
        {
            "x": "2022/6/13",
            "open": 2190.1,
            "close": 2148.35,
            "lowest": 2126.22,
            "highest": 2190.1,
            "title": "日K"
        }
    ],
   bindCallbackParams:(evenName: string, data: Record<string, any>) => void;
}

 return (
    <>
      <EchartKline {...options} />
    </>
  );
}