@zym-com/echart-kline
v0.0.2
Published
k线图
Downloads
5
Readme
Install
npm install @zym-com/echart-klineor
yarn add @zym-com/echart-klineBasic 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} />
</>
);
}