From 9a02f9625ae0a5520ec56ed0b04625443792e8e1 Mon Sep 17 00:00:00 2001
From: liihuu <hu_li888@foxmail.com>
Date: Fri, 8 Mar 2024 01:50:27 +0800
Subject: [PATCH] Updates

---
 404.html                                      | 10 +++++-----
 assets/app.L7rJ58oT.js                        |  7 +++++++
 assets/app.kQmeYhjN.js                        |  7 -------
 ....js => @localSearchIndexen-US.Qs-0YSNC.js} |  2 +-
 ...rt.xePfGVXN.js => SampleChart.OnyG1hsW.js} |  2 +-
 ...n.5uViWWeX.js => StyleExplain.80h5cdQ4.js} |  2 +-
 ...ComPsV.js => VPLocalSearchBox.v9K90Uve.js} |  4 ++--
 ...work.b3gnc5d8.js => framework.S5btFSuR.js} |  8 ++++----
 assets/chunks/theme.8D-jh89Q.js               |  7 -------
 assets/chunks/theme.u0a61rzK.js               |  7 +++++++
 ...s => en-US_guide_changelog.md.oaiDMd4e.js} |  2 +-
 ...en-US_guide_changelog.md.oaiDMd4e.lean.js} |  2 +-
 ...s => en-US_guide_chart-api.md.wkTQedMh.js} |  2 +-
 ...en-US_guide_chart-api.md.wkTQedMh.lean.js} |  2 +-
 ...=> en-US_guide_custom-axis.md.sGMOj5c1.js} |  2 +-
 ...-US_guide_custom-axis.md.sGMOj5c1.lean.js} |  2 +-
 ... => en-US_guide_datasource.md.vNNGCJ0f.js} |  2 +-
 ...n-US_guide_datasource.md.vNNGCJ0f.lean.js} |  2 +-
 ...=> en-US_guide_environment.md.OgXnMEhO.js} |  2 +-
 ...-US_guide_environment.md.OgXnMEhO.lean.js} |  2 +-
 ...Huij.js => en-US_guide_faq.md.SzAwqCkH.js} |  2 +-
 ...js => en-US_guide_faq.md.SzAwqCkH.lean.js} |  2 +-
 ...js => en-US_guide_feedback.md.3xu-SDzA.js} |  2 +-
 ... en-US_guide_feedback.md.3xu-SDzA.lean.js} |  2 +-
 ...F.js => en-US_guide_figure.md.JPACf3cm.js} |  2 +-
 ...=> en-US_guide_figure.md.JPACf3cm.lean.js} |  2 +-
 ...n-US_guide_getting-started.md.6h25yVqP.js} |  2 +-
 ...guide_getting-started.md.6h25yVqP.lean.js} |  2 +-
 ....js => en-US_guide_hot-key.md.dz6HVI4o.js} |  2 +-
 ...> en-US_guide_hot-key.md.dz6HVI4o.lean.js} |  2 +-
 ...76i.js => en-US_guide_i18n.md.pHHaeKrO.js} |  2 +-
 ...s => en-US_guide_i18n.md.pHHaeKrO.lean.js} |  2 +-
 ...s => en-US_guide_indicator.md.KL5sZ2Xa.js} |  2 +-
 ...en-US_guide_indicator.md.KL5sZ2Xa.lean.js} |  2 +-
 ...> en-US_guide_instance-api.md.MuhSVJeX.js} |  2 +-
 ...US_guide_instance-api.md.MuhSVJeX.lean.js} |  2 +-
 ....js => en-US_guide_overlay.md.qs_GiGcg.js} |  2 +-
 ...> en-US_guide_overlay.md.qs_GiGcg.lean.js} |  2 +-
 ...0.js => en-US_guide_styles.md.NxUSGPkk.js} |  2 +-
 ...=> en-US_guide_styles.md.NxUSGPkk.lean.js} |  2 +-
 ...js => en-US_guide_v8-to-v9.md.8sr1qjpO.js} |  2 +-
 ... en-US_guide_v8-to-v9.md.8sr1qjpO.lean.js} |  2 +-
 ...S_guide_what-is-klinechart.md.DomNlsHt.js} |  2 +-
 ...de_what-is-klinechart.md.DomNlsHt.lean.js} |  2 +-
 ...FPotMOGe.js => en-US_index.md.OS0zQc9a.js} |  2 +-
 ...ean.js => en-US_index.md.OS0zQc9a.lean.js} |  2 +-
 ...HJ.js => en-US_sample_axis.md.5e2auj5u.js} |  2 +-
 ... => en-US_sample_axis.md.5e2auj5u.lean.js} |  2 +-
 ...9.js => en-US_sample_basic.md.3PMOaPoH.js} |  2 +-
 ...=> en-US_sample_basic.md.3PMOaPoH.lean.js} |  2 +-
 ...> en-US_sample_candle-type.md.jwCYpV7R.js} |  2 +-
 ...US_sample_candle-type.md.jwCYpV7R.lean.js} |  2 +-
 ...dU.js => en-US_sample_data.md.KwS-0Ey9.js} |  2 +-
 ... => en-US_sample_data.md.KwS-0Ey9.lean.js} |  2 +-
 ...FG.js => en-US_sample_i18n.md.V8elJXsA.js} |  2 +-
 ... => en-US_sample_i18n.md.V8elJXsA.lean.js} |  2 +-
 ... => en-US_sample_indicator.md.vpibD4Ua.js} |  2 +-
 ...n-US_sample_indicator.md.vpibD4Ua.lean.js} |  2 +-
 ...js => en-US_sample_overlay.md.Nk_4roIH.js} |  2 +-
 ... en-US_sample_overlay.md.Nk_4roIH.lean.js} |  2 +-
 ...R.js => en-US_sample_theme.md.Pr7TgfVH.js} |  2 +-
 ...=> en-US_sample_theme.md.Pr7TgfVH.lean.js} |  2 +-
 ...s => en-US_sample_timezone.md.dqeEs2ZI.js} |  2 +-
 ...en-US_sample_timezone.md.dqeEs2ZI.lean.js} |  2 +-
 ...js => en-US_sample_tooltip.md.O8dAp9_k.js} |  2 +-
 ... en-US_sample_tooltip.md.O8dAp9_k.lean.js} |  2 +-
 ...A3pScV.js => en-US_sponsor.md.W43Y6shs.js} |  2 +-
 ...n.js => en-US_sponsor.md.W43Y6shs.lean.js} |  2 +-
 ...q0V4.js => guide_changelog.md.WCU6NOkP.js} |  2 +-
 ...js => guide_changelog.md.WCU6NOkP.lean.js} |  2 +-
 ...TYvX.js => guide_chart-api.md.Ja3EzuzJ.js} |  2 +-
 ...js => guide_chart-api.md.Ja3EzuzJ.lean.js} |  2 +-
 ...qe.js => guide_custom-axis.md.YHD7AC8J.js} |  2 +-
 ... => guide_custom-axis.md.YHD7AC8J.lean.js} |  2 +-
 ...54M.js => guide_datasource.md.ZxIo0sjE.js} |  2 +-
 ...s => guide_datasource.md.ZxIo0sjE.lean.js} |  2 +-
 ...H-.js => guide_environment.md.Zir01w8q.js} |  2 +-
 ... => guide_environment.md.Zir01w8q.lean.js} |  2 +-
 ...d.XLgpFwOe.js => guide_faq.md.3pxdSPEO.js} |  2 +-
 ....lean.js => guide_faq.md.3pxdSPEO.lean.js} |  2 +-
 ...Mo2U8.js => guide_feedback.md.O1hxX6LV.js} |  2 +-
 ....js => guide_feedback.md.O1hxX6LV.lean.js} |  2 +-
 ...QmuiBOR.js => guide_figure.md._zUF2sHR.js} |  2 +-
 ...an.js => guide_figure.md._zUF2sHR.lean.js} |  2 +-
 ...s => guide_getting-started.md.BwlRNWz0.js} |  2 +-
 ...guide_getting-started.md.BwlRNWz0.lean.js} |  2 +-
 ...FYC0pq.js => guide_hot-key.md.iNZF3aPU.js} |  2 +-
 ...n.js => guide_hot-key.md.iNZF3aPU.lean.js} |  2 +-
 ....X9uoahs-.js => guide_i18n.md.Z7xgvpLe.js} |  2 +-
 ...lean.js => guide_i18n.md.Z7xgvpLe.lean.js} |  2 +-
 ...rd8z.js => guide_indicator.md.7Au_1f-w.js} |  2 +-
 ...js => guide_indicator.md.7Au_1f-w.lean.js} |  2 +-
 ...e.js => guide_instance-api.md.lKBd2zj6.js} |  2 +-
 ...=> guide_instance-api.md.lKBd2zj6.lean.js} |  2 +-
 ...2ozwhC.js => guide_overlay.md.CosxYA4R.js} |  2 +-
 ...n.js => guide_overlay.md.CosxYA4R.lean.js} |  2 +-
 ...9MpVylp.js => guide_styles.md.tQLwjU4S.js} |  2 +-
 ...an.js => guide_styles.md.tQLwjU4S.lean.js} |  2 +-
 ...AWg9R.js => guide_v8-to-v9.md.aAQMRSV4.js} |  2 +-
 ....js => guide_v8-to-v9.md.aAQMRSV4.lean.js} |  2 +-
 ...> guide_what-is-klinechart.md.UonmXvqD.js} |  2 +-
 ...de_what-is-klinechart.md.UonmXvqD.lean.js} |  2 +-
 ...ex.md.d29q78QD.js => index.md.GViJCsLA.js} |  2 +-
 ...78QD.lean.js => index.md.GViJCsLA.lean.js} |  2 +-
 ...Gg6kL3uO.js => sample_axis.md.8quueyiX.js} |  2 +-
 ...ean.js => sample_axis.md.8quueyiX.lean.js} |  2 +-
 ...Ui578Xl.js => sample_basic.md.XS5srsFh.js} |  2 +-
 ...an.js => sample_basic.md.XS5srsFh.lean.js} |  2 +-
 ...J.js => sample_candle-type.md.yrAL-bsb.js} |  2 +-
 ...=> sample_candle-type.md.yrAL-bsb.lean.js} |  2 +-
 ...OZ0Mw7p7.js => sample_data.md.fAiHBDxi.js} |  2 +-
 ...ean.js => sample_data.md.fAiHBDxi.lean.js} |  2 +-
 ...0igRcPtH.js => sample_i18n.md.hevtbunJ.js} |  2 +-
 ...ean.js => sample_i18n.md.hevtbunJ.lean.js} |  2 +-
 ...Mo9.js => sample_indicator.md.A_IyVpmE.js} |  2 +-
 ...s => sample_indicator.md.A_IyVpmE.lean.js} |  2 +-
 ...lScsm.js => sample_overlay.md.h5TTSo2F.js} |  2 +-
 ....js => sample_overlay.md.h5TTSo2F.lean.js} |  2 +-
 ...j4hWCAD.js => sample_theme.md.kIrBxDSv.js} |  2 +-
 ...an.js => sample_theme.md.kIrBxDSv.lean.js} |  2 +-
 ...fTk0.js => sample_timezone.md.yGCN9HaU.js} |  2 +-
 ...js => sample_timezone.md.yGCN9HaU.lean.js} |  2 +-
 ...ylDGx.js => sample_tooltip.md.wGwi01KI.js} |  2 +-
 ....js => sample_tooltip.md.wGwi01KI.lean.js} |  2 +-
 ....md.wKPK1i-f.js => sponsor.md.ImRh9tP0.js} |  2 +-
 ...-f.lean.js => sponsor.md.ImRh9tP0.lean.js} |  2 +-
 ...{style.wxAF7zCM.css => style.Vy96gPBS.css} |  2 +-
 en-US/guide/changelog.html                    | 16 +++++++--------
 en-US/guide/chart-api.html                    | 18 ++++++++---------
 en-US/guide/custom-axis.html                  | 18 ++++++++---------
 en-US/guide/datasource.html                   | 18 ++++++++---------
 en-US/guide/environment.html                  | 18 ++++++++---------
 en-US/guide/faq.html                          | 18 ++++++++---------
 en-US/guide/feedback.html                     | 16 +++++++--------
 en-US/guide/figure.html                       | 18 ++++++++---------
 en-US/guide/getting-started.html              | 18 ++++++++---------
 en-US/guide/hot-key.html                      | 16 +++++++--------
 en-US/guide/i18n.html                         | 18 ++++++++---------
 en-US/guide/indicator.html                    | 18 ++++++++---------
 en-US/guide/instance-api.html                 | 18 ++++++++---------
 en-US/guide/overlay.html                      | 18 ++++++++---------
 en-US/guide/styles.html                       | 20 +++++++++----------
 en-US/guide/v8-to-v9.html                     | 16 +++++++--------
 en-US/guide/what-is-klinechart.html           | 16 +++++++--------
 en-US/index.html                              | 16 +++++++--------
 en-US/sample/axis.html                        | 20 +++++++++----------
 en-US/sample/basic.html                       | 20 +++++++++----------
 en-US/sample/candle-type.html                 | 20 +++++++++----------
 en-US/sample/data.html                        | 20 +++++++++----------
 en-US/sample/i18n.html                        | 20 +++++++++----------
 en-US/sample/indicator.html                   | 20 +++++++++----------
 en-US/sample/overlay.html                     | 20 +++++++++----------
 en-US/sample/theme.html                       | 20 +++++++++----------
 en-US/sample/timezone.html                    | 20 +++++++++----------
 en-US/sample/tooltip.html                     | 20 +++++++++----------
 en-US/sponsor.html                            | 16 +++++++--------
 guide/changelog.html                          | 16 +++++++--------
 guide/chart-api.html                          | 18 ++++++++---------
 guide/custom-axis.html                        | 18 ++++++++---------
 guide/datasource.html                         | 18 ++++++++---------
 guide/environment.html                        | 18 ++++++++---------
 guide/faq.html                                | 18 ++++++++---------
 guide/feedback.html                           | 16 +++++++--------
 guide/figure.html                             | 18 ++++++++---------
 guide/getting-started.html                    | 18 ++++++++---------
 guide/hot-key.html                            | 16 +++++++--------
 guide/i18n.html                               | 18 ++++++++---------
 guide/indicator.html                          | 18 ++++++++---------
 guide/instance-api.html                       | 18 ++++++++---------
 guide/overlay.html                            | 18 ++++++++---------
 guide/styles.html                             | 20 +++++++++----------
 guide/v8-to-v9.html                           | 16 +++++++--------
 guide/what-is-klinechart.html                 | 16 +++++++--------
 hashmap.json                                  |  2 +-
 index.html                                    | 16 +++++++--------
 sample/axis.html                              | 20 +++++++++----------
 sample/basic.html                             | 20 +++++++++----------
 sample/candle-type.html                       | 20 +++++++++----------
 sample/data.html                              | 20 +++++++++----------
 sample/i18n.html                              | 20 +++++++++----------
 sample/indicator.html                         | 20 +++++++++----------
 sample/overlay.html                           | 20 +++++++++----------
 sample/theme.html                             | 20 +++++++++----------
 sample/timezone.html                          | 20 +++++++++----------
 sample/tooltip.html                           | 20 +++++++++----------
 sponsor.html                                  | 16 +++++++--------
 186 files changed, 676 insertions(+), 676 deletions(-)
 create mode 100644 assets/app.L7rJ58oT.js
 delete mode 100644 assets/app.kQmeYhjN.js
 rename assets/chunks/{@localSearchIndexen-US.4evaEQdO.js => @localSearchIndexen-US.Qs-0YSNC.js} (57%)
 rename assets/chunks/{SampleChart.xePfGVXN.js => SampleChart.OnyG1hsW.js} (99%)
 rename assets/chunks/{StyleExplain.5uViWWeX.js => StyleExplain.80h5cdQ4.js} (87%)
 rename assets/chunks/{VPLocalSearchBox.XzComPsV.js => VPLocalSearchBox.v9K90Uve.js} (99%)
 rename assets/chunks/{framework.b3gnc5d8.js => framework.S5btFSuR.js} (65%)
 delete mode 100644 assets/chunks/theme.8D-jh89Q.js
 create mode 100644 assets/chunks/theme.u0a61rzK.js
 rename assets/{en-US_guide_changelog.md.PuflNzXt.js => en-US_guide_changelog.md.oaiDMd4e.js} (99%)
 rename assets/{en-US_guide_changelog.md.PuflNzXt.lean.js => en-US_guide_changelog.md.oaiDMd4e.lean.js} (71%)
 rename assets/{en-US_guide_chart-api.md.cmE8v6pI.js => en-US_guide_chart-api.md.wkTQedMh.js} (99%)
 rename assets/{en-US_guide_chart-api.md.cmE8v6pI.lean.js => en-US_guide_chart-api.md.wkTQedMh.lean.js} (97%)
 rename assets/{en-US_guide_custom-axis.md.ml_n2IOs.js => en-US_guide_custom-axis.md.sGMOj5c1.js} (99%)
 rename assets/{en-US_guide_custom-axis.md.ml_n2IOs.lean.js => en-US_guide_custom-axis.md.sGMOj5c1.lean.js} (91%)
 rename assets/{en-US_guide_datasource.md.qxuuuQiO.js => en-US_guide_datasource.md.vNNGCJ0f.js} (97%)
 rename assets/{en-US_guide_datasource.md.qxuuuQiO.lean.js => en-US_guide_datasource.md.vNNGCJ0f.lean.js} (71%)
 rename assets/{en-US_guide_environment.md.CNdfrxHT.js => en-US_guide_environment.md.OgXnMEhO.js} (97%)
 rename assets/{en-US_guide_environment.md.CNdfrxHT.lean.js => en-US_guide_environment.md.OgXnMEhO.lean.js} (72%)
 rename assets/{en-US_guide_faq.md.pd9bHuij.js => en-US_guide_faq.md.SzAwqCkH.js} (97%)
 rename assets/{en-US_guide_faq.md.pd9bHuij.lean.js => en-US_guide_faq.md.SzAwqCkH.lean.js} (69%)
 rename assets/{en-US_guide_feedback.md.JJEH-tah.js => en-US_guide_feedback.md.3xu-SDzA.js} (94%)
 rename assets/{en-US_guide_feedback.md.JJEH-tah.lean.js => en-US_guide_feedback.md.3xu-SDzA.lean.js} (72%)
 rename assets/{en-US_guide_figure.md.eDRtTELF.js => en-US_guide_figure.md.JPACf3cm.js} (99%)
 rename assets/{en-US_guide_figure.md.eDRtTELF.lean.js => en-US_guide_figure.md.JPACf3cm.lean.js} (70%)
 rename assets/{en-US_guide_getting-started.md.B44rFZxd.js => en-US_guide_getting-started.md.6h25yVqP.js} (99%)
 rename assets/{en-US_guide_getting-started.md.B44rFZxd.lean.js => en-US_guide_getting-started.md.6h25yVqP.lean.js} (59%)
 rename assets/{en-US_guide_hot-key.md.rgHqonm8.js => en-US_guide_hot-key.md.dz6HVI4o.js} (85%)
 rename assets/{en-US_guide_hot-key.md.rgHqonm8.lean.js => en-US_guide_hot-key.md.dz6HVI4o.lean.js} (70%)
 rename assets/{en-US_guide_i18n.md.AvfNv76i.js => en-US_guide_i18n.md.pHHaeKrO.js} (97%)
 rename assets/{en-US_guide_i18n.md.AvfNv76i.lean.js => en-US_guide_i18n.md.pHHaeKrO.lean.js} (71%)
 rename assets/{en-US_guide_indicator.md.eZNsWP3p.js => en-US_guide_indicator.md.KL5sZ2Xa.js} (99%)
 rename assets/{en-US_guide_indicator.md.eZNsWP3p.lean.js => en-US_guide_indicator.md.KL5sZ2Xa.lean.js} (71%)
 rename assets/{en-US_guide_instance-api.md.J-9lOfxo.js => en-US_guide_instance-api.md.MuhSVJeX.js} (99%)
 rename assets/{en-US_guide_instance-api.md.J-9lOfxo.lean.js => en-US_guide_instance-api.md.MuhSVJeX.lean.js} (99%)
 rename assets/{en-US_guide_overlay.md.NL-bUeUU.js => en-US_guide_overlay.md.qs_GiGcg.js} (99%)
 rename assets/{en-US_guide_overlay.md.NL-bUeUU.lean.js => en-US_guide_overlay.md.qs_GiGcg.lean.js} (70%)
 rename assets/{en-US_guide_styles.md.2d4oDT-0.js => en-US_guide_styles.md.NxUSGPkk.js} (99%)
 rename assets/{en-US_guide_styles.md.2d4oDT-0.lean.js => en-US_guide_styles.md.NxUSGPkk.lean.js} (88%)
 rename assets/{en-US_guide_v8-to-v9.md.bmmxtubU.js => en-US_guide_v8-to-v9.md.8sr1qjpO.js} (98%)
 rename assets/{en-US_guide_v8-to-v9.md.bmmxtubU.lean.js => en-US_guide_v8-to-v9.md.8sr1qjpO.lean.js} (71%)
 rename assets/{en-US_guide_what-is-klinechart.md.IeSNEnMI.js => en-US_guide_what-is-klinechart.md.DomNlsHt.js} (92%)
 rename assets/{en-US_guide_what-is-klinechart.md.IeSNEnMI.lean.js => en-US_guide_what-is-klinechart.md.DomNlsHt.lean.js} (73%)
 rename assets/{en-US_index.md.FPotMOGe.js => en-US_index.md.OS0zQc9a.js} (96%)
 rename assets/{en-US_index.md.FPotMOGe.lean.js => en-US_index.md.OS0zQc9a.lean.js} (96%)
 rename assets/{en-US_sample_axis.md.JNg0QnHJ.js => en-US_sample_axis.md.5e2auj5u.js} (99%)
 rename assets/{en-US_sample_axis.md.JNg0QnHJ.lean.js => en-US_sample_axis.md.5e2auj5u.lean.js} (84%)
 rename assets/{en-US_sample_basic.md.QvgKzbO9.js => en-US_sample_basic.md.3PMOaPoH.js} (98%)
 rename assets/{en-US_sample_basic.md.QvgKzbO9.lean.js => en-US_sample_basic.md.3PMOaPoH.lean.js} (83%)
 rename assets/{en-US_sample_candle-type.md.AteKF25b.js => en-US_sample_candle-type.md.jwCYpV7R.js} (99%)
 rename assets/{en-US_sample_candle-type.md.AteKF25b.lean.js => en-US_sample_candle-type.md.jwCYpV7R.lean.js} (85%)
 rename assets/{en-US_sample_data.md.makqmGdU.js => en-US_sample_data.md.KwS-0Ey9.js} (98%)
 rename assets/{en-US_sample_data.md.makqmGdU.lean.js => en-US_sample_data.md.KwS-0Ey9.lean.js} (83%)
 rename assets/{en-US_sample_i18n.md.gISjueFG.js => en-US_sample_i18n.md.V8elJXsA.js} (99%)
 rename assets/{en-US_sample_i18n.md.gISjueFG.lean.js => en-US_sample_i18n.md.V8elJXsA.lean.js} (84%)
 rename assets/{en-US_sample_indicator.md.sM_nm4lX.js => en-US_sample_indicator.md.vpibD4Ua.js} (99%)
 rename assets/{en-US_sample_indicator.md.sM_nm4lX.lean.js => en-US_sample_indicator.md.vpibD4Ua.lean.js} (85%)
 rename assets/{en-US_sample_overlay.md.LC8PrpQr.js => en-US_sample_overlay.md.Nk_4roIH.js} (99%)
 rename assets/{en-US_sample_overlay.md.LC8PrpQr.lean.js => en-US_sample_overlay.md.Nk_4roIH.lean.js} (84%)
 rename assets/{en-US_sample_theme.md.vLO6bEER.js => en-US_sample_theme.md.Pr7TgfVH.js} (99%)
 rename assets/{en-US_sample_theme.md.vLO6bEER.lean.js => en-US_sample_theme.md.Pr7TgfVH.lean.js} (88%)
 rename assets/{en-US_sample_timezone.md.YYO_Qpcd.js => en-US_sample_timezone.md.dqeEs2ZI.js} (98%)
 rename assets/{en-US_sample_timezone.md.YYO_Qpcd.lean.js => en-US_sample_timezone.md.dqeEs2ZI.lean.js} (84%)
 rename assets/{en-US_sample_tooltip.md.ndS65LjS.js => en-US_sample_tooltip.md.O8dAp9_k.js} (99%)
 rename assets/{en-US_sample_tooltip.md.ndS65LjS.lean.js => en-US_sample_tooltip.md.O8dAp9_k.lean.js} (84%)
 rename assets/{en-US_sponsor.md.s6A3pScV.js => en-US_sponsor.md.W43Y6shs.js} (95%)
 rename assets/{en-US_sponsor.md.s6A3pScV.lean.js => en-US_sponsor.md.W43Y6shs.lean.js} (73%)
 rename assets/{guide_changelog.md.9HVBq0V4.js => guide_changelog.md.WCU6NOkP.js} (99%)
 rename assets/{guide_changelog.md.9HVBq0V4.lean.js => guide_changelog.md.WCU6NOkP.lean.js} (70%)
 rename assets/{guide_chart-api.md.LU-7TYvX.js => guide_chart-api.md.Ja3EzuzJ.js} (99%)
 rename assets/{guide_chart-api.md.LU-7TYvX.lean.js => guide_chart-api.md.Ja3EzuzJ.lean.js} (97%)
 rename assets/{guide_custom-axis.md.zQzMpDqe.js => guide_custom-axis.md.YHD7AC8J.js} (99%)
 rename assets/{guide_custom-axis.md.zQzMpDqe.lean.js => guide_custom-axis.md.YHD7AC8J.lean.js} (91%)
 rename assets/{guide_datasource.md.NxxFl54M.js => guide_datasource.md.ZxIo0sjE.js} (97%)
 rename assets/{guide_datasource.md.NxxFl54M.lean.js => guide_datasource.md.ZxIo0sjE.lean.js} (70%)
 rename assets/{guide_environment.md.fh2tLeH-.js => guide_environment.md.Zir01w8q.js} (97%)
 rename assets/{guide_environment.md.fh2tLeH-.lean.js => guide_environment.md.Zir01w8q.lean.js} (70%)
 rename assets/{guide_faq.md.XLgpFwOe.js => guide_faq.md.3pxdSPEO.js} (97%)
 rename assets/{guide_faq.md.XLgpFwOe.lean.js => guide_faq.md.3pxdSPEO.lean.js} (69%)
 rename assets/{guide_feedback.md.YUbMo2U8.js => guide_feedback.md.O1hxX6LV.js} (93%)
 rename assets/{guide_feedback.md.YUbMo2U8.lean.js => guide_feedback.md.O1hxX6LV.lean.js} (71%)
 rename assets/{guide_figure.md.9QmuiBOR.js => guide_figure.md._zUF2sHR.js} (99%)
 rename assets/{guide_figure.md.9QmuiBOR.lean.js => guide_figure.md._zUF2sHR.lean.js} (69%)
 rename assets/{guide_getting-started.md.HwS6ZWou.js => guide_getting-started.md.BwlRNWz0.js} (99%)
 rename assets/{guide_getting-started.md.HwS6ZWou.lean.js => guide_getting-started.md.BwlRNWz0.lean.js} (57%)
 rename assets/{guide_hot-key.md.HaFYC0pq.js => guide_hot-key.md.iNZF3aPU.js} (85%)
 rename assets/{guide_hot-key.md.HaFYC0pq.lean.js => guide_hot-key.md.iNZF3aPU.lean.js} (69%)
 rename assets/{guide_i18n.md.X9uoahs-.js => guide_i18n.md.Z7xgvpLe.js} (97%)
 rename assets/{guide_i18n.md.X9uoahs-.lean.js => guide_i18n.md.Z7xgvpLe.lean.js} (69%)
 rename assets/{guide_indicator.md.7Ru-rd8z.js => guide_indicator.md.7Au_1f-w.js} (99%)
 rename assets/{guide_indicator.md.7Ru-rd8z.lean.js => guide_indicator.md.7Au_1f-w.lean.js} (70%)
 rename assets/{guide_instance-api.md.k2PzSque.js => guide_instance-api.md.lKBd2zj6.js} (99%)
 rename assets/{guide_instance-api.md.k2PzSque.lean.js => guide_instance-api.md.lKBd2zj6.lean.js} (98%)
 rename assets/{guide_overlay.md.182ozwhC.js => guide_overlay.md.CosxYA4R.js} (99%)
 rename assets/{guide_overlay.md.182ozwhC.lean.js => guide_overlay.md.CosxYA4R.lean.js} (69%)
 rename assets/{guide_styles.md.h9MpVylp.js => guide_styles.md.tQLwjU4S.js} (99%)
 rename assets/{guide_styles.md.h9MpVylp.lean.js => guide_styles.md.tQLwjU4S.lean.js} (88%)
 rename assets/{guide_v8-to-v9.md.QFtAWg9R.js => guide_v8-to-v9.md.aAQMRSV4.js} (98%)
 rename assets/{guide_v8-to-v9.md.QFtAWg9R.lean.js => guide_v8-to-v9.md.aAQMRSV4.lean.js} (70%)
 rename assets/{guide_what-is-klinechart.md.jAq7RHvv.js => guide_what-is-klinechart.md.UonmXvqD.js} (91%)
 rename assets/{guide_what-is-klinechart.md.jAq7RHvv.lean.js => guide_what-is-klinechart.md.UonmXvqD.lean.js} (71%)
 rename assets/{index.md.d29q78QD.js => index.md.GViJCsLA.js} (95%)
 rename assets/{index.md.d29q78QD.lean.js => index.md.GViJCsLA.lean.js} (95%)
 rename assets/{sample_axis.md.Gg6kL3uO.js => sample_axis.md.8quueyiX.js} (99%)
 rename assets/{sample_axis.md.Gg6kL3uO.lean.js => sample_axis.md.8quueyiX.lean.js} (84%)
 rename assets/{sample_basic.md.pUi578Xl.js => sample_basic.md.XS5srsFh.js} (98%)
 rename assets/{sample_basic.md.pUi578Xl.lean.js => sample_basic.md.XS5srsFh.lean.js} (84%)
 rename assets/{sample_candle-type.md.8toIYtuJ.js => sample_candle-type.md.yrAL-bsb.js} (99%)
 rename assets/{sample_candle-type.md.8toIYtuJ.lean.js => sample_candle-type.md.yrAL-bsb.lean.js} (85%)
 rename assets/{sample_data.md.OZ0Mw7p7.js => sample_data.md.fAiHBDxi.js} (99%)
 rename assets/{sample_data.md.OZ0Mw7p7.lean.js => sample_data.md.fAiHBDxi.lean.js} (84%)
 rename assets/{sample_i18n.md.0igRcPtH.js => sample_i18n.md.hevtbunJ.js} (99%)
 rename assets/{sample_i18n.md.0igRcPtH.lean.js => sample_i18n.md.hevtbunJ.lean.js} (84%)
 rename assets/{sample_indicator.md.iQYEEMo9.js => sample_indicator.md.A_IyVpmE.js} (99%)
 rename assets/{sample_indicator.md.iQYEEMo9.lean.js => sample_indicator.md.A_IyVpmE.lean.js} (85%)
 rename assets/{sample_overlay.md.xpFlScsm.js => sample_overlay.md.h5TTSo2F.js} (99%)
 rename assets/{sample_overlay.md.xpFlScsm.lean.js => sample_overlay.md.h5TTSo2F.lean.js} (84%)
 rename assets/{sample_theme.md.9j4hWCAD.js => sample_theme.md.kIrBxDSv.js} (99%)
 rename assets/{sample_theme.md.9j4hWCAD.lean.js => sample_theme.md.kIrBxDSv.lean.js} (88%)
 rename assets/{sample_timezone.md.WdAsfTk0.js => sample_timezone.md.yGCN9HaU.js} (98%)
 rename assets/{sample_timezone.md.WdAsfTk0.lean.js => sample_timezone.md.yGCN9HaU.lean.js} (84%)
 rename assets/{sample_tooltip.md.idFylDGx.js => sample_tooltip.md.wGwi01KI.js} (99%)
 rename assets/{sample_tooltip.md.idFylDGx.lean.js => sample_tooltip.md.wGwi01KI.lean.js} (84%)
 rename assets/{sponsor.md.wKPK1i-f.js => sponsor.md.ImRh9tP0.js} (95%)
 rename assets/{sponsor.md.wKPK1i-f.lean.js => sponsor.md.ImRh9tP0.lean.js} (72%)
 rename assets/{style.wxAF7zCM.css => style.Vy96gPBS.css} (64%)

diff --git a/404.html b/404.html
index 335eb232b..a0fb68e2b 100644
--- a/404.html
+++ b/404.html
@@ -5,10 +5,10 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>404 | KLineChart</title>
     <meta name="description" content="Not Found">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
@@ -16,8 +16,8 @@
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-ef60d520 data-v-a693ae2c><!--[--><!--[--><div class="NotFound" data-v-de22ffbd><div class="logo" data-v-de22ffbd><span data-v-de22ffbd>4</span><img src="/images/logo.svg" data-v-de22ffbd><span data-v-de22ffbd>4</span></div><p class="title" data-v-de22ffbd>Page Not Found</p><p class="tip" style="margin-top:30px;" data-v-de22ffbd>Make sure the address is correct and the page hasn&#39;t moved.</p><p class="tip" data-v-de22ffbd>Please contact your KLineChart administrator if you think this is a mistake.</p><div class="action" data-v-de22ffbd><a class="link" href="/" aria-label="go to home" data-v-de22ffbd> Take me home </a></div></div><!--]--><!--]--></div><footer class="VPFooter" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-a496c289 data-v-aa32f6e2><!--[--><!--[--><div class="NotFound" data-v-de22ffbd><div class="logo" data-v-de22ffbd><span data-v-de22ffbd>4</span><img src="/images/logo.svg" data-v-de22ffbd><span data-v-de22ffbd>4</span></div><p class="title" data-v-de22ffbd>Page Not Found</p><p class="tip" style="margin-top:30px;" data-v-de22ffbd>Make sure the address is correct and the page hasn&#39;t moved.</p><p class="tip" data-v-de22ffbd>Please contact your KLineChart administrator if you think this is a mistake.</p><div class="action" data-v-de22ffbd><a class="link" href="/" aria-label="go to home" data-v-de22ffbd> Take me home </a></div></div><!--]--><!--]--></div><footer class="VPFooter" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/assets/app.L7rJ58oT.js b/assets/app.L7rJ58oT.js
new file mode 100644
index 000000000..5de34c08b
--- /dev/null
+++ b/assets/app.L7rJ58oT.js
@@ -0,0 +1,7 @@
+import{j as s,ab as p,ac as u,ad as l,ae as c,af as f,ag as d,ah as m,ai as h,aj as g,ak as A,Y as P,d as _,u as v,l as R,z as w,al as y,am as C,an as E,ao as b}from"./chunks/framework.S5btFSuR.js";import{R as T}from"./chunks/theme.u0a61rzK.js";function i(e){if(e.extends){const a=i(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const o=i(T),S=_({name:"VitePressApp",setup(){const{site:e,lang:a,dir:t}=v();return R(()=>{w(()=>{document.documentElement.lang=a.value,document.documentElement.dir=t.value})}),e.value.router.prefetchLinks&&y(),C(),E(),o.setup&&o.setup(),()=>b(o.Layout)}});async function j(){globalThis.__VITEPRESS__=!0;const e=L(),a=D();a.provide(u,e);const t=l(e.route);return a.provide(c,t),a.component("Content",f),a.component("ClientOnly",d),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),o.enhanceApp&&await o.enhanceApp({app:a,router:e,siteData:m}),{app:a,router:e,data:t}}function D(){return h(S)}function L(){let e=s,a;return g(t=>{let n=A(t),r=null;return n&&(e&&(a=n),(e||a===n)&&(n=n.replace(/\.js$/,".lean.js")),r=P(()=>import(n),__vite__mapDeps([]))),s&&(e=!1),r},o.NotFound)}s&&j().then(({app:e,router:a,data:t})=>{a.go().then(()=>{p(a.route,t.site),e.mount("#app")})});export{j as createApp};
+function __vite__mapDeps(indexes) {
+  if (!__vite__mapDeps.viteFileDeps) {
+    __vite__mapDeps.viteFileDeps = []
+  }
+  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
+}
diff --git a/assets/app.kQmeYhjN.js b/assets/app.kQmeYhjN.js
deleted file mode 100644
index b239569bc..000000000
--- a/assets/app.kQmeYhjN.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import{j as s,ac as p,ad as u,ae as l,af as c,ag as f,ah as d,ai as m,aj as h,ak as A,al as g,Y as v,d as P,u as w,l as y,z as C,am as R,an as _,ao as E,a6 as b}from"./chunks/framework.b3gnc5d8.js";import{R as j}from"./chunks/theme.8D-jh89Q.js";function i(e){if(e.extends){const a=i(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const o=i(j),D=P({name:"VitePressApp",setup(){const{site:e,lang:a,dir:t}=w();return y(()=>{C(()=>{document.documentElement.lang=a.value,document.documentElement.dir=t.value})}),e.value.router.prefetchLinks&&R(),_(),E(),o.setup&&o.setup(),()=>b(o.Layout)}});async function T(){const e=O(),a=L();a.provide(u,e);const t=l(e.route);return a.provide(c,t),a.component("Content",f),a.component("ClientOnly",d),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),o.enhanceApp&&await o.enhanceApp({app:a,router:e,siteData:m}),{app:a,router:e,data:t}}function L(){return h(D)}function O(){let e=s,a;return A(t=>{let n=g(t),r=null;return n&&(e&&(a=n),(e||a===n)&&(n=n.replace(/\.js$/,".lean.js")),r=v(()=>import(n),__vite__mapDeps([]))),s&&(e=!1),r},o.NotFound)}s&&T().then(({app:e,router:a,data:t})=>{a.go().then(()=>{p(a.route,t.site),e.mount("#app")})});export{T as createApp};
-function __vite__mapDeps(indexes) {
-  if (!__vite__mapDeps.viteFileDeps) {
-    __vite__mapDeps.viteFileDeps = []
-  }
-  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
-}
diff --git a/assets/chunks/@localSearchIndexen-US.4evaEQdO.js b/assets/chunks/@localSearchIndexen-US.Qs-0YSNC.js
similarity index 57%
rename from assets/chunks/@localSearchIndexen-US.4evaEQdO.js
rename to assets/chunks/@localSearchIndexen-US.Qs-0YSNC.js
index 98772c14f..60141bb5c 100644
--- a/assets/chunks/@localSearchIndexen-US.4evaEQdO.js
+++ b/assets/chunks/@localSearchIndexen-US.Qs-0YSNC.js
@@ -1 +1 @@
-const e='{"documentCount":211,"nextId":211,"documentIds":{"0":"/en-US/guide/changelog.html#📠-change-log","1":"/en-US/guide/changelog.html#_9-8-0","2":"/en-US/guide/changelog.html#_9-7-1","3":"/en-US/guide/changelog.html#_9-7-0","4":"/en-US/guide/changelog.html#_9-6-0","5":"/en-US/guide/changelog.html#_9-5-4","6":"/en-US/guide/changelog.html#_9-5-3","7":"/en-US/guide/changelog.html#_9-5-2","8":"/en-US/guide/changelog.html#_9-5-1","9":"/en-US/guide/changelog.html#_9-5-0","10":"/en-US/guide/changelog.html#_9-4-0","11":"/en-US/guide/changelog.html#_9-3-0","12":"/en-US/guide/changelog.html#_9-2-2","13":"/en-US/guide/changelog.html#_9-2-1","14":"/en-US/guide/changelog.html#_9-2-0","15":"/en-US/guide/changelog.html#_9-1-3","16":"/en-US/guide/changelog.html#_9-1-2","17":"/en-US/guide/changelog.html#_9-1-1","18":"/en-US/guide/changelog.html#_9-1-0","19":"/en-US/guide/changelog.html#_9-0-1","20":"/en-US/guide/changelog.html#_9-0-0","21":"/en-US/guide/changelog.html#_8-x","22":"/en-US/guide/changelog.html#_7-x","23":"/en-US/guide/changelog.html#_6-x","24":"/en-US/guide/changelog.html#_5-x","25":"/en-US/guide/changelog.html#_4-x","26":"/en-US/guide/custom-axis.html#custom-axis-v9-8-0","27":"/en-US/guide/custom-axis.html#input-params-introduction","28":"/en-US/guide/custom-axis.html#usage","29":"/en-US/guide/custom-axis.html#using-init-of-chart-api","30":"/en-US/guide/custom-axis.html#using-createindicator-of-instance-api","31":"/en-US/guide/custom-axis.html#using-setpaneoptions-of-instance-api","32":"/en-US/guide/chart-api.html#chart-api","33":"/en-US/guide/chart-api.html#init-ds-options","34":"/en-US/guide/chart-api.html#dispose-dcs","35":"/en-US/guide/chart-api.html#registerlocale-locale-locales","36":"/en-US/guide/chart-api.html#getoverlayclass","37":"/en-US/guide/chart-api.html#getsupportedlocales","38":"/en-US/guide/chart-api.html#registerstyles-name-styles","39":"/en-US/guide/chart-api.html#registerfigure-figure","40":"/en-US/guide/chart-api.html#getsupportedfigures","41":"/en-US/guide/chart-api.html#getfigureclass-name","42":"/en-US/guide/chart-api.html#registerindicator-indicator","43":"/en-US/guide/chart-api.html#getsupportedindicators","44":"/en-US/guide/chart-api.html#registeroverlay-overlay","45":"/en-US/guide/chart-api.html#getsupportedoverlays","46":"/en-US/guide/chart-api.html#registerxaxis-axis-v9-8-0","47":"/en-US/guide/chart-api.html#registeryaxis-axis-v9-8-0","48":"/en-US/guide/chart-api.html#version","49":"/en-US/guide/chart-api.html#utils","50":"/en-US/guide/chart-api.html#utils-clone-target","51":"/en-US/guide/chart-api.html#utils-merge-target-source","52":"/en-US/guide/chart-api.html#utils-isstring-value","53":"/en-US/guide/chart-api.html#utils-isnumber-value","54":"/en-US/guide/chart-api.html#utils-isvalid-value","55":"/en-US/guide/chart-api.html#utils-isobject-value","56":"/en-US/guide/chart-api.html#utils-isfunction-value","57":"/en-US/guide/chart-api.html#utils-isboolean-value","58":"/en-US/guide/chart-api.html#utils-formatvalue-value-key-defaultvalue","59":"/en-US/guide/chart-api.html#utils-formatprecision-value","60":"/en-US/guide/chart-api.html#utils-formatbignumber-value","61":"/en-US/guide/chart-api.html#utils-formatdate-datetimeformat-timestamp-format","62":"/en-US/guide/chart-api.html#utils-formatthousands-value-sign","63":"/en-US/guide/chart-api.html#utils-formatfolddecimal-value-threshold-v9-8-0","64":"/en-US/guide/chart-api.html#utils-calctextwidth-text-size-weight-family-v9-3-0","65":"/en-US/guide/chart-api.html#utils-getlinearslopeintercept-coordinate1-coordinate2","66":"/en-US/guide/chart-api.html#utils-getlinearyfromcoordinates-coordinate1-coordinate2-targetcoordinate","67":"/en-US/guide/chart-api.html#utils-getlinearyfromslopeintercept-kb-targetcoordinate","68":"/en-US/guide/chart-api.html#utils-checkcoordinateonarc-coordinate-arc","69":"/en-US/guide/chart-api.html#utils-checkcoordinateoncircle-coordinate-circle","70":"/en-US/guide/chart-api.html#utils-checkcoordinateonline-coordinate-line","71":"/en-US/guide/chart-api.html#utils-checkcoordinateonpolygon-coordinate-polygon","72":"/en-US/guide/chart-api.html#utils-checkcoordinateonrect-coordinate-rect","73":"/en-US/guide/chart-api.html#utils-checkcoordinateontext-coordinate-text-styles","74":"/en-US/guide/chart-api.html#utils-drawarc-ctx-arc-styles","75":"/en-US/guide/chart-api.html#utils-drawcircle-ctx-circle-styles","76":"/en-US/guide/chart-api.html#utils-drawline-ctx-line-styles","77":"/en-US/guide/chart-api.html#utils-drawpolygon-ctx-polygon-styles","78":"/en-US/guide/chart-api.html#utils-drawrect-ctx-rect-styles","79":"/en-US/guide/chart-api.html#utils-drawrecttext-ctx-recttext-styles","80":"/en-US/guide/chart-api.html#utils-drawrecttext-ctx-recttext-styles-1","81":"/en-US/guide/datasource.html#📚-data","82":"/en-US/guide/environment.html#🏝️-environment","83":"/en-US/guide/environment.html#browser-support","84":"/en-US/guide/environment.html#polyfill","85":"/en-US/guide/faq.html#🙋-faq","86":"/en-US/guide/faq.html#after-the-chart-is-initialized-only-one-line-can-be-seen","87":"/en-US/guide/faq.html#the-candle-shows-a-line-no-fluctuation-what-to-do","88":"/en-US/guide/faq.html#how-to-create-a-real-time-chart","89":"/en-US/guide/faq.html#built-in-technical-indicators-calculated-data-is-not-what-you-want-how-to-do","90":"/en-US/guide/faq.html#what-if-i-want-to-create-an-indicator-other-than-the-built-in-technical-indicator","91":"/en-US/guide/faq.html#want-to-mark-the-point-of-sale-how-should-do","92":"/en-US/guide/feedback.html#💬-feedback","93":"/en-US/guide/feedback.html#github","94":"/en-US/guide/feedback.html#telegram","95":"/en-US/guide/feedback.html#discord","96":"/en-US/guide/feedback.html#wechat-discussion-group","97":"/en-US/guide/feedback.html#qq-discussion-group","98":"/en-US/guide/figure.html#figure","99":"/en-US/guide/figure.html#example-of-use","100":"/en-US/guide/figure.html#built-in-figures","101":"/en-US/guide/figure.html#arc","102":"/en-US/guide/figure.html#circle","103":"/en-US/guide/figure.html#line","104":"/en-US/guide/figure.html#rect","105":"/en-US/guide/figure.html#text","106":"/en-US/guide/figure.html#recttext","107":"/en-US/guide/figure.html#customize-figure","108":"/en-US/guide/figure.html#attribute-description","109":"/en-US/guide/figure.html#example","110":"/en-US/guide/figure.html#step-1","111":"/en-US/guide/figure.html#step-2","112":"/en-US/guide/getting-started.html#🚀-getting-started","113":"/en-US/guide/getting-started.html#get-klinechart","114":"/en-US/guide/getting-started.html#create-the-first-chart","115":"/en-US/guide/hot-key.html#⌨️-hot-key","116":"/en-US/guide/i18n.html#🌏-internationalization","117":"/en-US/guide/i18n.html#adding-new-language","118":"/en-US/guide/i18n.html#use-new-language","119":"/en-US/guide/indicator.html#technical-indicator","120":"/en-US/guide/indicator.html#built-in-technical-indicators","121":"/en-US/guide/indicator.html#custom-technical-indicators","122":"/en-US/guide/indicator.html#attribute-description","123":"/en-US/guide/indicator.html#step-1","124":"/en-US/guide/indicator.html#step-2","125":"/en-US/guide/instance-api.html#instance-api","126":"/en-US/guide/instance-api.html#getdom-paneid-position","127":"/en-US/guide/instance-api.html#getsize-paneid-position","128":"/en-US/guide/instance-api.html#setstyles-styles","129":"/en-US/guide/instance-api.html#getstyles","130":"/en-US/guide/instance-api.html#setpricevolumeprecision-priceprecision-volumeprecision","131":"/en-US/guide/instance-api.html#settimezone-timezone","132":"/en-US/guide/instance-api.html#gettimezone","133":"/en-US/guide/instance-api.html#setzoomenabled-enabled","134":"/en-US/guide/instance-api.html#iszoomenabled","135":"/en-US/guide/instance-api.html#setscrollenabled-enabled","136":"/en-US/guide/instance-api.html#isscrollenabled","137":"/en-US/guide/instance-api.html#setoffsetrightdistance-distance","138":"/en-US/guide/instance-api.html#getoffsetrightdistance-v9-2-0","139":"/en-US/guide/instance-api.html#setmaxoffsetleftdistance-v9-7-0","140":"/en-US/guide/instance-api.html#setmaxoffsetrightdistance-v9-7-0","141":"/en-US/guide/instance-api.html#setleftminvisiblebarcount-barcount","142":"/en-US/guide/instance-api.html#setrightminvisiblebarcount-barcount","143":"/en-US/guide/instance-api.html#setbarspace-space","144":"/en-US/guide/instance-api.html#getbarspace","145":"/en-US/guide/instance-api.html#getvisiblerange","146":"/en-US/guide/instance-api.html#applynewdata-datalist-more-callback","147":"/en-US/guide/instance-api.html#applymoredata-datalist-more-callback","148":"/en-US/guide/instance-api.html#updatedata-data-callback","149":"/en-US/guide/instance-api.html#getdatalist","150":"/en-US/guide/instance-api.html#cleardata","151":"/en-US/guide/instance-api.html#loadmore-cb","152":"/en-US/guide/instance-api.html#setloaddatacallback-cb-v9-8-0","153":"/en-US/guide/instance-api.html#createindicator-value-isstack-paneoptions-callback","154":"/en-US/guide/instance-api.html#overrideindicator-override-paneid-callback","155":"/en-US/guide/instance-api.html#getindicatorbypaneid-paneid-name","156":"/en-US/guide/instance-api.html#removeindicator-paneid-name","157":"/en-US/guide/instance-api.html#createoverlay-value-paneid","158":"/en-US/guide/instance-api.html#getoverlaybyid-id","159":"/en-US/guide/instance-api.html#overrideoverlay-override","160":"/en-US/guide/instance-api.html#removeoverlay-remove","161":"/en-US/guide/instance-api.html#scrollbydistance-distance-animationduration","162":"/en-US/guide/instance-api.html#scrolltorealtime-animationduration","163":"/en-US/guide/instance-api.html#scrolltodataindex-dataindex-animationduration","164":"/en-US/guide/instance-api.html#scrolltotimestamp-timestamp-animationduration","165":"/en-US/guide/instance-api.html#zoomatcoordinate-scale-coordinate-animationduration","166":"/en-US/guide/instance-api.html#zoomatdataindex-scale-dataindex-animationduration","167":"/en-US/guide/instance-api.html#zoomattimestamp-scale-timestamp-animationduration","168":"/en-US/guide/instance-api.html#setpaneoptions-options","169":"/en-US/guide/instance-api.html#executeaction-type-data-v9-2-0","170":"/en-US/guide/instance-api.html#subscribeaction-type-callback","171":"/en-US/guide/instance-api.html#unsubscribeaction-type-callback","172":"/en-US/guide/instance-api.html#converttopixel-value-finder","173":"/en-US/guide/instance-api.html#convertfrompixel-coordinate-finder","174":"/en-US/guide/instance-api.html#getconvertpictureurl-includeoverlay-type-backgroundcolor","175":"/en-US/guide/instance-api.html#resize","176":"/en-US/guide/overlay.html#overlay","177":"/en-US/guide/overlay.html#built-in-overlay-types","178":"/en-US/guide/overlay.html#custom-overlays","179":"/en-US/guide/overlay.html#attribute-description","180":"/en-US/guide/overlay.html#example","181":"/en-US/guide/styles.html#🎨-style","182":"/en-US/guide/styles.html#picture-explanation","183":"/en-US/guide/styles.html#default-full-configuration","184":"/en-US/guide/v8-to-v9.html#🛠️-from-v8-to-v9","185":"/en-US/guide/v8-to-v9.html#import-adjustment","186":"/en-US/guide/v8-to-v9.html#design-adjustment","187":"/en-US/guide/v8-to-v9.html#style-configuration-adjustment","188":"/en-US/guide/v8-to-v9.html#api-adjustment","189":"/en-US/guide/v8-to-v9.html#chart-api","190":"/en-US/guide/v8-to-v9.html#instance-api","191":"/en-US/guide/v8-to-v9.html#shape-help-api","192":"/en-US/guide/v8-to-v9.html#customized-technical-indicator-adjustment","193":"/en-US/guide/what-is-klinechart.html#📃-introducation","194":"/en-US/guide/what-is-klinechart.html#what-s-klinechart","195":"/en-US/guide/what-is-klinechart.html#features","196":"/en-US/sample/axis.html#axis","197":"/en-US/sample/basic.html#basic","198":"/en-US/sample/candle-type.html#candle-type","199":"/en-US/sample/data.html#data","200":"/en-US/sample/i18n.html#i18n","201":"/en-US/sample/indicator.html#indicator","202":"/en-US/sample/overlay.html#overlay","203":"/en-US/sample/theme.html#theme","204":"/en-US/sample/timezone.html#timezone","205":"/en-US/sample/tooltip.html#tooltip","206":"/en-US/sponsor.html#❤️-sponsor","207":"/en-US/sponsor.html#sponsor-channels","208":"/en-US/sponsor.html#alipay","209":"/en-US/sponsor.html#wechat-pay","210":"/en-US/sponsor.html#cryptocurrency"},"fieldIds":{"title":0,"titles":1,"text":2},"fieldLength":{"0":[3,1,1],"1":[3,3,49],"2":[3,3,19],"3":[3,3,28],"4":[3,3,54],"5":[3,3,25],"6":[3,3,9],"7":[3,3,27],"8":[3,3,29],"9":[3,3,48],"10":[3,3,27],"11":[3,3,40],"12":[2,3,14],"13":[3,3,19],"14":[3,3,52],"15":[3,3,52],"16":[3,3,34],"17":[2,3,17],"18":[3,3,29],"19":[3,3,10],"20":[2,3,160],"21":[2,3,11],"22":[2,3,11],"23":[2,3,11],"24":[2,3,10],"25":[2,3,10],"26":[5,1,16],"27":[3,5,37],"28":[1,5,35],"29":[5,6,32],"30":[5,6,19],"31":[5,6,20],"32":[2,1,1],"33":[4,2,130],"34":[3,2,26],"35":[4,2,28],"36":[2,2,14],"37":[2,2,12],"38":[4,2,19],"39":[3,2,36],"40":[2,2,11],"41":[3,2,9],"42":[3,2,109],"43":[2,2,10],"44":[3,2,126],"45":[2,2,9],"46":[5,2,24],"47":[5,2,24],"48":[2,2,11],"49":[1,2,6],"50":[4,3,7],"51":[5,3,11],"52":[4,3,11],"53":[4,3,11],"54":[4,3,11],"55":[4,3,12],"56":[4,3,11],"57":[4,3,11],"58":[6,3,28],"59":[4,3,9],"60":[4,3,18],"61":[6,3,20],"62":[5,3,11],"63":[7,3,11],"64":[9,3,12],"65":[5,3,29],"66":[6,3,24],"67":[5,3,26],"68":[5,3,31],"69":[5,3,25],"70":[5,3,21],"71":[5,3,20],"72":[5,3,24],"73":[6,3,48],"74":[6,3,39],"75":[6,3,41],"76":[6,3,31],"77":[6,3,38],"78":[6,3,44],"79":[6,3,68],"80":[6,3,20],"81":[2,1,55],"82":[2,1,1],"83":[2,2,26],"84":[1,2,1],"85":[2,1,1],"86":[12,2,13],"87":[11,2,15],"88":[8,2,9],"89":[15,2,12],"90":[15,2,9],"91":[11,2,21],"92":[2,1,1],"93":[1,2,10],"94":[1,2,5],"95":[1,2,5],"96":[3,2,12],"97":[3,2,1],"98":[1,1,49],"99":[3,1,38],"100":[3,1,15],"101":[1,4,38],"102":[1,4,42],"103":[1,4,42],"104":[1,4,46],"105":[1,4,71],"106":[1,4,16],"107":[2,1,27],"108":[2,3,43],"109":[1,3,14],"110":[2,4,46],"111":[2,4,62],"112":[3,1,1],"113":[2,3,43],"114":[4,3,189],"115":[3,1,17],"116":[2,1,28],"117":[3,2,40],"118":[3,2,18],"119":[2,1,16],"120":[4,2,50],"121":[3,2,27],"122":[2,4,230],"123":[2,6,54],"124":[2,6,105],"125":[2,1,1],"126":[4,2,22],"127":[4,2,28],"128":[3,2,31],"129":[2,2,14],"130":[4,2,23],"131":[3,2,29],"132":[2,2,10],"133":[3,2,10],"134":[2,2,9],"135":[3,2,13],"136":[2,2,10],"137":[3,2,17],"138":[4,2,15],"139":[4,2,16],"140":[4,2,16],"141":[3,2,14],"142":[3,2,14],"143":[3,2,14],"144":[2,2,13],"145":[2,2,11],"146":[5,2,73],"147":[5,2,59],"148":[4,2,61],"149":[2,2,27],"150":[2,2,29],"151":[3,2,36],"152":[5,2,29],"153":[6,2,154],"154":[5,2,160],"155":[4,2,38],"156":[4,2,33],"157":[4,2,104],"158":[3,2,17],"159":[3,2,147],"160":[3,2,22],"161":[4,2,17],"162":[3,2,18],"163":[4,2,22],"164":[4,2,18],"165":[5,2,32],"166":[5,2,26],"167":[5,2,21],"168":[3,2,63],"169":[6,2,16],"170":[4,2,27],"171":[4,2,35],"172":[4,2,53],"173":[4,2,41],"174":[5,2,39],"175":[2,2,30],"176":[1,1,15],"177":[4,1,16],"178":[2,1,19],"179":[2,3,263],"180":[1,3,85],"181":[2,1,26],"182":[2,2,1],"183":[3,2,219],"184":[5,1,23],"185":[2,5,15],"186":[2,5,13],"187":[3,5,46],"188":[2,5,1],"189":[2,7,14],"190":[2,7,89],"191":[3,7,8],"192":[4,5,55],"193":[2,1,1],"194":[4,2,11],"195":[1,2,67],"196":[1,1,174],"197":[1,1,64],"198":[2,1,154],"199":[1,1,79],"200":[1,1,154],"201":[1,1,204],"202":[1,1,170],"203":[1,1,195],"204":[1,1,145],"205":[1,1,179],"206":[2,1,81],"207":[2,2,1],"208":[1,3,1],"209":[2,3,1],"210":[1,3,11]},"averageFieldLength":[3.355450236966824,2.502369668246447,38.97630331753552],"storedFields":{"0":{"title":"📠 Change Log","titles":[]},"1":{"title":"9.8.0","titles":["📠 Change Log"]},"2":{"title":"9.7.1","titles":["📠 Change Log"]},"3":{"title":"9.7.0","titles":["📠 Change Log"]},"4":{"title":"9.6.0","titles":["📠 Change Log"]},"5":{"title":"9.5.4","titles":["📠 Change Log"]},"6":{"title":"9.5.3","titles":["📠 Change Log"]},"7":{"title":"9.5.2","titles":["📠 Change Log"]},"8":{"title":"9.5.1","titles":["📠 Change Log"]},"9":{"title":"9.5.0","titles":["📠 Change Log"]},"10":{"title":"9.4.0","titles":["📠 Change Log"]},"11":{"title":"9.3.0","titles":["📠 Change Log"]},"12":{"title":"9.2.2","titles":["📠 Change Log"]},"13":{"title":"9.2.1","titles":["📠 Change Log"]},"14":{"title":"9.2.0","titles":["📠 Change Log"]},"15":{"title":"9.1.3","titles":["📠 Change Log"]},"16":{"title":"9.1.2","titles":["📠 Change Log"]},"17":{"title":"9.1.1","titles":["📠 Change Log"]},"18":{"title":"9.1.0","titles":["📠 Change Log"]},"19":{"title":"9.0.1","titles":["📠 Change Log"]},"20":{"title":"9.0.0","titles":["📠 Change Log"]},"21":{"title":"8.x","titles":["📠 Change Log"]},"22":{"title":"7.x","titles":["📠 Change Log"]},"23":{"title":"6.x","titles":["📠 Change Log"]},"24":{"title":"5.x","titles":["📠 Change Log"]},"25":{"title":"4.x","titles":["📠 Change Log"]},"26":{"title":"Custom Axis v9.8.0+","titles":[]},"27":{"title":"Input params introduction","titles":["Custom Axis v9.8.0+"]},"28":{"title":"Usage","titles":["Custom Axis v9.8.0+"]},"29":{"title":"Using init of chart api","titles":["Custom Axis v9.8.0+","Usage"]},"30":{"title":"Using createIndicator of instance api","titles":["Custom Axis v9.8.0+","Usage"]},"31":{"title":"Using setPaneOptions of instance api","titles":["Custom Axis v9.8.0+","Usage"]},"32":{"title":"Chart API","titles":[]},"33":{"title":"init(ds, options)","titles":["Chart API"]},"34":{"title":"dispose(dcs)","titles":["Chart API"]},"35":{"title":"registerLocale(locale, locales)","titles":["Chart API"]},"36":{"title":"getOverlayClass()","titles":["Chart API"]},"37":{"title":"getSupportedLocales()","titles":["Chart API"]},"38":{"title":"registerStyles(name, styles)","titles":["Chart API"]},"39":{"title":"registerFigure(figure)","titles":["Chart API"]},"40":{"title":"getSupportedFigures()","titles":["Chart API"]},"41":{"title":"getFigureClass(name)","titles":["Chart API"]},"42":{"title":"registerIndicator(indicator)","titles":["Chart API"]},"43":{"title":"getSupportedIndicators()","titles":["Chart API"]},"44":{"title":"registerOverlay(overlay)","titles":["Chart API"]},"45":{"title":"getSupportedOverlays()","titles":["Chart API"]},"46":{"title":"registerXAxis(axis) v9.8.0+","titles":["Chart API"]},"47":{"title":"registerYAxis(axis) v9.8.0+","titles":["Chart API"]},"48":{"title":"version()","titles":["Chart API"]},"49":{"title":"utils","titles":["Chart API"]},"50":{"title":"utils.clone(target)","titles":["Chart API","utils"]},"51":{"title":"utils.merge(target, source)","titles":["Chart API","utils"]},"52":{"title":"utils.isString(value)","titles":["Chart API","utils"]},"53":{"title":"utils.isNumber(value)","titles":["Chart API","utils"]},"54":{"title":"utils.isValid(value)","titles":["Chart API","utils"]},"55":{"title":"utils.isObject(value)","titles":["Chart API","utils"]},"56":{"title":"utils.isFunction(value)","titles":["Chart API","utils"]},"57":{"title":"utils.isBoolean(value)","titles":["Chart API","utils"]},"58":{"title":"utils.formatValue(value, key, defaultValue)","titles":["Chart API","utils"]},"59":{"title":"utils.formatPrecision(value)","titles":["Chart API","utils"]},"60":{"title":"utils.formatBigNumber(value)","titles":["Chart API","utils"]},"61":{"title":"utils.formatDate(dateTimeFormat, timestamp, format)","titles":["Chart API","utils"]},"62":{"title":"utils.formatThousands(value, sign)","titles":["Chart API","utils"]},"63":{"title":"utils.formatFoldDecimal(value, threshold) v9.8.0+","titles":["Chart API","utils"]},"64":{"title":"utils.calcTextWidth(text, size, weight, family) v9.3.0+","titles":["Chart API","utils"]},"65":{"title":"utils.getLinearSlopeIntercept(coordinate1, coordinate2)","titles":["Chart API","utils"]},"66":{"title":"utils.getLinearYFromCoordinates(coordinate1, coordinate2, targetCoordinate)","titles":["Chart API","utils"]},"67":{"title":"utils.getLinearYFromSlopeIntercept(kb, targetCoordinate)","titles":["Chart API","utils"]},"68":{"title":"utils.checkCoordinateOnArc(coordinate, arc)","titles":["Chart API","utils"]},"69":{"title":"utils.checkCoordinateOnCircle(coordinate, circle)","titles":["Chart API","utils"]},"70":{"title":"utils.checkCoordinateOnLine(coordinate, line)","titles":["Chart API","utils"]},"71":{"title":"utils.checkCoordinateOnPolygon(coordinate, polygon)","titles":["Chart API","utils"]},"72":{"title":"utils.checkCoordinateOnRect(coordinate, rect)","titles":["Chart API","utils"]},"73":{"title":"utils.checkCoordinateOnText(coordinate, text, styles)","titles":["Chart API","utils"]},"74":{"title":"utils.drawArc(ctx, arc, styles)","titles":["Chart API","utils"]},"75":{"title":"utils.drawCircle(ctx, circle, styles)","titles":["Chart API","utils"]},"76":{"title":"utils.drawLine(ctx, line, styles)","titles":["Chart API","utils"]},"77":{"title":"utils.drawPolygon(ctx, polygon, styles)","titles":["Chart API","utils"]},"78":{"title":"utils.drawRect(ctx, rect, styles)","titles":["Chart API","utils"]},"79":{"title":"utils.drawRectText(ctx, rectText, styles)","titles":["Chart API","utils"]},"80":{"title":"utils.drawRectText(ctx, rectText, styles)","titles":["Chart API","utils"]},"81":{"title":"📚 Data","titles":[]},"82":{"title":"🏝️ Environment","titles":[]},"83":{"title":"Browser support","titles":["🏝️ Environment"]},"84":{"title":"Polyfill","titles":["🏝️ Environment"]},"85":{"title":"🙋 FAQ","titles":[]},"86":{"title":"After the chart is initialized, only one line can be seen?","titles":["🙋 FAQ"]},"87":{"title":"The candle shows a line, no fluctuation, what to do?","titles":["🙋 FAQ"]},"88":{"title":"How to create a real-time chart?","titles":["🙋 FAQ"]},"89":{"title":"Built-in technical indicators, calculated data is not what you want, how to do?","titles":["🙋 FAQ"]},"90":{"title":"What if I want to create an indicator other than the built-in technical indicator?","titles":["🙋 FAQ"]},"91":{"title":"Want to mark the point of sale, how should do?","titles":["🙋 FAQ"]},"92":{"title":"💬 Feedback","titles":[]},"93":{"title":"Github","titles":["💬 Feedback"]},"94":{"title":"Telegram","titles":["💬 Feedback"]},"95":{"title":"Discord","titles":["💬 Feedback"]},"96":{"title":"Wechat discussion group","titles":["💬 Feedback"]},"97":{"title":"QQ discussion group","titles":["💬 Feedback"]},"98":{"title":"Figure","titles":[]},"99":{"title":"Example of use","titles":["Figure"]},"100":{"title":"Built-in figures","titles":["Figure"]},"101":{"title":"arc","titles":["Figure","Built-in figures"]},"102":{"title":"circle","titles":["Figure","Built-in figures"]},"103":{"title":"line","titles":["Figure","Built-in figures"]},"104":{"title":"rect","titles":["Figure","Built-in figures"]},"105":{"title":"text","titles":["Figure","Built-in figures"]},"106":{"title":"rectText","titles":["Figure","Built-in figures"]},"107":{"title":"Customize figure","titles":["Figure"]},"108":{"title":"Attribute description","titles":["Figure","Customize figure"]},"109":{"title":"Example","titles":["Figure","Customize figure"]},"110":{"title":"Step.1","titles":["Figure","Customize figure","Example"]},"111":{"title":"Step.2","titles":["Figure","Customize figure","Example"]},"112":{"title":"🚀 Getting started","titles":[]},"113":{"title":"Get KLineChart","titles":["🚀 Getting started"]},"114":{"title":"Create the first chart","titles":["🚀 Getting started"]},"115":{"title":"⌨️ Hot Key","titles":[]},"116":{"title":"🌏 Internationalization","titles":[]},"117":{"title":"Adding new language","titles":["🌏 Internationalization"]},"118":{"title":"Use new language","titles":["🌏 Internationalization"]},"119":{"title":"Technical indicator","titles":[]},"120":{"title":"Built-in technical indicators","titles":["Technical indicator"]},"121":{"title":"Custom Technical Indicators","titles":["Technical indicator"]},"122":{"title":"Attribute description","titles":["Technical indicator","Custom Technical Indicators"]},"123":{"title":"Step.1","titles":["Technical indicator","Custom Technical Indicators","Attribute description"]},"124":{"title":"Step.2","titles":["Technical indicator","Custom Technical Indicators","Attribute description"]},"125":{"title":"Instance API","titles":[]},"126":{"title":"getDom(paneId, position)","titles":["Instance API"]},"127":{"title":"getSize(paneId, position)","titles":["Instance API"]},"128":{"title":"setStyles(styles)","titles":["Instance API"]},"129":{"title":"getStyles()","titles":["Instance API"]},"130":{"title":"setPriceVolumePrecision(pricePrecision, volumePrecision)","titles":["Instance API"]},"131":{"title":"setTimezone(timezone)","titles":["Instance API"]},"132":{"title":"getTimezone()","titles":["Instance API"]},"133":{"title":"setZoomEnabled(enabled)","titles":["Instance API"]},"134":{"title":"isZoomEnabled()","titles":["Instance API"]},"135":{"title":"setScrollEnabled(enabled)","titles":["Instance API"]},"136":{"title":"isScrollEnabled()","titles":["Instance API"]},"137":{"title":"setOffsetRightDistance(distance)","titles":["Instance API"]},"138":{"title":"getOffsetRightDistance() v9.2.0+","titles":["Instance API"]},"139":{"title":"setMaxOffsetLeftDistance() v9.7.0+","titles":["Instance API"]},"140":{"title":"setMaxOffsetRightDistance() v9.7.0+","titles":["Instance API"]},"141":{"title":"setLeftMinVisibleBarCount(barCount)","titles":["Instance API"]},"142":{"title":"setRightMinVisibleBarCount(barCount)","titles":["Instance API"]},"143":{"title":"setBarSpace(space)","titles":["Instance API"]},"144":{"title":"getBarSpace()","titles":["Instance API"]},"145":{"title":"getVisibleRange()","titles":["Instance API"]},"146":{"title":"applyNewData(dataList, more, callback)","titles":["Instance API"]},"147":{"title":"applyMoreData(dataList, more, callback)","titles":["Instance API"]},"148":{"title":"updateData(data, callback)","titles":["Instance API"]},"149":{"title":"getDataList()","titles":["Instance API"]},"150":{"title":"clearData()","titles":["Instance API"]},"151":{"title":"loadMore(cb)","titles":["Instance API"]},"152":{"title":"setLoadDataCallback(cb) v9.8.0+","titles":["Instance API"]},"153":{"title":"createIndicator(value, isStack, paneOptions, callback)","titles":["Instance API"]},"154":{"title":"overrideIndicator(override, paneId, callback)","titles":["Instance API"]},"155":{"title":"getIndicatorByPaneId(paneId, name)","titles":["Instance API"]},"156":{"title":"removeIndicator(paneId, name)","titles":["Instance API"]},"157":{"title":"createOverlay(value, paneId)","titles":["Instance API"]},"158":{"title":"getOverlayById(id)","titles":["Instance API"]},"159":{"title":"overrideOverlay(override)","titles":["Instance API"]},"160":{"title":"removeOverlay(remove)","titles":["Instance API"]},"161":{"title":"scrollByDistance(distance, animationDuration)","titles":["Instance API"]},"162":{"title":"scrollToRealTime(animationDuration)","titles":["Instance API"]},"163":{"title":"scrollToDataIndex(dataIndex, animationDuration)","titles":["Instance API"]},"164":{"title":"scrollToTimestamp(timestamp, animationDuration)","titles":["Instance API"]},"165":{"title":"zoomAtCoordinate(scale, coordinate, animationDuration)","titles":["Instance API"]},"166":{"title":"zoomAtDataIndex(scale, dataIndex, animationDuration)","titles":["Instance API"]},"167":{"title":"zoomAtTimestamp(scale, timestamp, animationDuration)","titles":["Instance API"]},"168":{"title":"setPaneOptions(options)","titles":["Instance API"]},"169":{"title":"executeAction(type, data) v9.2.0+","titles":["Instance API"]},"170":{"title":"subscribeAction(type, callback)","titles":["Instance API"]},"171":{"title":"unsubscribeAction(type, callback)","titles":["Instance API"]},"172":{"title":"convertToPixel(value, finder)","titles":["Instance API"]},"173":{"title":"convertFromPixel(coordinate, finder)","titles":["Instance API"]},"174":{"title":"getConvertPictureUrl(includeOverlay, type, backgroundColor)","titles":["Instance API"]},"175":{"title":"resize()","titles":["Instance API"]},"176":{"title":"Overlay","titles":[]},"177":{"title":"Built-in overlay types","titles":["Overlay"]},"178":{"title":"Custom overlays","titles":["Overlay"]},"179":{"title":"Attribute description","titles":["Overlay","Custom overlays"]},"180":{"title":"Example","titles":["Overlay","Custom overlays"]},"181":{"title":"🎨 Style","titles":[]},"182":{"title":"Picture explanation","titles":["🎨 Style"]},"183":{"title":"Default full configuration","titles":["🎨 Style"]},"184":{"title":"🛠️ From V8 to V9","titles":[]},"185":{"title":"Import adjustment","titles":["🛠️ From V8 to V9"]},"186":{"title":"Design adjustment","titles":["🛠️ From V8 to V9"]},"187":{"title":"Style configuration adjustment","titles":["🛠️ From V8 to V9"]},"188":{"title":"API adjustment","titles":["🛠️ From V8 to V9"]},"189":{"title":"Chart API","titles":["🛠️ From V8 to V9","API adjustment"]},"190":{"title":"Instance API","titles":["🛠️ From V8 to V9","API adjustment"]},"191":{"title":"Shape help API","titles":["🛠️ From V8 to V9","API adjustment"]},"192":{"title":"Customized technical indicator adjustment","titles":["🛠️ From V8 to V9"]},"193":{"title":"📃 Introducation","titles":[]},"194":{"title":"What\'s KLineChart?","titles":["📃 Introducation"]},"195":{"title":"Features","titles":["📃 Introducation"]},"196":{"title":"Axis","titles":[]},"197":{"title":"Basic","titles":[]},"198":{"title":"Candle Type","titles":[]},"199":{"title":"Data","titles":[]},"200":{"title":"I18n","titles":[]},"201":{"title":"Indicator","titles":[]},"202":{"title":"Overlay","titles":[]},"203":{"title":"Theme","titles":[]},"204":{"title":"Timezone","titles":[]},"205":{"title":"Tooltip","titles":[]},"206":{"title":"❤️ Sponsor","titles":[]},"207":{"title":"Sponsor Channels","titles":["❤️ Sponsor"]},"208":{"title":"Alipay","titles":["❤️ Sponsor","Sponsor Channels"]},"209":{"title":"Wechat Pay","titles":["❤️ Sponsor","Sponsor Channels"]},"210":{"title":"Cryptocurrency","titles":["❤️ Sponsor","Sponsor Channels"]}},"dirtCount":0,"index":[["$800",{"2":{"206":1}}],["☕️",{"2":{"206":1}}],["❤️",{"0":{"206":1},"1":{"207":1,"208":1,"209":1,"210":1}}],["指标信息提示",{"2":{"205":1}}],["基础信息提示",{"2":{"205":1}}],["矩形框",{"2":{"205":1}}],["默认",{"2":{"205":1}}],["不显示",{"2":{"205":1}}],["跟随十字光标",{"2":{"205":1}}],["总是显示",{"2":{"205":1}}],["芝加哥",{"2":{"204":1}}],["柏林",{"2":{"204":1}}],["上海",{"2":{"204":1}}],["红涨绿跌",{"2":{"203":1}}],["绿涨红跌",{"2":{"203":1}}],["深色",{"2":{"203":1}}],["浅色",{"2":{"203":1}}],["自定义",{"2":{"202":1}}],["圆",{"2":{"202":1}}],["内置",{"2":{"202":1}}],["内部",{"2":{"196":1}}],["价格线",{"2":{"202":1}}],["副图指标",{"2":{"201":1}}],["主图指标",{"2":{"201":1}}],["🥑",{"2":{"201":1}}],["🥭",{"2":{"201":1}}],["🥝",{"2":{"201":1}}],["🥥",{"2":{"201":1}}],["繁体中文",{"2":{"200":1}}],["简体中文",{"2":{"200":1}}],["面积图",{"2":{"198":1}}],["跌空心",{"2":{"198":1}}],["涨空心",{"2":{"198":1}}],["全空心",{"2":{"198":1}}],["全实心",{"2":{"198":1}}],["反向",{"2":{"196":1}}],["正向",{"2":{"196":1}}],["对数轴",{"2":{"196":1}}],["百分比轴",{"2":{"196":1}}],["线性轴",{"2":{"196":1}}],["外部",{"2":{"196":1}}],["左侧",{"2":{"196":1}}],["右侧",{"2":{"196":1}}],["在实际项目中根据情况进行调整",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["以下仅仅是为了协助代码演示",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["漲幅",{"2":{"117":1}}],["成交額",{"2":{"117":1}}],["成交量",{"2":{"117":1,"200":1}}],["收",{"2":{"117":1,"200":1}}],["低",{"2":{"117":1,"200":1}}],["高",{"2":{"117":1,"200":1}}],["開",{"2":{"117":1,"200":1}}],["時間",{"2":{"117":1,"200":1}}],["←",{"2":{"115":1}}],["→",{"2":{"115":1}}],["⌨️",{"0":{"115":1}}],["quantity",{"2":{"179":1}}],["quick",{"2":{"114":2}}],["qq",{"0":{"97":1}}],["j++",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["jpeg",{"2":{"174":2}}],["j",{"2":{"124":6,"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["jsimport",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["jsximport",{"2":{"114":3}}],["js",{"2":{"113":1,"114":2}}],["jsdelivr",{"2":{"113":1,"114":1}}],["javascripthtml",{"2":{"197":1,"199":1}}],["javascripthtmlindex",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["javascript",{"2":{"99":1,"111":1,"113":1,"114":1,"123":1,"124":1,"179":1,"180":1,"183":1}}],["javascriptchart",{"2":{"88":1,"153":1,"154":1,"157":1,"159":1,"168":1}}],["join",{"2":{"96":1}}],["🌟",{"2":{"206":1}}],["🍍",{"2":{"201":1}}],["🍑",{"2":{"201":1}}],["🍒",{"2":{"201":1}}],["🍈",{"2":{"201":1}}],["🍓",{"2":{"201":1}}],["🍇",{"2":{"201":1}}],["🍉",{"2":{"201":1}}],["🍌",{"2":{"201":1}}],["🍋",{"2":{"201":1}}],["🍊",{"2":{"201":1}}],["🍐",{"2":{"201":1}}],["🍎",{"2":{"201":1}}],["🍏",{"2":{"201":2}}],["🎨",{"0":{"181":1},"1":{"182":1,"183":1},"2":{"195":1}}],["🌏",{"0":{"116":1},"1":{"117":1,"118":1}}],["🏝️",{"0":{"82":1},"1":{"83":1,"84":1}}],["🆕",{"2":{"1":4,"3":2,"4":3,"8":2,"9":2,"10":3,"11":3,"14":5,"18":2,"20":1}}],["+=",{"2":{"196":1,"197":1,"198":1,"199":3,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["+098syuqtzi0ynzll",{"2":{"94":1}}],["+",{"2":{"65":1,"111":5,"115":5,"124":2,"180":1,"196":9,"197":9,"198":9,"199":9,"200":9,"201":11,"202":10,"203":9,"204":9,"205":9}}],["===",{"2":{"111":5,"180":1,"202":1,"203":2}}],["=",{"2":{"58":1,"65":1,"99":1,"111":14,"114":8,"124":6,"146":1,"148":1,"180":3,"196":31,"197":16,"198":22,"199":22,"200":22,"201":39,"202":25,"203":28,"204":22,"205":35}}],["=>",{"2":{"27":1,"33":3,"34":1,"35":1,"36":1,"37":1,"38":1,"39":3,"40":1,"41":1,"42":9,"43":1,"44":20,"45":1,"46":2,"47":2,"48":1,"50":1,"51":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":1,"59":1,"60":1,"61":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"101":1,"102":1,"103":2,"104":1,"105":1,"108":2,"111":2,"114":13,"122":6,"124":5,"126":1,"127":1,"128":1,"129":1,"130":1,"131":1,"132":1,"133":1,"134":1,"135":1,"136":1,"137":1,"138":1,"139":1,"140":1,"141":1,"142":1,"143":1,"144":1,"145":1,"146":2,"147":2,"148":2,"149":1,"150":1,"151":2,"152":3,"153":9,"154":12,"155":1,"156":1,"157":29,"158":1,"159":15,"160":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"168":1,"169":2,"170":2,"171":2,"172":1,"173":1,"174":1,"175":1,"179":17,"180":1,"196":8,"198":2,"199":3,"200":2,"201":7,"202":3,"203":2,"204":2,"205":8}}],["kinecharts",{"2":{"184":1}}],["kdj",{"2":{"120":1}}],["kb",{"0":{"67":1},"2":{"67":1}}],["kx",{"2":{"65":1}}],["k",{"2":{"65":1,"122":2,"146":1,"147":1,"148":1,"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":2,"203":4,"204":2,"205":2}}],["klinechart",{"0":{"113":1,"194":1},"2":{"93":2,"96":1,"113":1,"194":1,"206":2}}],["klinecharts",{"2":{"14":2,"33":1,"98":1,"99":1,"107":1,"113":4,"114":8,"117":1,"121":1,"178":1,"179":1,"184":1,"185":3,"191":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1,"206":1}}],["klinedata>",{"2":{"152":1}}],["klinedatalist",{"2":{"122":2,"124":4,"192":4,"201":2}}],["klinedata",{"2":{"42":1,"122":11,"124":2,"152":1,"153":1,"154":1,"201":2}}],["keywords",{"2":{"114":1}}],["key",{"0":{"58":1,"115":1},"2":{"42":2,"44":6,"58":1,"117":1,"118":1,"122":1,"123":2,"124":5,"153":2,"154":2,"179":2,"180":1,"183":1,"196":17,"198":8,"200":5,"201":1,"202":5,"203":6,"204":5,"205":13}}],["`performeventmovefordrawing`",{"2":{"179":1}}],["`createpointfigures`",{"2":{"179":2}}],["`weak",{"2":{"179":1}}],["`normal`",{"2":{"179":1}}],["`ma$",{"2":{"124":2}}],["`strong",{"2":{"179":1}}],["`stroke",{"2":{"102":1,"103":1,"104":1,"105":1}}],["`stroke`",{"2":{"102":1,"103":1,"104":1,"105":1}}],["`solid`",{"2":{"101":1,"103":1}}],["`fill`",{"2":{"102":1,"103":1,"104":1,"105":1}}],["`dashed`",{"2":{"101":1,"103":1}}],["`",{"2":{"29":3,"30":1,"31":1,"114":1,"124":2}}],["`$",{"2":{"29":3,"30":1,"31":1}}],[">=",{"2":{"124":1}}],[">`",{"2":{"114":1}}],[">",{"2":{"27":2,"33":1,"42":4,"44":4,"46":1,"47":1,"70":1,"71":1,"76":1,"77":1,"103":2,"113":1,"114":13,"122":2,"146":1,"147":1,"149":1,"153":4,"154":4,"157":3,"159":1,"172":2,"173":1,"179":4,"196":2,"197":1,"198":2,"199":1,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["||",{"2":{"111":2,"124":1}}],["|",{"2":{"27":2,"33":7,"34":2,"42":5,"44":17,"46":1,"47":1,"59":1,"60":1,"62":1,"63":1,"64":1,"73":10,"74":1,"75":4,"76":1,"77":4,"78":4,"79":13,"101":1,"102":3,"103":4,"104":3,"105":5,"122":5,"126":2,"127":2,"128":1,"151":1,"152":1,"153":17,"154":14,"157":8,"159":3,"160":1,"170":7,"171":7,"172":2,"173":2,"179":9,"183":54}}],["hu",{"2":{"206":1}}],["hide",{"2":{"205":1}}],["historical",{"2":{"146":1,"147":2}}],["hint",{"2":{"122":1}}],["highly",{"2":{"194":1,"195":1}}],["highest",{"2":{"81":1}}],["high",{"2":{"35":1,"81":1,"104":1,"114":70,"117":1,"122":2,"146":1,"147":1,"148":1,"149":1,"179":1,"183":1,"196":3,"197":3,"198":3,"199":5,"200":4,"201":3,"202":3,"203":3,"204":3,"205":3}}],["hk",{"2":{"117":1,"200":2}}],["https",{"2":{"93":2,"94":1,"95":1,"113":1,"114":1,"179":1,"206":1}}],["htmlid",{"2":{"190":1}}],["html>",{"2":{"114":2}}],["html",{"2":{"113":1,"114":2,"190":1}}],["html5",{"2":{"83":1}}],["htmlelement",{"2":{"33":1,"34":1,"126":1,"128":1}}],["homepage",{"2":{"206":3}}],["hope",{"2":{"206":1}}],["hoped",{"2":{"124":1}}],["hold",{"2":{"179":3}}],["hot",{"0":{"115":1}}],["hooks",{"2":{"114":1}}],["how",{"0":{"88":1,"89":1,"91":1},"2":{"98":1,"119":1,"176":1,"179":1,"180":1}}],["horizontalstraightline",{"2":{"177":1}}],["horizontalsegment",{"2":{"177":1}}],["horizontalrayline",{"2":{"177":1}}],["horizontal",{"2":{"20":1,"73":1,"79":1,"183":2}}],["hh",{"2":{"61":1}}],["help",{"0":{"191":1},"2":{"184":1}}],["helper",{"2":{"49":1}}],["helvetica",{"2":{"183":12,"201":1}}],["head>",{"2":{"114":2}}],["here",{"2":{"29":3,"30":1,"31":1,"124":2,"150":1}}],["height",{"2":{"20":2,"27":1,"33":1,"72":3,"78":3,"79":3,"86":1,"104":1,"105":2,"110":3,"111":8,"114":7,"122":2,"127":1,"153":6,"168":6,"179":1,"187":2,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["halfgapbar",{"2":{"122":1,"179":1}}],["halfbar",{"2":{"122":1,"179":1}}],["handle",{"2":{"179":2,"195":1}}],["handling",{"2":{"18":1,"44":1}}],["hanging",{"2":{"73":1,"79":1}}],["has",{"2":{"20":1,"86":1,"91":1,"110":2,"116":1,"122":1,"146":1,"147":1,"148":1,"151":1,"180":1}}],["have",{"2":{"11":1,"35":1,"109":1,"159":1}}],["zero",{"2":{"195":2}}],["z",{"2":{"122":1,"154":1}}],["zone",{"2":{"33":2,"131":4,"132":1}}],["zoomattimestamp",{"0":{"167":1}}],["zoomatdataindex",{"0":{"166":1}}],["zoomatcoordinate",{"0":{"165":1}}],["zooming",{"2":{"115":1}}],["zoom",{"2":{"20":1,"115":2,"153":1,"165":1,"168":1}}],["zh",{"2":{"33":1,"35":1,"116":1,"117":1,"200":3}}],["zlevel",{"2":{"3":2,"10":1,"44":2,"122":1,"153":1,"154":3,"157":3,"159":3,"179":1}}],["yarn",{"2":{"113":1}}],["yaxis",{"2":{"20":6,"42":4,"122":6,"126":2,"127":2,"179":2,"183":1,"187":6,"190":1,"192":4,"196":4,"201":2}}],["ydis",{"2":{"111":2,"180":3,"202":3}}],["yyyy",{"2":{"61":1}}],["your",{"2":{"114":1}}],["you",{"0":{"89":1},"2":{"28":1,"81":2,"89":1,"98":1,"107":1,"110":1,"113":1,"116":2,"117":1,"118":1,"121":1,"122":4,"179":4,"181":2,"184":2,"195":1,"206":3}}],["y",{"2":{"15":1,"20":1,"29":1,"30":1,"31":1,"44":2,"47":1,"65":3,"66":4,"67":2,"68":4,"69":4,"70":2,"71":2,"72":4,"73":4,"74":3,"75":3,"76":1,"77":1,"78":3,"79":3,"101":2,"102":2,"103":2,"104":2,"105":2,"108":1,"110":3,"111":12,"122":2,"159":1,"165":1,"172":4,"173":3,"179":7,"180":2,"201":2,"202":2}}],["gzip",{"2":{"195":1}}],["global",{"2":{"179":2}}],["globally",{"2":{"107":1,"121":1,"122":3,"178":1}}],["gt",{"2":{"146":1,"148":1}}],["given",{"2":{"122":1}}],["github",{"0":{"93":1},"2":{"21":1,"22":1,"23":1,"24":1,"25":1,"93":2,"206":1}}],["green",{"2":{"203":15}}],["grid",{"2":{"183":1}}],["groupid",{"2":{"157":3,"159":3,"160":2}}],["group",{"0":{"96":1,"97":1},"2":{"96":1,"159":1,"160":1}}],["graph",{"2":{"39":1,"40":2,"41":1,"108":2,"122":3}}],["graphics",{"2":{"42":2,"108":1,"122":1,"154":2,"160":1,"179":6,"180":1}}],["graphic",{"2":{"11":1,"122":2,"179":3,"180":1}}],["gg",{"2":{"95":1}}],["good",{"2":{"206":1}}],["go",{"2":{"21":1,"22":1,"23":1,"24":1,"25":1}}],["gapbar",{"2":{"122":1,"179":1,"201":1}}],["gaps",{"2":{"122":1,"179":1}}],["gap",{"2":{"20":1,"33":1,"137":1,"138":1,"139":1,"140":1,"153":3,"168":3,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["gendata",{"2":{"196":2,"197":2,"198":2,"199":4,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["generally",{"2":{"122":1,"150":1}}],["generated",{"2":{"180":1}}],["generate",{"2":{"107":1,"121":1}}],["generation",{"2":{"11":1}}],["getelementbyid",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":3,"204":1,"205":1}}],["getconvertpictureurl",{"0":{"174":1}}],["getdatalist",{"0":{"149":1},"2":{"199":1}}],["getdom",{"0":{"126":1},"2":{"190":3}}],["getbarspace",{"0":{"144":1}}],["gettime",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["gettimezone",{"0":{"132":1}}],["getting",{"0":{"112":1},"1":{"113":1,"114":1}}],["gettechnicalindicatortemplate",{"2":{"20":1}}],["gettechnicalindicatorbypaneid",{"2":{"20":1,"190":2}}],["getlinearyfromslopeintercept",{"0":{"67":1}}],["getlinearyfromcoordinates",{"0":{"66":1}}],["getlinearslopeintercept",{"0":{"65":1}}],["getlocal",{"2":{"20":1}}],["get",{"0":{"113":1},"2":{"33":1,"36":1,"37":1,"40":1,"41":1,"43":1,"45":1,"48":1,"58":1,"65":1,"66":1,"67":1,"99":1,"113":1,"122":1,"126":1,"127":1,"129":1,"131":1,"132":1,"138":1,"145":1,"149":1,"158":1,"174":1,"195":1}}],["getheight",{"2":{"20":1,"190":1}}],["getwidth",{"2":{"20":1,"190":1}}],["getindicatorbypaneid",{"0":{"155":1},"2":{"20":1,"190":1}}],["getvisiblerange",{"0":{"145":1},"2":{"20":1}}],["gets",{"2":{"144":1}}],["getstyles",{"0":{"129":1},"2":{"20":1,"190":1}}],["getstyleoptions",{"2":{"20":1,"190":1}}],["getsize",{"0":{"127":1},"2":{"20":2,"190":1}}],["getsupportedoverlays",{"0":{"45":1}}],["getsupportedindicators",{"0":{"43":1}}],["getsupportedfigures",{"0":{"40":1}}],["getsupportedlocales",{"0":{"37":1}}],["getsupportlocales",{"2":{"20":1}}],["getsupportoverlays",{"2":{"20":1}}],["getsupportfigures",{"2":{"20":1,"179":1}}],["getfigureclass",{"0":{"41":1},"2":{"20":1,"98":1,"99":1}}],["getoverlaybyid",{"0":{"158":1},"2":{"20":1}}],["getoverlayclass",{"0":{"36":1},"2":{"8":1}}],["getoffsetrightdistance",{"0":{"138":1},"2":{"14":1}}],["ue900",{"2":{"183":2}}],["url",{"2":{"174":1}}],["utf",{"2":{"114":1}}],["utils",{"0":{"49":1,"50":1,"51":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":1,"59":1,"60":1,"61":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"80":1},"1":{"50":1,"51":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":1,"59":1,"60":1,"61":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"80":1},"2":{"4":2,"11":1,"14":2,"80":2,"191":1}}],["umd",{"2":{"113":1,"114":1}}],["usdt",{"2":{"210":3}}],["us",{"2":{"33":1,"35":1,"116":2,"179":1,"200":1}}],["using",{"0":{"29":1,"30":1,"31":1}}],["usage",{"0":{"28":1},"1":{"29":1,"30":1,"31":1}}],["useeffect",{"2":{"114":4}}],["used",{"2":{"29":2,"30":1,"31":1,"91":1,"99":1,"122":3,"152":1,"179":2,"180":2}}],["uses",{"2":{"29":3,"30":1,"31":1}}],["use",{"0":{"99":1,"118":1},"2":{"20":6,"28":2,"80":1,"83":1,"106":1,"107":1,"116":1,"121":1,"146":1,"148":1,"151":1,"178":1,"180":1,"185":1,"187":1,"189":1,"190":3,"206":2}}],["uniformly",{"2":{"185":1}}],["unique",{"2":{"39":1,"42":1,"44":1,"108":1,"154":1,"159":1,"179":1}}],["unsubscribe",{"2":{"171":1}}],["unsubscribeaction",{"0":{"171":1},"2":{"18":1,"190":1}}],["under",{"2":{"9":1,"195":1,"206":1}}],["upgrade",{"2":{"184":3}}],["upcolor",{"2":{"154":2,"183":5,"203":10}}],["up",{"2":{"122":1,"183":1,"198":2}}],["update",{"2":{"148":1}}],["updates",{"2":{"17":1}}],["updatedata",{"0":{"148":1},"2":{"14":1,"81":1,"199":4}}],["upwickcolor",{"2":{"14":1,"183":1,"203":2}}],["upbordercolor",{"2":{"14":1,"183":1,"203":2}}],["n",{"2":{"183":2}}],["ngondestroy",{"2":{"114":1}}],["ngafterviewinit",{"2":{"114":1}}],["npmyarncdn",{"2":{"113":1}}],["npm",{"2":{"113":2,"114":1}}],["neue",{"2":{"183":12,"201":1}}],["necessary",{"2":{"150":1,"179":5,"206":1}}],["next",{"2":{"122":2}}],["net",{"2":{"113":1,"114":1}}],["nesting",{"2":{"58":1}}],["needed",{"2":{"179":1}}],["need",{"2":{"81":2,"98":1,"107":1,"116":1,"121":1,"122":4,"146":1,"154":1,"159":1,"179":4}}],["needdefaultyaxisfigure",{"2":{"44":2,"157":3,"159":3,"179":1,"202":1}}],["needdefaultxaxisfigure",{"2":{"44":2,"157":3,"159":3,"179":1,"202":1}}],["needdefaultpointfigure",{"2":{"44":2,"157":3,"159":3,"179":1,"202":1}}],["needs",{"2":{"42":1,"44":3,"83":2,"99":1,"123":1,"124":3,"154":1,"159":3,"173":1,"174":1,"179":1,"183":1}}],["newdata",{"2":{"199":10}}],["new",{"0":{"117":1,"118":1},"2":{"20":4,"99":1,"117":1,"118":1,"146":1,"153":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["null",{"2":{"122":4,"151":1,"153":2,"154":3,"157":1,"159":1,"183":1}}],["nullable",{"2":{"36":1,"152":1}}],["number>",{"2":{"67":1,"75":1,"77":1,"78":1}}],["numbers",{"2":{"33":1,"42":1,"60":1,"154":1}}],["number",{"2":{"27":16,"33":8,"42":5,"44":6,"46":2,"47":2,"48":1,"53":1,"59":2,"60":1,"61":1,"62":1,"63":2,"64":3,"65":4,"66":7,"67":3,"68":7,"69":5,"70":4,"71":4,"72":6,"73":6,"74":7,"75":4,"76":4,"77":3,"78":6,"79":13,"81":7,"101":7,"102":5,"103":8,"104":7,"105":13,"108":2,"122":30,"124":2,"127":6,"130":2,"137":1,"138":1,"139":1,"140":1,"141":2,"142":2,"143":1,"144":1,"145":4,"146":7,"147":7,"148":7,"149":7,"151":1,"153":10,"154":6,"157":10,"159":5,"161":2,"162":2,"163":2,"164":2,"165":4,"166":3,"167":3,"168":4,"172":10,"173":10,"179":29}}],["name=",{"2":{"114":4}}],["namely",{"2":{"65":1,"123":2}}],["name",{"0":{"38":1,"41":1,"155":1,"156":1},"2":{"27":2,"28":2,"29":4,"30":2,"31":2,"33":3,"35":1,"36":2,"38":3,"39":3,"41":3,"42":5,"44":3,"46":3,"47":3,"91":1,"98":1,"99":3,"108":2,"111":1,"120":3,"122":7,"124":1,"128":1,"131":1,"132":1,"153":6,"154":6,"155":3,"156":3,"157":4,"159":4,"160":3,"168":4,"179":2,"180":2,"190":5,"192":1,"201":11,"202":3}}],["naming",{"2":{"9":1}}],["none",{"2":{"120":2,"183":2,"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":3}}],["non",{"2":{"81":1}}],["normal",{"2":{"42":2,"44":2,"122":2,"153":1,"154":2,"157":2,"159":2,"179":2,"183":14,"196":1}}],["no",{"0":{"87":1},"2":{"15":1,"20":1,"34":1,"122":1,"124":1,"146":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"179":1,"185":1}}],["nochangecolor",{"2":{"154":2,"183":5,"203":4}}],["nochangewickcolor",{"2":{"14":1,"183":1}}],["nochangebordercolor",{"2":{"14":1,"183":1}}],["node",{"2":{"2":1}}],["note",{"2":{"96":1,"99":1,"124":1,"146":1,"147":1,"148":1,"151":1,"175":1}}],["notes",{"2":{"24":1,"25":1}}],["not",{"0":{"89":1},"2":{"2":1,"5":1,"15":2,"33":1,"42":1,"44":1,"122":3,"124":1,"131":1,"150":2,"154":1,"159":1,"179":14}}],["↩️",{"2":{"8":1}}],["3dsxsbtbmwxumaaqmysvpgedbp9rghpnfq",{"2":{"210":1}}],["30",{"2":{"114":7,"120":3,"153":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["35",{"2":{"114":7,"183":2}}],["31",{"2":{"114":7}}],["34",{"2":{"114":7,"120":1}}],["33",{"2":{"114":7,"183":6}}],["3",{"0":{"6":1,"11":1,"15":1,"64":1},"2":{"120":3,"153":1,"168":2,"180":1,"183":3,"196":3,"197":3,"198":3,"199":3,"200":3,"201":3,"202":4,"203":3,"204":3,"205":3}}],["would",{"2":{"206":1}}],["works",{"2":{"172":1,"173":1}}],["wrap",{"2":{"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["wr",{"2":{"120":1}}],["want",{"0":{"89":1,"90":1,"91":1},"2":{"183":1}}],["website",{"2":{"206":1}}],["web",{"2":{"179":1}}],["webview",{"2":{"83":1}}],["we",{"2":{"110":1}}],["wechat",{"0":{"96":1,"209":1}}],["weight",{"0":{"64":1},"2":{"64":1,"73":3,"79":3,"105":1,"183":10}}],["weak",{"2":{"44":3,"157":3,"159":4,"179":3}}],["well",{"2":{"15":1}}],["while",{"2":{"130":1}}],["which",{"2":{"26":1,"91":1,"122":1,"128":1,"153":1,"179":7,"180":1}}],["what",{"0":{"87":1,"89":1,"90":1,"194":1}}],["where",{"2":{"122":1,"179":1}}],["whether",{"2":{"68":1,"69":1,"71":1,"72":1,"108":1,"133":1,"134":1,"135":1,"136":1,"146":1,"147":1,"153":1,"168":1,"179":2,"181":1}}],["when",{"2":{"5":1,"15":2,"29":2,"30":1,"31":1,"44":1,"99":1,"122":1,"124":2,"128":1,"153":2,"155":1,"156":1,"157":1,"159":1,"171":1,"179":1,"183":1}}],["window",{"2":{"114":1,"122":3,"126":1,"127":1,"153":8,"154":2,"155":4,"156":3,"157":2,"168":7,"172":1,"173":1,"179":1}}],["will",{"2":{"33":1,"34":1,"80":1,"106":1,"122":5,"130":1,"131":1,"146":1,"148":3,"150":1,"155":1,"156":1,"159":1,"172":1,"175":2,"179":1,"184":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1,"206":2}}],["width=device",{"2":{"114":1}}],["width",{"2":{"11":1,"27":1,"64":1,"72":3,"78":3,"79":3,"104":2,"105":2,"110":3,"111":8,"114":8,"122":4,"127":1,"143":1,"144":1,"179":2}}],["with",{"2":{"3":1,"81":2,"91":1,"109":1,"122":3,"124":3,"153":1,"157":1,"175":1,"179":4,"195":1,"206":1}}],["2px",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["2196f3",{"2":{"183":2}}],["26",{"2":{"120":3}}],["26a69a",{"2":{"13":1,"154":2}}],["28",{"2":{"114":21}}],["2000",{"2":{"199":1}}],["20",{"2":{"114":21,"120":6,"154":1,"199":1}}],["204",{"2":{"114":7}}],["2023",{"2":{"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1}}],["2024",{"2":{"1":2}}],["230",{"2":{"183":3}}],["23",{"2":{"18":1}}],["249",{"2":{"183":3,"203":1}}],["243",{"2":{"183":6}}],["2432435",{"2":{"154":1}}],["24",{"2":{"14":1,"120":4}}],["2dc08e",{"2":{"13":1,"183":4,"203":1}}],["27",{"2":{"13":1}}],["255",{"2":{"183":4}}],["25",{"2":{"10":1,"183":2}}],["2",{"0":{"7":1,"12":2,"13":1,"14":1,"16":1,"111":1,"124":1,"138":1,"169":1},"2":{"111":11,"120":3,"123":1,"146":1,"147":1,"148":1,"153":1,"154":6,"157":3,"159":3,"168":1,"180":1,"183":52,"196":4,"197":4,"198":4,"199":4,"200":4,"201":4,"202":5,"203":12,"204":4,"205":4}}],["22px",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["22",{"2":{"5":1,"183":4}}],["4px",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["430px",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["45",{"2":{"183":3,"203":1}}],["40k",{"2":{"195":1}}],["40",{"2":{"120":1,"183":3,"203":1}}],["42",{"2":{"114":7}}],["4986",{"2":{"114":7}}],["4980",{"2":{"114":7}}],["4988",{"2":{"114":7}}],["4985",{"2":{"114":7}}],["4981",{"2":{"114":14}}],["4964",{"2":{"114":21}}],["4961",{"2":{"114":35}}],["4963",{"2":{"114":7}}],["4962",{"2":{"114":7}}],["4968",{"2":{"114":14}}],["4966",{"2":{"114":14}}],["4975",{"2":{"114":7}}],["4974",{"2":{"114":7}}],["4973",{"2":{"114":14}}],["4971",{"2":{"114":7}}],["4979",{"2":{"114":21}}],["4972",{"2":{"114":21}}],["4970",{"2":{"114":7}}],["4977",{"2":{"114":42}}],["4976",{"2":{"114":14}}],["4",{"0":{"5":1,"10":1,"25":1},"2":{"25":1,"122":1,"154":1,"183":31,"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["5000",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["50",{"2":{"120":1}}],["55",{"2":{"114":7}}],["56",{"2":{"114":7}}],["53",{"2":{"114":14}}],["5",{"0":{"5":1,"6":1,"7":1,"8":1,"9":1,"24":1},"2":{"24":1,"44":2,"120":3,"123":2,"124":1,"154":2,"159":2,"183":4}}],["px",{"2":{"201":1}}],["purpose",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["push",{"2":{"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["png",{"2":{"174":1}}],["picture",{"0":{"182":1},"2":{"153":1,"154":1,"155":1,"156":1,"157":1,"168":1}}],["piece",{"2":{"148":1,"151":1}}],["pixel",{"2":{"11":1}}],["p",{"2":{"124":2}}],["personal",{"2":{"206":1}}],["performpoint",{"2":{"179":1}}],["performpointindex",{"2":{"179":1}}],["performance",{"2":{"175":1}}],["performeventmovefordrawing",{"2":{"44":2,"179":1}}],["performeventpressedmove",{"2":{"44":2,"179":1}}],["percentage",{"2":{"153":2,"168":2,"183":1,"196":2}}],["periods",{"2":{"123":1}}],["pvt",{"2":{"120":1}}],["psy",{"2":{"120":1}}],["powerful",{"2":{"195":1}}],["possible",{"2":{"135":1,"136":1}}],["positions",{"2":{"196":2}}],["position",{"0":{"126":1,"127":1},"2":{"4":1,"14":1,"29":1,"33":1,"126":2,"127":3,"153":2,"162":1,"166":1,"183":4,"190":5,"196":2}}],["polyfill",{"0":{"84":1}}],["polygon",{"0":{"71":1,"77":1},"2":{"71":2,"77":4,"100":1,"103":1,"183":1}}],["pointer",{"2":{"183":1}}],["point",{"0":{"91":1},"2":{"44":2,"66":1,"67":1,"68":2,"69":2,"70":1,"71":1,"72":4,"73":4,"78":2,"79":2,"104":2,"105":2,"110":2,"122":1,"159":2,"165":2,"179":5,"180":2,"181":1,"183":1}}],["points",{"2":{"44":3,"65":2,"66":1,"157":3,"159":3,"179":5,"190":1}}],["plugin",{"2":{"206":1}}],["please",{"2":{"33":1,"80":1,"83":1,"106":1,"128":1,"131":1,"146":1,"147":1,"148":1,"149":1,"175":1,"184":1,"185":1,"186":1,"187":1,"189":1,"190":3,"206":1}}],["plots",{"2":{"20":1,"192":1}}],["prev",{"2":{"122":1}}],["previous",{"2":{"122":1,"184":1}}],["prevent",{"2":{"44":1,"159":1}}],["preact",{"2":{"114":1}}],["press",{"2":{"44":4,"159":3,"179":2}}],["precision",{"2":{"42":3,"59":2,"87":2,"122":2,"130":3,"153":1,"154":4,"179":4}}],["project",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["provide",{"2":{"195":1,"206":1}}],["professional",{"2":{"194":1}}],["process",{"2":{"179":2}}],["processing",{"2":{"44":1}}],["prompt",{"2":{"124":1}}],["promise",{"2":{"42":1,"122":2,"153":1,"154":1}}],["properties",{"2":{"108":2,"179":1}}],["property",{"2":{"9":1}}],["prices",{"2":{"196":7,"197":7,"198":7,"199":7,"200":7,"201":7,"202":7,"203":7,"204":7,"205":7}}],["pricechannelline",{"2":{"177":1}}],["priceline",{"2":{"177":1,"202":1}}],["priceprecision",{"0":{"130":1},"2":{"87":1,"130":2}}],["pricemark",{"2":{"20":1,"183":1,"203":2}}],["price",{"2":{"5":1,"42":2,"81":4,"87":1,"122":1,"123":1,"130":3,"153":1,"154":3,"179":2,"202":1}}],["pay",{"0":{"209":1}}],["payment",{"2":{"206":1}}],["parallellfilineline",{"2":{"177":1}}],["param",{"2":{"124":4}}],["params",{"0":{"27":1},"2":{"27":1,"42":2,"44":5,"46":1,"47":1,"120":3,"122":2,"124":2,"152":3,"153":2,"154":2,"179":1,"192":2}}],["parameters",{"2":{"15":1,"33":1,"42":1,"102":1,"104":1,"122":1,"123":2,"124":3,"154":2,"157":1,"159":1,"179":3}}],["parameter",{"2":{"4":2,"15":1,"28":2,"68":1,"69":1,"72":1,"73":1,"74":2,"75":2,"76":2,"77":2,"78":2,"79":2,"101":1,"103":2,"105":1,"122":3,"124":2,"153":1,"190":3}}],["participates",{"2":{"179":2}}],["part",{"2":{"98":1}}],["padding",{"2":{"79":4,"105":4,"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["paddingright",{"2":{"79":2,"105":1,"183":9}}],["paddingbottom",{"2":{"20":2,"79":2,"105":1,"183":9,"187":2}}],["paddingtop",{"2":{"20":2,"79":2,"105":1,"183":9,"187":2}}],["paddingleft",{"2":{"5":1,"79":2,"105":1,"183":9,"201":1}}],["paneid",{"0":{"126":1,"127":1,"154":1,"155":1,"156":1,"157":1},"2":{"10":1,"91":1,"122":1,"126":2,"127":2,"154":2,"155":2,"156":2,"157":2,"172":2,"173":2,"190":19}}],["pane",{"2":{"9":1,"31":1,"153":3,"154":2,"155":1,"156":1,"157":1,"168":2,"201":1,"205":1}}],["paneoptions",{"0":{"153":1},"2":{"4":2,"28":3,"153":2,"190":2}}],["package",{"2":{"2":1,"113":1}}],["v2",{"2":{"206":1}}],["v8",{"0":{"184":1},"1":{"185":1,"186":1,"187":1,"188":1,"189":1,"190":1,"191":1,"192":1}}],["vr",{"2":{"120":1}}],["var",{"2":{"114":1}}],["valid",{"2":{"44":1,"54":1,"153":1,"159":1,"179":1}}],["values",{"2":{"42":1,"122":2,"153":1,"154":1,"172":1,"173":1,"179":3,"187":1,"192":1}}],["value",{"0":{"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":1,"59":1,"60":1,"62":1,"63":1,"153":1,"157":1,"172":1},"2":{"4":1,"11":1,"27":2,"28":1,"33":2,"42":3,"44":1,"46":1,"47":1,"52":2,"53":2,"54":2,"55":2,"56":2,"57":3,"58":3,"59":1,"60":1,"62":1,"63":1,"66":1,"67":1,"68":2,"69":2,"72":2,"73":2,"74":3,"75":3,"76":1,"77":1,"78":3,"79":3,"101":2,"102":2,"104":3,"105":3,"108":1,"110":3,"122":8,"123":2,"124":4,"153":6,"154":3,"157":6,"159":3,"168":2,"172":7,"173":2,"179":7,"183":8,"190":5,"192":3}}],["vue",{"2":{"114":2}}],["v10",{"2":{"80":1,"106":1}}],["vol",{"2":{"120":1,"201":1,"203":1,"205":1}}],["volumeprecision",{"0":{"130":1},"2":{"87":1,"130":2}}],["volume",{"2":{"35":1,"42":2,"81":2,"114":70,"117":1,"122":1,"130":3,"146":1,"147":1,"148":1,"149":1,"153":1,"154":2,"179":1,"196":3,"197":3,"198":3,"199":4,"200":4,"201":3,"202":3,"203":3,"204":3,"205":3}}],["void",{"2":{"34":1,"35":1,"38":1,"39":2,"42":1,"44":3,"46":1,"47":1,"51":1,"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"108":1,"114":2,"130":1,"131":1,"133":1,"135":1,"137":1,"139":1,"140":1,"141":1,"142":1,"143":1,"146":2,"147":2,"148":2,"150":1,"151":2,"152":3,"153":1,"154":2,"160":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"168":1,"169":2,"170":2,"171":2,"175":1,"179":2}}],["v9",{"0":{"26":1,"46":1,"47":1,"63":1,"64":1,"138":1,"139":1,"140":1,"152":1,"169":1,"184":1},"1":{"27":1,"28":1,"29":1,"30":1,"31":1,"185":1,"186":1,"187":1,"188":1,"189":1,"190":1,"191":1,"192":1},"2":{"33":2,"44":2,"146":1,"147":1,"148":1,"153":3,"154":1,"159":2,"168":2}}],["via",{"2":{"181":1}}],["visible",{"2":{"42":3,"44":3,"122":4,"141":1,"142":1,"145":1,"153":1,"154":4,"157":3,"159":4,"179":2}}],["visiblerange",{"2":{"14":1,"122":2,"192":2,"201":2}}],["viewport",{"2":{"27":1,"114":1,"192":2}}],["view",{"2":{"24":1,"25":1}}],["very",{"2":{"153":1,"206":1}}],["verticalstraightline",{"2":{"177":1}}],["verticalsegment",{"2":{"177":1}}],["verticalrayline",{"2":{"177":1}}],["vertical",{"2":{"5":1,"20":1,"73":1,"79":1,"183":2}}],["version",{"0":{"48":1},"2":{"2":1,"48":1,"146":1,"147":1,"148":1,"151":1}}],["let",{"2":{"196":3,"197":3,"198":3,"199":3,"200":3,"201":4,"202":3,"203":3,"204":3,"205":3}}],["length",{"2":{"180":1,"183":2,"196":3,"197":3,"198":3,"199":4,"200":3,"201":3,"202":4,"203":3,"204":3,"205":3}}],["less",{"2":{"153":2,"168":2,"200":1}}],["level",{"2":{"44":1,"122":1,"154":1,"159":1,"179":1}}],["left",{"2":{"27":1,"73":1,"79":2,"105":1,"115":1,"122":4,"127":1,"137":1,"138":1,"139":1,"141":1,"179":2,"183":5,"196":2}}],["li888",{"2":{"206":1}}],["link",{"2":{"206":1}}],["liner",{"2":{"196":1}}],["linecolor",{"2":{"183":1}}],["linewidth",{"2":{"111":1}}],["lineto",{"2":{"111":6}}],["linesize",{"2":{"183":1}}],["lines",{"2":{"20":1,"154":1,"183":1,"187":2}}],["line",{"0":{"70":1,"76":1,"86":1,"87":1,"103":1},"2":{"5":1,"9":1,"12":1,"16":1,"20":2,"65":1,"66":1,"67":1,"70":2,"75":1,"76":5,"77":1,"78":1,"79":1,"100":1,"101":1,"102":1,"103":2,"104":1,"105":1,"110":3,"122":2,"123":5,"124":3,"146":1,"147":1,"148":1,"157":1,"159":1,"181":1,"183":4,"187":1,"195":1,"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":3,"203":4,"204":2,"205":2}}],["license",{"2":{"206":1}}],["light",{"2":{"203":3}}],["lightweight",{"2":{"194":1,"195":1}}],["like",{"2":{"107":1,"121":1,"178":1,"195":1}}],["liihuu",{"2":{"93":2}}],["list",{"2":{"33":2,"131":1}}],["labels",{"2":{"187":1}}],["layer",{"2":{"174":1}}],["layout",{"2":{"4":1,"28":1,"29":1,"33":3}}],["lang",{"2":{"200":2}}],["lang=",{"2":{"114":1}}],["languages",{"2":{"116":1}}],["language",{"0":{"117":1,"118":1},"2":{"33":1,"35":3,"37":1,"116":1,"117":2,"118":2}}],["large",{"2":{"42":1,"60":1,"122":1,"154":1,"206":2}}],["lastdata",{"2":{"199":2}}],["lastvaluemark",{"2":{"20":1,"183":1}}],["last",{"2":{"20":1,"148":1,"183":1,"203":2,"205":1}}],["latest",{"2":{"5":1}}],["loadmoretimer",{"2":{"199":1}}],["loadmore",{"0":{"151":1},"2":{"199":1}}],["load",{"2":{"83":1,"151":1,"152":1}}],["location",{"2":{"163":1}}],["located",{"2":{"122":1,"179":1}}],["localized",{"2":{"37":1}}],["localization",{"2":{"35":1}}],["local",{"2":{"33":1,"131":1}}],["locales",{"0":{"35":1},"2":{"35":2,"117":1}}],["locale",{"0":{"35":1},"2":{"33":2,"35":2}}],["locked",{"2":{"44":1,"159":1}}],["lock",{"2":{"44":2,"157":3,"159":3,"179":2}}],["lowest",{"2":{"81":1}}],["low",{"2":{"35":1,"81":1,"114":70,"117":1,"146":1,"147":1,"148":1,"149":1,"183":1,"196":3,"197":3,"198":3,"199":5,"200":4,"201":3,"202":3,"203":3,"204":3,"205":3}}],["longer",{"2":{"20":1,"34":1,"185":1}}],["long",{"2":{"1":1}}],["logo",{"2":{"206":3}}],["logarithm",{"2":{"196":1}}],["log",{"0":{"0":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1,"21":1,"22":1,"23":1,"24":1,"25":1},"2":{"14":1,"21":1,"22":1,"23":1,"157":14,"159":14,"183":1,"196":1}}],["6px",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["686d76",{"2":{"183":4}}],["60",{"2":{"120":2,"196":5,"197":5,"198":5,"199":5,"200":5,"201":5,"202":5,"203":5,"204":5,"205":5}}],["600px",{"2":{"114":8}}],["600",{"2":{"114":6,"199":1}}],["62",{"2":{"114":7}}],["66",{"2":{"114":14}}],["64",{"2":{"114":7}}],["61",{"2":{"114":14}}],["6",{"0":{"4":1,"23":1},"2":{"23":1,"33":1,"120":9,"153":1,"183":5}}],["rise",{"2":{"203":6}}],["rich",{"2":{"195":1}}],["right",{"2":{"27":1,"44":1,"73":1,"79":2,"105":1,"115":1,"122":4,"127":1,"137":1,"138":1,"140":1,"142":1,"159":1,"179":4,"183":4,"196":2}}],["rigideroverlay",{"2":{"20":1}}],["rgba",{"2":{"183":17,"203":2}}],["rsi",{"2":{"120":1}}],["round",{"2":{"196":3,"197":3,"198":3,"199":4,"200":3,"201":3,"202":3,"203":3,"204":3,"205":3}}],["root",{"2":{"126":3,"127":3,"190":1}}],["roc",{"2":{"120":1}}],["rollback",{"2":{"8":1}}],["run",{"2":{"83":2}}],["rules",{"2":{"3":1,"205":3}}],["r",{"2":{"68":2,"69":2,"74":2,"75":2,"101":1,"102":1,"180":1,"202":1}}],["random",{"2":{"196":4,"197":4,"198":4,"199":6,"200":4,"201":5,"202":4,"203":4,"204":4,"205":4}}],["range",{"2":{"27":3,"145":1}}],["rayline",{"2":{"177":1}}],["radius",{"2":{"68":1,"69":1,"74":1,"75":1,"78":1,"79":1,"101":1,"102":1,"180":2,"183":1,"196":1,"198":1,"200":1,"201":1,"202":3,"203":1,"204":1,"205":1}}],["ratio",{"2":{"11":2}}],["reward",{"2":{"206":1}}],["red",{"2":{"203":15}}],["redrawn",{"2":{"150":1}}],["reverse",{"2":{"183":1,"196":5}}],["repeated",{"2":{"150":1}}],["replace",{"2":{"124":1}}],["resizing",{"2":{"175":1}}],["resize",{"0":{"175":1}}],["respond",{"2":{"124":1}}],["response",{"2":{"9":1}}],["results",{"2":{"124":1}}],["result",{"2":{"122":1,"201":3}}],["react",{"2":{"114":1}}],["reactvueangularpreactsolidsveltevanilla",{"2":{"114":1}}],["read",{"2":{"98":1}}],["realdataindex",{"2":{"122":1}}],["realx",{"2":{"122":1}}],["real",{"0":{"88":1},"2":{"122":4}}],["realrange",{"2":{"27":1}}],["realto",{"2":{"14":1,"27":1,"122":1,"145":1}}],["realfrom",{"2":{"14":1,"27":1,"122":1,"145":1}}],["recalculate",{"2":{"175":1}}],["recommended",{"2":{"98":1}}],["recttext",{"0":{"79":1,"80":1,"106":1},"2":{"79":2,"100":1,"183":1}}],["rectangle",{"2":{"72":2,"78":2}}],["rect",{"0":{"72":1,"78":1,"104":1},"2":{"8":1,"14":2,"72":2,"78":2,"100":1,"122":1,"183":4,"205":2}}],["required",{"2":{"81":7,"108":1,"153":1,"169":1,"179":8,"180":1}}],["returns",{"2":{"179":1}}],["returning",{"2":{"152":1,"157":1}}],["returned",{"2":{"122":1,"124":1,"149":1,"155":2,"156":1,"160":1}}],["return",{"2":{"33":1,"108":1,"111":1,"114":5,"122":1,"124":4,"129":1,"153":1,"157":1,"158":1,"159":1,"179":4,"180":2,"183":1,"192":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":3,"202":3,"203":1,"204":1,"205":1}}],["release",{"2":{"24":1,"25":1}}],["related",{"2":{"20":1}}],["render",{"2":{"20":1,"192":1}}],["rendering",{"2":{"3":2,"17":1}}],["regularity",{"2":{"196":1}}],["regenerate",{"2":{"42":1,"122":1,"154":1}}],["regeneratefigures",{"2":{"20":1,"42":2,"122":1,"124":1,"153":1,"154":3,"192":1}}],["regenerateplots",{"2":{"20":1,"192":1}}],["registered",{"2":{"33":1,"128":1}}],["register",{"2":{"28":1}}],["registeryaxis",{"0":{"47":1},"2":{"26":1,"153":1}}],["registerxaxis",{"0":{"46":1},"2":{"26":1}}],["registeroverlay",{"0":{"44":1},"2":{"20":1,"178":1,"189":1,"202":2}}],["registerindicator",{"0":{"42":1},"2":{"20":1,"121":1,"189":1,"201":2}}],["registerstyles",{"0":{"38":1},"2":{"20":1,"33":1,"128":1,"203":3}}],["registerlocale",{"0":{"35":1},"2":{"20":1,"117":2,"200":2}}],["registerfigure",{"0":{"39":1},"2":{"20":1,"107":1}}],["remove",{"0":{"160":1},"2":{"156":2,"160":2}}],["removehtml",{"2":{"20":1,"190":1}}],["removetag",{"2":{"20":1,"190":1}}],["removetechnicalindicator",{"2":{"20":1,"190":1}}],["removeannotation",{"2":{"20":1,"190":1}}],["removeshape",{"2":{"20":1,"190":1}}],["removeindicator",{"0":{"156":1},"2":{"20":1,"190":1}}],["removeoverlay",{"0":{"160":1},"2":{"20":2,"190":1}}],["reference",{"2":{"179":1}}],["refer",{"2":{"33":2,"38":1,"116":1,"122":7,"128":1,"129":1,"131":1,"146":1,"147":1,"148":1,"149":1,"184":1,"186":1}}],["refreshing",{"2":{"15":1}}],["refactoring",{"2":{"20":1}}],["refactor",{"2":{"4":1}}],["erc20",{"2":{"210":1}}],["error",{"2":{"2":2,"4":2,"6":1,"12":1}}],["eth",{"2":{"210":1}}],["etc",{"2":{"33":1,"42":1,"60":1,"99":1,"154":1}}],["europe",{"2":{"204":1}}],["e11d74",{"2":{"183":1}}],["ededed",{"2":{"183":2}}],["each",{"2":{"124":2,"175":1}}],["else",{"2":{"111":1,"203":1}}],["elements",{"2":{"98":1}}],["element",{"2":{"33":2,"34":2}}],["emoji",{"2":{"201":3}}],["email",{"2":{"206":1}}],["ema",{"2":{"120":1}}],["emv",{"2":{"81":1,"120":1}}],["empty",{"2":{"15":1}}],["explanation",{"0":{"182":1}}],["export",{"2":{"114":4}}],["exist",{"2":{"172":1}}],["exists",{"2":{"159":1}}],["execution",{"2":{"169":1}}],["execute",{"2":{"169":1}}],["executeaction",{"0":{"169":1},"2":{"14":1}}],["example",{"0":{"99":1,"109":1,"180":1},"1":{"110":1,"111":1},"2":{"42":1,"117":1,"122":5,"153":1,"154":2,"157":1,"159":1,"168":1,"183":1}}],["extended",{"2":{"42":1,"44":1,"122":1,"154":1,"159":1,"179":1,"195":1}}],["extenddata",{"2":{"42":2,"44":2,"122":1,"153":1,"154":3,"157":3,"159":3,"179":1}}],["extension",{"2":{"20":4,"179":1,"189":2}}],["english",{"2":{"200":1}}],["enabled",{"0":{"133":1,"135":1},"2":{"133":1,"135":1}}],["entire",{"2":{"126":1,"127":1,"175":1}}],["enter",{"2":{"44":1,"159":1}}],["en",{"2":{"33":1,"35":1,"114":1,"116":2,"179":1,"200":1}}],["endpoint",{"2":{"122":1}}],["endangle",{"2":{"68":2,"74":2,"101":1}}],["end",{"2":{"18":1,"44":2,"68":1,"73":1,"74":1,"79":1,"101":1,"122":2,"159":2,"179":2}}],["environment",{"0":{"82":1},"1":{"83":1,"84":1},"2":{"14":1}}],["ef5350",{"2":{"13":1,"154":2}}],["effect",{"2":{"2":1}}],["events",{"2":{"9":1,"16":3,"179":1}}],["event",{"2":{"8":2,"9":1,"12":1,"15":1,"16":1,"18":1,"39":1,"44":30,"108":2,"157":56,"159":56,"179":31}}],["1b1b1f",{"2":{"203":1}}],["1m",{"2":{"33":1,"42":1,"60":1,"154":1}}],["1k",{"2":{"33":1,"42":1,"60":1,"154":1}}],["16px",{"2":{"201":1}}],["1677ff",{"2":{"183":11,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["16098",{"2":{"157":1,"159":1}}],["1614171202000",{"2":{"157":1,"159":1}}],["1614171282000",{"2":{"157":1,"159":1}}],["16",{"2":{"20":1,"114":7}}],["17",{"2":{"19":1,"201":1}}],["10px",{"2":{"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["100",{"2":{"153":1,"168":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["100k",{"2":{"122":1}}],["100000",{"2":{"122":1}}],["1000000",{"2":{"33":1,"42":1,"60":1,"154":1}}],["1000",{"2":{"33":1,"42":1,"60":1,"122":1,"154":1,"196":4,"197":4,"198":4,"199":4,"200":4,"201":4,"202":4,"203":4,"204":4,"205":4}}],["105",{"2":{"114":7}}],["10",{"2":{"16":1,"120":7,"123":2,"124":1,"183":6,"196":1,"197":1,"198":1,"199":3,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["135",{"2":{"114":7}}],["13",{"2":{"11":1,"120":1}}],["150",{"2":{"183":6}}],["1587660540000",{"2":{"114":7}}],["1587660480000",{"2":{"114":7}}],["1587660420000",{"2":{"114":7}}],["1587660360000",{"2":{"114":7}}],["1587660300000",{"2":{"114":7}}],["1587660240000",{"2":{"114":7}}],["1587660180000",{"2":{"114":7}}],["1587660120000",{"2":{"114":7}}],["1587660060000",{"2":{"114":7}}],["1587660000000",{"2":{"114":7}}],["15",{"2":{"9":1,"15":1,"183":1}}],["192",{"2":{"183":3,"203":1}}],["191",{"2":{"114":7}}],["197",{"2":{"114":7}}],["194",{"2":{"114":7}}],["19",{"2":{"6":1,"114":7}}],["142",{"2":{"183":3,"203":1}}],["14",{"2":{"4":1,"8":1,"17":1,"114":7,"120":3}}],["119",{"2":{"183":4}}],["11",{"2":{"4":1}}],["18987",{"2":{"157":1,"159":1}}],["184",{"2":{"114":7}}],["18",{"2":{"2":1,"7":1}}],["1",{"0":{"2":1,"8":1,"13":1,"15":1,"16":1,"17":2,"18":1,"19":1,"110":1,"123":1},"2":{"58":1,"111":1,"124":3,"153":4,"154":4,"157":1,"159":1,"168":4,"180":2,"183":37,"197":1,"199":2,"202":2,"203":4}}],["12px",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["12345678910111213141516171819202122",{"2":{"205":1}}],["123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051html",{"2":{"204":1}}],["1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677html",{"2":{"202":1}}],["123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126html",{"2":{"205":1}}],["123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150html",{"2":{"203":1}}],["123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110html",{"2":{"196":1}}],["123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107html",{"2":{"201":1}}],["123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960html",{"2":{"200":1}}],["1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556html",{"2":{"198":1}}],["12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849html",{"2":{"199":1}}],["12345678910111213141516171819202122232425262728html",{"2":{"197":1}}],["123456789101112131415161718",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1}}],["123css",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["12",{"2":{"1":1,"2":1,"3":2,"114":7,"120":9,"183":12}}],["76808f",{"2":{"183":2}}],["76",{"2":{"114":7}}],["72",{"2":{"114":7}}],["70",{"2":{"114":7}}],["74",{"2":{"114":7}}],["77",{"2":{"114":7}}],["7yjhygvvvz",{"2":{"95":1}}],["7",{"0":{"2":1,"3":1,"22":1,"139":1,"140":1},"2":{"22":1,"154":1,"183":6,"184":1,"203":2}}],["smooth",{"2":{"183":6,"195":1}}],["sma",{"2":{"120":1}}],["sqrt",{"2":{"180":1,"202":1}}],["sponsoring",{"2":{"206":1}}],["sponsor",{"0":{"206":1,"207":1},"1":{"207":1,"208":2,"209":2,"210":2},"2":{"206":1}}],["span",{"2":{"201":2,"205":2}}],["space",{"0":{"143":1},"2":{"143":1,"190":1}}],["special",{"2":{"44":2,"153":1,"154":1,"155":1,"156":1,"157":1,"168":1,"179":1}}],["specified",{"2":{"109":1,"122":2,"163":1,"164":1,"167":1}}],["specifies",{"2":{"42":2,"154":2}}],["specify",{"2":{"28":2}}],["switching",{"2":{"118":1}}],["svelte",{"2":{"114":2}}],["src=",{"2":{"113":1,"114":1}}],["scoordinates",{"2":{"180":1}}],["scheme",{"2":{"116":1}}],["scalable",{"2":{"195":1}}],["scaling",{"2":{"165":1,"166":1,"167":1}}],["scaled",{"2":{"134":1}}],["scale",{"0":{"165":1,"166":1,"167":1},"2":{"133":1,"165":3,"166":3,"167":3}}],["scale=1",{"2":{"114":1}}],["scan",{"2":{"96":1}}],["script>",{"2":{"113":1,"114":6}}],["script",{"2":{"113":1,"114":2}}],["scrolltotimestamp",{"0":{"164":1}}],["scrolltodataindex",{"0":{"163":1}}],["scrolltorealtime",{"0":{"162":1}}],["scrollbydistance",{"0":{"161":1}}],["scrollzoomenabled",{"2":{"33":1,"153":3,"168":3}}],["scroll",{"2":{"20":1,"153":1,"161":1,"162":1,"163":1,"164":1,"168":1}}],["scrolling",{"2":{"9":1,"135":1,"136":1}}],["screen",{"2":{"11":1}}],["sample",{"2":{"183":2}}],["samplecircle",{"2":{"180":2}}],["same",{"2":{"80":1,"106":1,"124":1,"148":1,"153":1,"172":1}}],["sar",{"2":{"120":1}}],["sale",{"0":{"91":1}}],["saved",{"2":{"20":1}}],["slope",{"2":{"65":1,"67":1}}],["ss",{"2":{"61":1}}],["shift",{"2":{"115":4}}],["showparams",{"2":{"183":1}}],["showtype",{"2":{"183":2,"205":4}}],["showrule",{"2":{"183":2,"205":4}}],["show",{"2":{"183":26}}],["showname",{"2":{"154":1,"183":1}}],["shows",{"0":{"87":1}}],["short",{"2":{"42":1,"122":1,"154":1}}],["shortname",{"2":{"42":2,"122":1,"124":1,"153":1,"154":2}}],["shouldcheckparamcount",{"2":{"192":1}}],["should",{"0":{"91":1},"2":{"42":1,"124":1,"154":1}}],["shouldformatbignumber",{"2":{"42":2,"122":1,"153":1,"154":3}}],["shouldohlc",{"2":{"42":2,"122":1,"153":1,"154":3}}],["shanghai",{"2":{"33":1,"131":1,"204":2}}],["shape",{"0":{"191":1},"2":{"20":2,"186":1,"187":1}}],["s",{"0":{"194":1},"2":{"36":1,"206":1}}],["sort",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["so",{"2":{"111":1,"123":1,"124":1,"180":1}}],["source",{"0":{"51":1},"2":{"51":1,"122":8,"149":1}}],["some",{"2":{"33":1,"122":4,"153":1,"154":1,"179":2}}],["solid",{"2":{"20":1,"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"101":1,"102":1,"103":2,"104":1,"105":1,"110":3,"111":1,"114":1,"153":2,"154":5,"157":1,"159":1,"183":37,"198":2,"203":4}}],["such",{"2":{"33":2,"58":1,"60":1,"61":1,"99":1,"113":1,"131":1}}],["success",{"2":{"14":1,"146":1,"147":1,"148":1,"153":1,"154":1}}],["subtitle",{"2":{"201":4}}],["subindicators",{"2":{"201":2}}],["subkey",{"2":{"124":1}}],["subscribing",{"2":{"171":1}}],["subscribe",{"2":{"170":1}}],["subscribeaction",{"0":{"170":1},"2":{"18":1,"146":1,"148":1,"190":1}}],["subsequent",{"2":{"124":1,"153":1}}],["sub",{"2":{"28":1,"192":1,"201":1}}],["supported",{"2":{"37":1,"40":1,"169":1}}],["supports",{"2":{"9":1,"10":1,"11":1,"18":1,"33":1,"83":1,"113":1,"115":1,"126":1,"127":1,"128":1,"183":1}}],["support",{"0":{"83":1},"2":{"1":4,"7":1,"8":1,"14":1,"16":1,"20":1,"26":1,"33":1,"38":1,"43":1,"45":1,"58":1,"90":1,"122":1,"195":1}}],["situation",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["since",{"2":{"146":1,"147":1,"148":1,"151":1}}],["single",{"2":{"143":1,"144":1,"148":1}}],["sign",{"0":{"62":1},"2":{"62":1}}],["size",{"0":{"64":1},"2":{"20":2,"64":1,"73":3,"74":2,"76":2,"79":4,"101":2,"102":1,"103":3,"104":1,"105":3,"110":1,"122":4,"154":1,"157":1,"159":1,"175":2,"179":3,"183":31,"187":2,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["side",{"2":{"9":1,"139":1,"140":1}}],["simple",{"2":{"185":1,"195":1}}],["simpletag",{"2":{"7":1,"16":1,"177":1}}],["simpleannotation",{"2":{"7":1,"16":1,"91":2,"177":1}}],["standard",{"2":{"183":4,"205":2}}],["started",{"0":{"112":1},"1":{"113":1,"114":1},"2":{"195":1}}],["starting",{"2":{"72":2,"73":2,"74":1,"78":2,"79":2,"104":2,"105":2,"122":1}}],["startangle",{"2":{"68":2,"74":2,"101":1}}],["start",{"2":{"44":2,"68":1,"73":1,"79":1,"101":1,"114":3,"122":3,"159":2,"179":2}}],["step",{"0":{"110":1,"111":1,"123":1,"124":1},"2":{"179":1}}],["steps",{"2":{"44":1,"179":1,"180":1}}],["straightline",{"2":{"177":1}}],["strokestyle",{"2":{"111":1}}],["stroke",{"2":{"75":2,"77":2,"78":2,"79":2,"102":2,"103":2,"104":2,"105":2,"110":4,"111":4,"153":4,"154":4,"180":1,"183":25,"198":6,"202":1}}],["strong",{"2":{"44":2,"157":2,"159":2,"179":2}}],["strings",{"2":{"183":1}}],["string>",{"2":{"33":1}}],["string",{"2":{"4":1,"9":1,"27":5,"33":11,"34":1,"35":7,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":16,"43":1,"44":13,"45":1,"46":3,"47":3,"48":1,"52":1,"58":1,"59":2,"60":2,"61":2,"62":3,"63":2,"64":3,"73":3,"74":1,"75":2,"76":1,"77":2,"78":2,"79":5,"101":1,"102":2,"103":3,"104":2,"105":5,"108":1,"122":14,"126":1,"127":1,"128":1,"131":1,"132":1,"153":23,"154":19,"155":2,"156":2,"157":11,"158":1,"159":4,"160":4,"168":2,"172":1,"173":1,"174":3,"179":6,"183":1}}],["style=",{"2":{"114":7,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["styles",{"0":{"38":1,"73":1,"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"80":1,"128":1},"2":{"4":2,"33":4,"38":2,"39":2,"42":5,"44":9,"73":3,"74":3,"75":3,"76":3,"77":3,"78":3,"79":3,"80":2,"99":3,"101":1,"102":1,"103":2,"104":1,"105":1,"108":2,"110":1,"111":4,"122":2,"128":3,"129":1,"153":3,"154":6,"157":3,"159":4,"179":3,"180":1,"181":1,"190":2,"192":2,"202":1}}],["style",{"0":{"181":1,"187":1},"1":{"182":1,"183":1},"2":{"1":1,"4":2,"5":2,"7":1,"8":1,"9":1,"13":1,"14":1,"15":1,"20":4,"33":1,"38":4,"74":3,"75":4,"76":3,"77":4,"78":4,"79":4,"88":1,"101":2,"102":3,"103":5,"104":3,"105":3,"108":2,"110":5,"111":5,"122":11,"128":3,"129":1,"153":2,"154":5,"157":1,"159":1,"179":6,"180":2,"181":1,"183":23,"187":1,"195":1,"201":1,"202":1,"203":6}}],["sending",{"2":{"206":1}}],["sensitivity",{"2":{"9":1,"44":1,"159":1,"179":1}}],["segment",{"2":{"157":3,"159":3,"177":1}}],["second",{"2":{"123":1}}],["select",{"2":{"179":1,"180":1}}],["selector",{"2":{"114":1}}],["selected",{"2":{"44":1,"159":1}}],["selections",{"2":{"180":1}}],["selection",{"2":{"16":1}}],["series",{"2":{"42":3,"122":2,"130":1,"153":1,"154":4}}],["seen",{"0":{"86":1}}],["see",{"2":{"33":1,"39":1,"44":1,"86":1,"90":1,"122":3,"179":1,"181":1}}],["setindicatortooltipshowtype",{"2":{"205":2}}],["setindicatortooltipshowrule",{"2":{"205":2}}],["setinside",{"2":{"196":2}}],["setcandletooltipshowtype",{"2":{"205":2}}],["setcandletooltipshowrule",{"2":{"205":2}}],["setcustomapi",{"2":{"20":1}}],["setmainindicator",{"2":{"201":2}}],["setmaxoffsetleftdistance",{"0":{"139":1}}],["setmaxoffsetrightdistance",{"0":{"140":1},"2":{"3":1}}],["setreverse",{"2":{"196":2}}],["setrightminvisiblebarcount",{"0":{"142":1}}],["settheme",{"2":{"203":2}}],["settype",{"2":{"196":2,"198":2}}],["settimeout",{"2":{"199":2}}],["settimezone",{"0":{"131":1},"2":{"204":3}}],["setting",{"2":{"130":1}}],["settings",{"2":{"88":1}}],["setbarspace",{"0":{"143":1}}],["setzoomenabled",{"0":{"133":1}}],["setup>",{"2":{"114":1}}],["setlang",{"2":{"200":2}}],["setloaddatacallback",{"0":{"152":1},"2":{"151":1}}],["setlocale",{"2":{"20":1,"118":1,"200":1}}],["setleftminvisiblebarcount",{"0":{"141":1}}],["setlinedash",{"2":{"111":2}}],["setposition",{"2":{"196":2}}],["setpricevolumeprecision",{"0":{"130":1},"2":{"87":1}}],["setpaneoptions",{"0":{"31":1,"168":1},"2":{"11":1,"20":1,"28":1,"168":1}}],["set",{"2":{"33":1,"87":1,"103":2,"122":3,"128":1,"131":2,"133":1,"135":1,"137":1,"139":1,"140":1,"141":1,"142":1,"143":1,"151":1,"152":1,"154":1,"168":1}}],["setsubindicator",{"2":{"201":2}}],["setscrollenabled",{"0":{"135":1}}],["setshapeoptions",{"2":{"20":1,"190":1}}],["setstyles",{"0":{"128":1},"2":{"20":1,"88":1,"181":1,"190":1,"196":4,"198":1,"203":1,"205":4}}],["setstyleoptions",{"2":{"20":1,"190":1}}],["setoffsetrightdistance",{"0":{"137":1},"2":{"20":1,"190":1}}],["setoffsetrightspace",{"2":{"20":1,"190":1}}],["separator",{"2":{"4":1,"8":1,"33":1,"62":1,"179":1,"183":1}}],["xxxxxxxx",{"2":{"157":1,"159":1}}],["xxx",{"2":{"124":2,"192":8}}],["xdis",{"2":{"111":2,"180":3,"202":3}}],["x3c",{"2":{"27":2,"33":2,"36":1,"42":4,"44":4,"46":1,"47":1,"67":1,"70":1,"71":1,"75":1,"76":1,"77":2,"78":1,"103":2,"111":1,"113":2,"114":32,"122":7,"146":1,"147":1,"149":1,"152":1,"153":4,"154":4,"157":3,"159":1,"172":2,"173":2,"179":4,"196":5,"197":3,"198":5,"199":3,"200":5,"201":6,"202":5,"203":5,"204":5,"205":5}}],["xaxis",{"2":{"10":1,"20":6,"29":1,"33":1,"42":4,"122":6,"179":2,"183":1,"187":6,"192":4,"201":2}}],["x",{"0":{"21":1,"22":1,"23":1,"24":1,"25":1},"2":{"1":1,"21":1,"22":1,"23":1,"24":1,"25":1,"29":1,"44":2,"46":1,"65":2,"66":3,"67":1,"68":4,"69":4,"70":2,"71":2,"72":4,"73":4,"74":3,"75":3,"76":1,"77":1,"78":3,"79":3,"101":2,"102":2,"103":2,"104":2,"105":2,"108":1,"110":3,"111":12,"122":3,"159":1,"165":1,"172":2,"173":2,"179":4,"180":2,"184":4,"201":2,"202":2}}],["omni",{"2":{"210":1}}],["older",{"2":{"184":1}}],["obtain",{"2":{"155":1,"190":1}}],["obtained",{"2":{"98":1}}],["obv",{"2":{"120":1}}],["objects",{"2":{"179":2,"183":1}}],["object",{"2":{"33":2,"38":1,"39":2,"42":18,"44":20,"46":1,"47":1,"51":3,"55":1,"128":2,"129":1,"153":14,"154":12,"155":1,"156":1,"157":32,"158":1,"159":15,"172":1,"173":1,"183":1}}],["other",{"0":{"90":1},"2":{"66":1,"116":1,"123":2,"124":1,"180":1,"206":1}}],["o",{"2":{"58":2}}],["outline",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["outside",{"2":{"196":1}}],["out",{"2":{"44":1,"115":1,"159":1,"179":1,"195":1}}],["output",{"2":{"14":1}}],["operations",{"2":{"153":1}}],["operation",{"2":{"42":1,"154":1,"179":3}}],["opening",{"2":{"183":1}}],["open",{"2":{"35":1,"81":2,"114":70,"117":1,"146":1,"147":1,"148":1,"149":1,"183":2,"196":3,"197":3,"198":3,"199":3,"200":4,"201":3,"202":3,"203":3,"204":3,"205":3}}],["option",{"2":{"190":2}}],["optional",{"2":{"33":1,"81":1,"101":1,"102":1,"103":2,"104":1,"105":1,"154":1}}],["options",{"0":{"33":1,"168":1},"2":{"4":2,"11":3,"20":3,"28":3,"29":2,"33":5,"42":1,"44":1,"110":2,"118":1,"154":1,"159":1,"168":2,"170":1,"171":1,"179":1,"181":1,"187":1,"190":1,"192":1}}],["optimization",{"2":{"8":1}}],["optimize",{"2":{"1":2,"3":1,"4":2,"7":3,"8":1,"9":3,"10":1,"11":3,"12":1,"13":2,"14":2,"15":3,"16":1,"17":1,"18":1}}],["own",{"2":{"29":1}}],["organization",{"2":{"206":1}}],["organizations",{"2":{"206":1}}],["org",{"2":{"179":1}}],["original",{"2":{"162":1}}],["order",{"2":{"150":1}}],["or",{"2":{"28":1,"33":2,"34":1,"42":1,"44":1,"89":1,"113":2,"118":1,"130":1,"152":1,"153":1,"154":1,"157":1,"159":1,"172":1,"173":1,"181":2,"183":4,"184":1,"206":3}}],["overwrite",{"2":{"159":1}}],["overwritten",{"2":{"148":1}}],["overridden",{"2":{"154":1,"159":1}}],["overridetechnicalindicator",{"2":{"190":1}}],["overrides",{"2":{"153":1}}],["override",{"0":{"154":1,"159":1},"2":{"89":1,"154":2,"159":2,"190":3}}],["overrideindicator",{"0":{"154":1},"2":{"20":1,"89":1,"153":1,"154":1,"190":1}}],["overrideoverlay",{"0":{"159":1},"2":{"20":2,"157":1,"159":1,"190":1}}],["overlayevent",{"2":{"179":14}}],["overlayperformeventparams",{"2":{"179":1}}],["overlaycreatefigurescallback",{"2":{"179":2}}],["overlayconstructor>",{"2":{"36":1}}],["overlaytechnicalindicator",{"2":{"20":1}}],["overlayfigureignoreeventtype",{"2":{"44":6,"179":2}}],["overlayfigure",{"2":{"9":1}}],["overlaystyle",{"2":{"179":2}}],["overlays",{"0":{"178":1},"1":{"179":1,"180":1},"2":{"2":1,"7":1,"16":1,"45":1,"91":1,"98":1,"159":1,"176":1}}],["overlay",{"0":{"44":1,"176":1,"177":1,"202":1},"1":{"177":1,"178":1,"179":1,"180":1},"2":{"1":1,"3":1,"4":2,"9":1,"10":1,"15":1,"16":1,"18":1,"20":2,"36":2,"44":6,"91":1,"154":1,"157":2,"158":1,"159":2,"160":1,"174":1,"176":1,"178":2,"179":7,"180":1,"183":1,"186":2,"187":1}}],["ohlc",{"2":{"1":1,"3":1,"42":1,"122":1,"154":1,"183":2,"198":2,"203":2}}],["onpanedrag",{"2":{"170":2,"171":2,"190":1}}],["onpressedmoveend",{"2":{"44":2,"157":3,"159":3,"179":1}}],["onpressedmovestart",{"2":{"44":2,"157":3,"159":3,"179":1}}],["onpressedmoving",{"2":{"44":2,"157":3,"159":3,"179":1}}],["ontooltipiconclick",{"2":{"170":2,"171":2}}],["onvisiblerangechange",{"2":{"170":2,"171":2,"190":1}}],["onscroll",{"2":{"170":2,"171":2,"190":1}}],["onselected",{"2":{"44":2,"157":3,"159":3,"179":1}}],["onzoom",{"2":{"170":2,"171":2,"190":1}}],["onload",{"2":{"114":1}}],["only",{"0":{"86":1},"2":{"44":1,"107":1,"110":2,"115":1,"121":1,"148":1,"150":1,"153":1,"159":1,"169":1,"172":1,"173":1,"179":1,"195":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["onunmounted",{"2":{"114":2}}],["onmount",{"2":{"114":4}}],["onmounted",{"2":{"114":2}}],["onmouseleave",{"2":{"44":2,"157":3,"159":3,"179":1}}],["onmouseenter",{"2":{"44":2,"157":3,"159":3,"179":1}}],["one",{"0":{"86":1},"2":{"51":1,"123":2,"174":1,"179":1,"195":1}}],["onremoved",{"2":{"44":2,"157":3,"159":3,"179":1}}],["onrightclick",{"2":{"44":2,"157":3,"159":3,"179":1}}],["ondataready",{"2":{"146":1,"148":1,"170":2,"171":2}}],["ondestroy",{"2":{"114":4}}],["ondeselected",{"2":{"44":2,"157":3,"159":3,"179":1}}],["ondrawend",{"2":{"44":2,"157":3,"159":3,"179":1}}],["ondrawing",{"2":{"44":2,"157":3,"159":3,"179":1}}],["ondrawstart",{"2":{"44":2,"157":3,"159":3,"179":1}}],["ondoubleclick",{"2":{"9":1,"44":2,"157":3,"159":3,"179":1}}],["oncrosshairchange",{"2":{"169":2,"170":2,"171":2,"190":1}}],["oncleanup",{"2":{"114":2}}],["onclick",{"2":{"44":2,"157":3,"159":3,"179":1}}],["once",{"2":{"34":1}}],["oncandlebarclick",{"2":{"18":1,"170":2,"171":2}}],["on",{"2":{"1":1,"9":1,"15":1,"39":1,"44":2,"66":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"83":3,"98":1,"108":1,"139":1,"140":1,"144":1,"153":1,"159":1,"167":1,"172":1,"173":1,"179":4,"181":1,"206":3}}],["official",{"2":{"206":1}}],["offsetright",{"2":{"183":1}}],["offsettop",{"2":{"183":1}}],["offsetleft",{"2":{"183":1}}],["offset",{"2":{"183":2}}],["offsetbottom",{"2":{"14":1,"183":1}}],["of",{"0":{"29":1,"30":1,"31":1,"91":1,"99":1},"2":{"1":3,"3":1,"4":3,"5":3,"7":1,"9":1,"10":1,"11":1,"14":1,"15":4,"16":2,"17":1,"18":1,"19":1,"27":1,"28":1,"33":1,"48":1,"49":1,"58":1,"65":2,"66":1,"67":1,"68":4,"69":4,"74":4,"75":4,"98":2,"99":1,"101":4,"102":4,"103":2,"104":2,"105":2,"108":3,"110":2,"122":7,"123":3,"124":4,"137":1,"138":1,"139":1,"140":1,"141":1,"142":1,"143":2,"144":1,"146":2,"147":2,"148":3,"149":1,"150":1,"151":2,"153":4,"154":1,"155":1,"156":1,"157":2,"163":1,"165":1,"166":1,"168":2,"172":1,"174":2,"175":1,"179":12,"180":2,"183":1,"187":1,"195":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1,"206":2}}],["mtm",{"2":{"120":1}}],["much",{"2":{"206":1}}],["must",{"2":{"81":1}}],["multiple",{"2":{"4":2,"113":1,"195":2}}],["migrated",{"2":{"191":1}}],["millisecond",{"2":{"81":1}}],["middle",{"2":{"73":1,"79":1,"165":1,"183":2}}],["min",{"2":{"113":1,"114":1,"199":1}}],["minimum",{"2":{"42":1,"122":1,"141":1,"142":1,"153":1,"154":1,"168":1}}],["minheight",{"2":{"33":1,"153":3,"168":3}}],["minvalue",{"2":{"1":1,"42":2,"122":1,"153":1,"154":3}}],["mm",{"2":{"61":2}}],["mozilla",{"2":{"179":1}}],["more",{"0":{"146":1,"147":1},"2":{"81":2,"146":3,"147":4,"151":1,"152":1}}],["mouse",{"2":{"44":2,"159":2,"179":2}}],["moving",{"2":{"44":1,"115":1}}],["movement",{"2":{"179":3}}],["moveto",{"2":{"111":2}}],["move",{"2":{"44":4,"115":2,"159":3,"179":2}}],["mobile",{"2":{"9":1,"83":1,"195":2}}],["models",{"2":{"195":1}}],["model",{"2":{"179":1}}],["mode",{"2":{"44":5,"157":3,"159":6,"179":5}}],["modesensitivity",{"2":{"9":1,"44":2,"157":3,"159":3,"179":1}}],["module",{"2":{"4":1,"175":1}}],["merging",{"2":{"128":1}}],["merged",{"2":{"186":1,"187":1,"192":1}}],["merge",{"0":{"51":1},"2":{"4":1,"51":1}}],["meaning",{"2":{"179":1}}],["mean",{"2":{"123":2}}],["median",{"2":{"122":1}}],["metric",{"2":{"154":1}}],["meta",{"2":{"114":5}}],["method",{"2":{"18":1,"20":11,"39":1,"42":4,"44":2,"56":1,"89":1,"98":1,"122":4,"146":2,"151":1,"153":1,"154":4,"155":1,"156":1,"158":1,"160":1,"170":1,"171":1,"175":1,"181":2,"183":2,"190":1,"192":4}}],["methods",{"2":{"2":1,"10":1,"20":6,"49":1,"111":1,"113":1,"122":4,"179":2,"192":1}}],["me",{"2":{"94":1}}],["made",{"2":{"181":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["may",{"2":{"175":1}}],["many",{"2":{"179":1}}],["manually",{"2":{"150":1}}],["management",{"2":{"113":1}}],["manager",{"2":{"2":1}}],["matched",{"2":{"148":1}}],["math",{"2":{"111":2,"180":3,"196":8,"197":8,"198":8,"199":13,"200":8,"201":10,"202":11,"203":8,"204":8,"205":8}}],["maintitle",{"2":{"201":3}}],["mainindicators",{"2":{"201":2}}],["main",{"2":{"126":2,"127":2,"153":1,"154":1,"155":1,"156":1,"157":1,"168":1,"190":1,"201":1}}],["map",{"2":{"124":2,"201":1}}],["mapping",{"2":{"1":1}}],["ma5",{"2":{"123":2,"124":1}}],["ma2",{"2":{"123":2,"124":2}}],["ma10",{"2":{"123":3,"124":1}}],["ma1",{"2":{"123":3,"124":2}}],["macd",{"2":{"120":1,"201":1}}],["make",{"2":{"98":1}}],["magnet`",{"2":{"179":2}}],["magnet",{"2":{"44":5,"157":5,"159":6,"179":5}}],["max",{"2":{"199":1}}],["maximum",{"2":{"42":1,"122":1,"139":1,"140":1,"154":1}}],["maxvalue",{"2":{"1":1,"42":2,"122":1,"153":1,"154":3}}],["ma",{"2":{"30":1,"120":1,"123":1,"124":5,"153":1,"201":1,"205":1}}],["mark",{"0":{"91":1}}],["marginend",{"2":{"183":2,"187":2}}],["marginbottom",{"2":{"183":4}}],["marginright",{"2":{"183":4}}],["margintop",{"2":{"183":4}}],["marginleft",{"2":{"183":4}}],["marginstart",{"2":{"183":2}}],["margins",{"2":{"153":1,"168":1}}],["margin",{"2":{"20":2,"153":2,"168":2,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":2}}],["marinend",{"2":{"20":2}}],["marinstart",{"2":{"20":2,"187":2}}],["bc1qnwzukszzk5xfk0zs3sr8etzgctgnrtqts43jzp3khe6gm7xazprsp4y6n3",{"2":{"210":1}}],["btc",{"2":{"210":1}}],["button",{"2":{"196":24,"198":9,"200":9,"201":14,"202":9,"203":9,"204":9,"205":26}}],["buttoncontainer",{"2":{"196":7,"198":4,"200":4,"201":7,"202":4,"203":4,"204":4}}],["built",{"0":{"89":1,"90":1,"100":1,"120":1,"177":1},"1":{"101":1,"102":1,"103":1,"104":1,"105":1,"106":1},"2":{"7":1,"8":1,"16":2,"17":1,"33":1,"35":1,"83":1,"91":1,"98":1,"100":1,"107":1,"116":1,"119":1,"121":1,"122":4,"176":1,"178":1,"179":3,"180":1,"195":1,"202":1}}],["blank",{"2":{"185":1}}],["blurry",{"2":{"3":1}}],["bmp",{"2":{"174":1}}],["bbi",{"2":{"120":1}}],["brar",{"2":{"120":1}}],["browser",{"0":{"83":1},"2":{"83":1}}],["browsers",{"2":{"1":1}}],["bias",{"2":{"120":1}}],["big",{"2":{"33":1}}],["b",{"2":{"58":2,"65":2}}],["box",{"2":{"195":1}}],["boundary",{"2":{"152":1}}],["bounding",{"2":{"27":1,"42":4,"122":4,"179":1,"192":2}}],["boll",{"2":{"120":1,"154":2,"201":1}}],["body>",{"2":{"114":2}}],["bordered",{"2":{"180":1}}],["borderradius",{"2":{"78":2,"79":2,"104":1,"105":1,"183":8}}],["border",{"2":{"75":4,"77":4,"78":5,"79":5,"102":3,"103":3,"104":4,"105":4,"109":1,"110":5,"111":1,"180":1,"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["borderdashedvalue",{"2":{"75":2,"77":2,"78":2,"79":2,"102":1,"103":1,"104":1,"105":1,"111":2,"154":2,"183":11,"203":4}}],["bordersize",{"2":{"75":2,"77":2,"78":2,"79":2,"102":1,"103":1,"104":1,"105":1,"110":2,"111":2,"154":2,"183":13,"203":4}}],["borderstyle",{"2":{"20":4,"75":2,"77":2,"78":2,"79":2,"102":1,"103":1,"104":1,"105":1,"110":2,"111":2,"154":2,"183":11,"203":4}}],["bordercolor",{"2":{"75":2,"77":2,"78":2,"79":2,"102":1,"103":1,"104":1,"105":1,"110":2,"111":2,"183":10}}],["bool",{"2":{"57":1}}],["boolean",{"2":{"33":2,"39":1,"42":4,"44":25,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"108":2,"122":4,"133":1,"134":1,"135":1,"136":1,"146":1,"147":1,"152":1,"153":7,"154":4,"157":38,"159":19,"168":2,"172":1,"173":1,"174":1,"179":22}}],["bottom",{"2":{"27":1,"29":1,"33":2,"73":1,"79":2,"105":1,"122":4,"127":1,"153":5,"168":4,"179":2}}],["berlin",{"2":{"204":2}}],["best",{"2":{"124":1}}],["between",{"2":{"122":1,"179":1}}],["beginpath",{"2":{"111":3}}],["benchmark",{"2":{"105":1}}],["be",{"0":{"86":1},"2":{"26":1,"33":3,"34":2,"80":1,"81":1,"91":2,"98":1,"99":1,"106":1,"122":6,"124":4,"128":1,"130":1,"134":1,"137":1,"138":1,"146":1,"147":1,"148":3,"150":1,"153":6,"154":1,"155":2,"157":1,"159":2,"161":1,"162":1,"163":1,"164":1,"165":2,"166":1,"167":1,"168":5,"172":3,"173":2,"174":3,"179":13,"180":1,"181":1,"183":3,"195":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1,"206":2}}],["been",{"2":{"20":1,"146":1,"147":1,"148":1,"151":1,"159":1}}],["by",{"2":{"13":1,"36":1,"37":1,"40":1,"66":1,"67":1,"89":1,"122":2,"155":1,"158":1,"160":1,"180":1,"192":1,"206":1}}],["background",{"2":{"79":1,"105":1,"109":1,"110":2,"174":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["backgroundcolor",{"0":{"174":1},"2":{"79":2,"105":1,"174":2,"183":7,"203":2}}],["backward",{"2":{"1":1,"152":2}}],["bashyarn",{"2":{"113":1}}],["bashnpm",{"2":{"113":1}}],["basically",{"2":{"181":1,"195":1}}],["basic",{"0":{"197":1},"2":{"39":1,"40":1,"98":1,"180":1}}],["basetitle",{"2":{"205":3}}],["basebuttoncontainer",{"2":{"205":6}}],["baseprice",{"2":{"196":3,"197":3,"198":3,"199":3,"200":3,"201":3,"202":3,"203":3,"204":3,"205":3}}],["based",{"2":{"83":1,"159":1}}],["baseline",{"2":{"73":2,"79":2,"105":1}}],["basevalue",{"2":{"42":2,"122":1,"153":2,"154":2}}],["base",{"2":{"15":1,"122":1,"205":1}}],["barcount",{"0":{"141":1,"142":1},"2":{"141":1,"142":1}}],["barspace",{"2":{"42":4,"122":3,"179":1,"192":1,"201":2}}],["bars",{"2":{"20":1,"154":1,"183":1,"187":1,"203":2}}],["bar",{"2":{"3":2,"11":1,"14":6,"20":1,"122":1,"179":1,"183":1,"187":1,"203":2}}],["i18n",{"0":{"200":1}}],["i++",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":1}}],["iconfont",{"2":{"183":2}}],["icon",{"2":{"183":4}}],["icons",{"2":{"20":2,"183":2}}],["illustrate",{"2":{"180":1}}],["image",{"2":{"174":3}}],["implements",{"2":{"114":1}}],["implement",{"2":{"111":1}}],["implementation",{"2":{"4":1,"27":1,"44":1}}],["important",{"2":{"98":1,"153":1}}],["import",{"0":{"185":1},"2":{"6":1,"114":7,"185":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["i",{"0":{"90":1},"2":{"124":5,"196":2,"197":2,"198":2,"199":2,"200":2,"201":6,"202":2,"203":2,"204":2,"205":2,"206":1}}],["if",{"0":{"90":1},"2":{"33":1,"39":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"70":1,"73":1,"81":1,"83":1,"86":1,"98":1,"111":3,"116":1,"122":3,"124":4,"131":1,"148":2,"156":1,"159":1,"172":1,"179":1,"180":1,"184":1,"202":1,"203":2,"206":3}}],["its",{"2":{"29":1}}],["it",{"2":{"28":1,"33":3,"80":1,"83":2,"98":1,"99":1,"106":1,"107":3,"113":1,"121":3,"122":2,"124":3,"128":2,"131":1,"134":1,"148":4,"150":2,"153":2,"157":1,"159":1,"168":1,"172":2,"173":1,"174":1,"178":3,"179":1,"180":1,"183":3,"194":1}}],["items",{"2":{"33":1,"123":1,"196":1,"198":3,"200":3,"201":1,"202":3,"203":3,"204":3,"205":1}}],["item",{"2":{"28":1,"124":1,"183":1,"192":1}}],["ignoreevent",{"2":{"44":6,"179":2}}],["ignore",{"2":{"16":1,"179":1}}],["id=",{"2":{"114":7,"196":2,"197":1,"198":2,"199":1,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["identification",{"2":{"153":1,"159":1}}],["identifies",{"2":{"153":1}}],["identifier",{"2":{"39":1,"42":1,"44":1,"108":1,"154":1,"157":1,"159":1,"179":1}}],["ideographic",{"2":{"73":1,"79":1}}],["id",{"0":{"158":1},"2":{"9":1,"11":1,"29":1,"31":1,"33":2,"34":1,"122":1,"126":1,"127":1,"153":6,"154":3,"155":5,"156":4,"157":6,"158":4,"159":6,"160":4,"168":6,"172":1,"173":1,"183":4,"190":2,"201":1,"205":1}}],["isdashed",{"2":{"192":1}}],["iszoomenabled",{"0":{"134":1}}],["isboolean",{"0":{"57":1}}],["isfunction",{"0":{"56":1}}],["isobject",{"0":{"55":1}}],["isnumber",{"0":{"53":1}}],["isvalid",{"0":{"54":1},"2":{"14":1}}],["is",{"0":{"86":1,"89":1},"2":{"5":1,"15":2,"20":23,"39":1,"42":2,"44":2,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"80":1,"83":1,"87":1,"98":1,"99":2,"106":1,"108":2,"109":1,"110":12,"111":1,"116":1,"117":1,"122":12,"123":2,"124":7,"126":2,"127":2,"128":1,"130":1,"135":1,"136":1,"146":3,"147":3,"148":2,"150":2,"151":2,"153":10,"154":3,"155":1,"156":1,"157":1,"159":2,"161":1,"162":1,"163":1,"164":1,"165":2,"166":1,"167":1,"168":2,"170":1,"171":2,"172":1,"173":1,"174":3,"179":4,"180":2,"183":3,"187":9,"189":1,"190":11,"192":5,"194":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1,"206":1}}],["isscrollenabled",{"0":{"136":1}}],["isstroke",{"2":{"192":1}}],["isstring",{"0":{"52":1}}],["isstack",{"0":{"153":1},"2":{"4":1,"11":1,"28":1,"153":2,"190":2}}],["issues",{"2":{"93":2}}],["issue",{"2":{"1":3,"3":1,"4":2,"5":2,"7":1,"9":1,"15":2,"16":2}}],["innertext",{"2":{"196":4,"198":1,"200":1,"201":4,"202":1,"203":1,"204":1,"205":6}}],["insideoutside",{"2":{"196":2}}],["inside",{"2":{"183":1,"196":3}}],["install",{"2":{"113":1}}],["instantiate",{"2":{"99":1}}],["instance",{"0":{"30":1,"31":1,"125":1,"190":1},"1":{"126":1,"127":1,"128":1,"129":1,"130":1,"131":1,"132":1,"133":1,"134":1,"135":1,"136":1,"137":1,"138":1,"139":1,"140":1,"141":1,"142":1,"143":1,"144":1,"145":1,"146":1,"147":1,"148":1,"149":1,"150":1,"151":1,"152":1,"153":1,"154":1,"155":1,"156":1,"157":1,"158":1,"159":1,"160":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"168":1,"169":1,"170":1,"171":1,"172":1,"173":1,"174":1,"175":1},"2":{"3":1,"4":1,"10":1,"11":1,"14":2,"18":1,"20":14,"28":1,"33":2,"34":1,"179":1,"181":1}}],["instead",{"2":{"20":6,"29":3,"30":1,"31":1,"80":1,"106":1,"146":1,"148":1,"151":1,"187":1,"189":1,"190":3}}],["invalid",{"2":{"179":1}}],["invalidity",{"2":{"17":1}}],["individuals",{"2":{"206":1}}],["indicatortitle",{"2":{"205":3}}],["indicatorbuttoncontainer",{"2":{"205":6}}],["indicatorfigure",{"2":{"122":1}}],["indicatorfigurestyle",{"2":{"122":1}}],["indicatorfigureattrs",{"2":{"122":1}}],["indicatorfigureattrscallbackcoordinate",{"2":{"122":1}}],["indicatordata",{"2":{"122":3}}],["indicatorstyle",{"2":{"122":4}}],["indicators",{"0":{"89":1,"120":1,"121":1},"1":{"122":1,"123":1,"124":1},"2":{"2":1,"7":1,"43":1,"81":1,"90":2,"98":1,"119":1,"156":1,"195":1}}],["indicator",{"0":{"42":1,"90":2,"119":1,"192":1,"201":1},"1":{"120":1,"121":1,"122":1,"123":1,"124":1},"2":{"1":2,"3":1,"4":1,"11":1,"20":11,"33":2,"42":9,"119":1,"121":3,"122":24,"123":1,"124":1,"130":1,"153":6,"154":5,"155":2,"156":1,"183":1,"187":3,"192":3,"201":4,"203":2,"205":3}}],["index",{"2":{"122":8,"163":1,"166":1,"172":2,"179":4,"185":2,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["information",{"2":{"39":1,"42":3,"44":2,"68":1,"69":1,"72":1,"73":1,"107":1,"121":1,"122":8,"153":1,"154":3,"155":1,"158":1,"159":1,"168":1,"179":6,"180":1,"206":1}}],["info",{"2":{"27":2,"46":1,"47":1,"205":2}}],["integration",{"2":{"195":1}}],["internationalized",{"2":{"183":1}}],["internationalization",{"0":{"116":1},"1":{"117":1,"118":1}}],["internal",{"2":{"11":2}}],["interact",{"2":{"81":1}}],["introducation",{"0":{"193":1},"1":{"194":1,"195":1}}],["introduces",{"2":{"119":1,"176":1}}],["introduction",{"0":{"27":1},"2":{"19":1}}],["into",{"2":{"33":2,"51":1,"60":2,"100":1,"174":1,"186":1,"187":1,"190":1,"192":1}}],["intl",{"2":{"33":1,"61":1,"179":2}}],["inaccurate",{"2":{"16":1}}],["input",{"0":{"27":1},"2":{"15":1,"33":1,"153":1}}],["includeoverlay",{"0":{"174":1},"2":{"174":2}}],["include",{"2":{"122":1,"174":1,"179":1,"183":2}}],["increments",{"2":{"33":1}}],["increment",{"2":{"7":1,"38":1,"122":1}}],["incorrect",{"2":{"5":1}}],["in",{"0":{"89":1,"90":1,"100":1,"120":1,"177":1},"1":{"101":1,"102":1,"103":1,"104":1,"105":1,"106":1},"2":{"7":1,"8":1,"9":1,"14":1,"16":2,"17":1,"20":1,"28":1,"33":2,"35":1,"65":1,"81":1,"91":1,"98":1,"107":1,"115":1,"116":1,"119":2,"121":1,"122":8,"124":3,"150":1,"153":1,"165":1,"175":1,"176":2,"178":1,"179":9,"180":1,"195":1,"196":2,"198":2,"200":2,"201":2,"202":3,"203":2,"204":2,"205":2,"206":1}}],["initial",{"2":{"114":1}}],["initialized",{"0":{"86":1}}],["initialize",{"2":{"33":1,"114":7}}],["init",{"0":{"29":1,"33":1},"2":{"4":1,"28":1,"114":12,"118":1,"181":1,"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["ineffective",{"2":{"1":1}}],["🛡",{"2":{"195":1}}],["📱",{"2":{"195":1}}],["💪",{"2":{"195":1}}],["📦",{"2":{"195":1}}],["📃",{"0":{"193":1},"1":{"194":1,"195":1}}],["🚀",{"0":{"112":1},"1":{"113":1,"114":1},"2":{"195":1}}],["💬",{"0":{"92":1},"1":{"93":1,"94":1,"95":1,"96":1,"97":1}}],["🙋",{"0":{"85":1},"1":{"86":1,"87":1,"88":1,"89":1,"90":1,"91":1}}],["📚",{"0":{"81":1}}],["🗑",{"2":{"20":1}}],["👉",{"2":{"20":1}}],["🛠️",{"0":{"184":1},"1":{"185":1,"186":1,"187":1,"188":1,"189":1,"190":1,"191":1,"192":1}}],["🛠",{"2":{"20":1}}],["🖋️",{"2":{"4":1}}],["💄",{"2":{"1":2,"3":1,"4":2,"7":3,"8":1,"9":2,"10":1,"11":3,"12":1,"13":2,"14":2,"15":3,"16":1,"17":1,"18":1}}],["🐞",{"2":{"1":3,"2":2,"3":2,"4":2,"5":2,"6":1,"7":1,"9":2,"12":1,"15":2,"16":2,"17":1,"19":1}}],["📠",{"0":{"0":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1,"21":1,"22":1,"23":1,"24":1,"25":1}}],["d9d9d9",{"2":{"183":6}}],["d>>",{"2":{"122":1}}],["dma",{"2":{"120":1}}],["dmi",{"2":{"120":1}}],["dd",{"2":{"61":1}}],["during",{"2":{"44":1,"179":4}}],["dcs",{"0":{"34":1},"2":{"34":2}}],["dark",{"2":{"203":3}}],["date",{"2":{"33":1,"61":1,"179":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["datetimeformat",{"0":{"61":1},"2":{"33":2,"61":2,"179":3}}],["datasource",{"2":{"192":2}}],["dataindex",{"0":{"163":1,"166":1},"2":{"44":1,"122":1,"157":2,"159":1,"163":2,"166":2,"172":4,"173":2,"179":3}}],["datalist",{"0":{"146":1,"147":1},"2":{"42":1,"81":2,"122":1,"146":2,"147":2,"152":1,"153":1,"154":1,"196":3,"197":3,"198":3,"199":6,"200":3,"201":3,"202":3,"203":3,"204":3,"205":3}}],["data",{"0":{"81":1,"89":1,"148":1,"169":1,"199":1},"2":{"1":1,"15":1,"42":3,"44":1,"58":1,"81":4,"114":7,"122":26,"124":3,"146":6,"147":5,"148":7,"149":3,"150":2,"151":1,"152":5,"153":2,"154":3,"159":1,"163":1,"166":1,"169":3,"170":1,"171":1,"172":1,"179":4,"201":3}}],["dashvalue",{"2":{"20":1,"187":1}}],["dashedvalue",{"2":{"20":1,"74":2,"76":2,"101":1,"103":1,"110":2,"154":1,"157":1,"159":1,"183":12,"187":1}}],["dashed",{"2":{"20":1,"74":2,"75":2,"76":2,"77":2,"78":2,"79":2,"101":1,"102":1,"103":2,"104":1,"105":1,"110":4,"111":1,"153":2,"154":2,"183":22,"187":1}}],["docs",{"2":{"179":1}}],["doctype",{"2":{"114":1}}],["document",{"2":{"98":1,"119":1,"176":1,"184":2,"196":6,"198":3,"200":3,"201":6,"202":3,"203":5,"204":3,"205":9}}],["dotted",{"2":{"101":1,"102":1,"103":2,"104":1,"105":1}}],["do",{"0":{"87":1,"89":1,"91":1},"2":{"117":1,"122":5,"179":6}}],["dom",{"2":{"33":1,"34":1,"126":1,"190":1}}],["domid",{"2":{"29":2}}],["double",{"2":{"18":1,"44":1,"159":1,"179":1}}],["downcolor",{"2":{"154":2,"183":5,"203":10}}],["down",{"2":{"122":1,"179":2,"183":1,"198":2}}],["downwickcolor",{"2":{"14":1,"183":1,"203":2}}],["downbordercolor",{"2":{"14":1,"183":1,"203":2}}],["download",{"2":{"2":1,"113":1}}],["drag",{"2":{"179":3}}],["dragged",{"2":{"153":1,"168":1}}],["dragging",{"2":{"44":1,"135":1,"136":1,"159":1}}],["dragenabled",{"2":{"33":1,"153":3,"168":3}}],["drawrecttext",{"0":{"79":1,"80":1},"2":{"80":2}}],["drawrect",{"0":{"78":1}}],["drawpolygon",{"0":{"77":1}}],["drawline",{"0":{"76":1}}],["drawcircle",{"0":{"75":1}}],["drawarc",{"0":{"74":1}}],["draw",{"2":{"20":1,"39":2,"42":2,"44":2,"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"99":2,"108":2,"111":4,"122":1,"153":1,"154":3,"159":2,"179":3,"192":1,"201":1}}],["drawn",{"2":{"16":1,"122":2,"159":1}}],["drawing",{"2":{"1":1,"18":1,"39":1,"42":1,"44":2,"122":1,"150":1,"154":1,"159":2,"179":4,"180":1,"195":1}}],["drop",{"2":{"9":1}}],["ds",{"0":{"33":1},"2":{"4":1,"28":1,"33":2,"181":1}}],["demonstration",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["determined",{"2":{"192":1}}],["determine",{"2":{"110":1,"123":1,"124":1,"180":1}}],["details",{"2":{"33":1,"39":1,"44":1,"90":1,"128":1,"146":1,"147":1,"148":1,"179":1,"186":1}}],["developer",{"2":{"179":1}}],["developers",{"2":{"96":1}}],["development",{"2":{"14":1,"195":1}}],["dependencies",{"2":{"195":1}}],["dependency",{"2":{"2":1}}],["deprecated",{"2":{"80":1,"106":1,"146":1,"147":1,"148":1,"151":1}}],["design",{"0":{"186":1}}],["description",{"0":{"108":1,"122":1,"179":1},"1":{"123":1,"124":1},"2":{"114":1}}],["describes",{"2":{"98":1}}],["deselected",{"2":{"44":1,"159":1}}],["destroy",{"2":{"114":6}}],["destroyed",{"2":{"34":1}}],["destroys",{"2":{"34":1}}],["definition",{"2":{"195":1}}],["define",{"2":{"110":2}}],["defined",{"2":{"29":1}}],["defaulted",{"2":{"146":1,"147":1,"153":2,"155":1,"165":1,"168":2,"174":3,"179":8}}],["defaultvalue",{"0":{"58":1},"2":{"58":1,"183":2}}],["defaultstyles",{"2":{"42":2,"122":3,"153":2,"154":2,"179":1,"192":3}}],["defaultticks",{"2":{"27":1}}],["default",{"0":{"183":1},"2":{"13":1,"27":1,"44":3,"87":1,"114":3,"116":1,"120":3,"122":10,"126":2,"127":2,"146":1,"147":1,"153":5,"154":1,"155":1,"156":1,"157":1,"159":3,"161":2,"162":2,"163":2,"164":2,"165":3,"166":2,"167":2,"168":3,"171":1,"174":2,"179":12,"180":1}}],["defaultzlevel",{"2":{"10":1}}],["deleted",{"2":{"80":1,"106":1}}],["delete",{"2":{"20":8,"44":1,"159":1,"179":2,"187":1,"189":1,"190":5,"192":1}}],["deep",{"2":{"50":1}}],["deeprequired",{"2":{"15":1}}],["deeppartial",{"2":{"15":1}}],["decimal",{"2":{"33":1,"63":1,"87":1,"179":1}}],["decimalfoldthreshold",{"2":{"33":2,"179":1}}],["decimals",{"2":{"1":1}}],["declarations",{"2":{"13":1}}],["declaration",{"2":{"7":1,"9":1}}],["directly",{"2":{"180":1}}],["direction",{"2":{"20":1}}],["dimensions",{"2":{"122":1,"127":1,"179":1}}],["div>",{"2":{"114":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["div",{"2":{"114":7,"196":3,"197":1,"198":3,"199":1,"200":3,"201":3,"202":3,"203":3,"204":3,"205":4}}],["dividing",{"2":{"9":1}}],["diamond",{"2":{"109":1,"111":3}}],["distinguished",{"2":{"185":1}}],["distance",{"0":{"137":1,"161":1},"2":{"122":8,"137":1,"139":1,"140":1,"161":4,"162":1,"179":4,"190":1}}],["dist",{"2":{"113":1,"114":1}}],["discussion",{"0":{"96":1,"97":1}}],["discussions",{"2":{"93":2}}],["discord",{"0":{"95":1},"2":{"95":1}}],["dispose",{"0":{"34":1},"2":{"114":11}}],["displayed",{"2":{"122":2,"206":1}}],["displaying",{"2":{"15":1}}],["display",{"2":{"1":2,"4":2,"5":2,"10":1,"14":1,"15":1,"42":1,"81":1,"122":2,"123":1,"154":1,"183":2,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":2,"206":3}}],["different",{"2":{"1":1,"148":1}}],["amount",{"2":{"206":1}}],["america",{"2":{"204":1}}],["at",{"2":{"165":1,"166":1,"172":1}}],["attrs",{"2":{"9":1,"39":2,"42":2,"44":6,"99":2,"101":1,"102":1,"103":2,"104":1,"105":1,"108":2,"111":4,"122":1,"179":2,"180":1,"202":1}}],["attribute",{"0":{"108":1,"122":1,"179":1},"1":{"123":1,"124":1},"2":{"3":1,"20":6,"99":1,"110":1,"192":2}}],["attributes",{"2":{"1":1,"10":1,"20":1,"36":1,"110":1,"124":1}}],["adjustments",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["adjustment",{"0":{"185":1,"186":1,"187":1,"188":1,"192":1},"1":{"189":1,"190":1,"191":1}}],["adjust",{"2":{"153":1,"168":1}}],["address",{"2":{"206":1}}],["addeventlistener",{"2":{"196":4,"198":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":4}}],["added",{"2":{"11":1,"20":1}}],["additionally",{"2":{"146":1}}],["adding",{"0":{"117":1},"2":{"1":1,"117":1,"118":1}}],["addtechnicalindicatortemplate",{"2":{"20":2,"189":1}}],["addshapetemplate",{"2":{"20":2,"189":1}}],["adds",{"2":{"4":1}}],["add",{"2":{"3":2,"4":2,"8":2,"9":2,"10":2,"11":1,"14":4,"15":1,"18":1,"20":3,"35":1,"38":1,"39":1,"42":1,"44":1,"46":1,"47":1,"96":1,"107":2,"113":1,"114":7,"117":1,"121":2,"146":1,"147":1,"178":2}}],["affect",{"2":{"175":1}}],["affected",{"2":{"130":1}}],["afterviewinit",{"2":{"114":2}}],["after",{"0":{"86":1},"2":{"16":1,"28":1,"80":1,"106":1,"118":1,"122":1,"174":1}}],["ao",{"2":{"120":1}}],["about",{"2":{"122":2,"179":2}}],["absoluteyaxis",{"2":{"190":1}}],["absolute",{"2":{"172":3,"173":3,"190":1}}],["abs",{"2":{"111":2,"180":2,"202":2}}],["abandonment",{"2":{"20":1}}],["avoid",{"2":{"150":1}}],["average",{"2":{"123":1}}],["avp",{"2":{"81":1,"120":1}}],["available",{"2":{"34":1,"139":1,"140":1}}],["alipay",{"0":{"208":1}}],["alignment",{"2":{"73":2,"79":2,"105":1}}],["align",{"2":{"73":2,"79":2,"105":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["alphagreen",{"2":{"203":7}}],["alphared",{"2":{"203":7}}],["alphabetic",{"2":{"73":1,"79":1}}],["also",{"2":{"130":1}}],["always",{"2":{"86":1,"175":1,"183":4,"205":2}}],["all",{"2":{"14":1,"20":2,"98":1,"154":1,"155":1,"156":1,"171":1,"187":1,"191":1,"198":2}}],["auto",{"2":{"152":1,"183":2}}],["automatically",{"2":{"33":1,"131":1}}],["auxiliary",{"2":{"42":1,"154":1}}],["a",{"0":{"87":1,"88":1},"2":{"33":3,"34":2,"35":1,"38":1,"39":1,"42":1,"44":1,"49":1,"52":2,"53":2,"54":1,"55":1,"56":2,"57":2,"58":3,"66":1,"67":1,"68":1,"69":2,"70":1,"71":2,"72":2,"73":1,"78":1,"81":2,"83":1,"91":1,"98":1,"99":1,"107":1,"108":2,"109":3,"110":5,"111":3,"119":1,"121":2,"122":4,"124":2,"143":1,"144":1,"151":1,"153":5,"159":1,"161":1,"165":1,"166":1,"168":2,"170":1,"176":1,"179":3,"180":3,"181":2,"183":4,"190":1,"194":1,"206":1}}],["actual",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["activeradius",{"2":{"183":1}}],["activebordersize",{"2":{"183":1}}],["activebordercolor",{"2":{"183":1}}],["activebackgroundcolor",{"2":{"183":3}}],["activecolor",{"2":{"183":1}}],["actions",{"2":{"170":1,"171":1}}],["action",{"2":{"169":1}}],["account",{"2":{"206":1}}],["accomplished",{"2":{"117":1}}],["according",{"2":{"65":1,"155":1,"172":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["achieved",{"2":{"26":1}}],["acquisition",{"2":{"11":1}}],["assisting",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["asia",{"2":{"33":1,"131":1,"204":1}}],["as",{"2":{"15":2,"33":2,"58":1,"60":1,"61":1,"80":1,"99":1,"106":1,"113":1,"123":1,"124":2,"131":1,"179":1,"195":1}}],["animation",{"2":{"161":2,"162":2,"163":2,"164":2,"165":2,"166":2,"167":2}}],["animationduration",{"0":{"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1},"2":{"161":2,"162":2,"163":2,"164":2,"165":2,"166":2,"167":2}}],["angular",{"2":{"114":1}}],["angle",{"2":{"68":2,"74":2,"101":2}}],["another",{"2":{"51":1}}],["annotation",{"2":{"20":1,"186":1,"187":1,"190":1}}],["any>",{"2":{"122":1}}],["any>>",{"2":{"122":1}}],["any",{"2":{"20":1,"39":2,"42":3,"44":19,"50":2,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":3,"73":1,"79":1,"105":1,"108":4,"122":6,"153":3,"154":3,"157":2,"159":1,"169":1,"170":1,"171":1,"179":7}}],["an",{"0":{"90":1},"2":{"15":1,"33":1,"55":1,"74":1,"98":1,"128":1,"146":1,"147":1,"153":1,"157":3,"172":3,"173":3,"174":1,"178":1,"183":3,"206":1}}],["and",{"2":{"1":2,"2":1,"3":1,"4":1,"7":2,"10":2,"11":1,"13":1,"14":5,"15":3,"16":2,"18":1,"20":9,"26":1,"28":1,"33":5,"35":1,"42":2,"44":4,"65":2,"67":1,"80":1,"81":2,"83":1,"96":1,"98":2,"99":1,"106":1,"107":2,"109":1,"110":5,"111":1,"115":1,"116":1,"119":1,"121":2,"122":1,"123":3,"128":1,"130":1,"135":1,"136":1,"148":1,"150":1,"153":1,"154":2,"155":1,"159":3,"170":1,"171":1,"172":1,"176":1,"178":1,"179":9,"180":1,"183":3,"185":1,"187":4,"190":6,"195":4,"196":1,"198":1,"200":1,"201":1,"202":1,"203":3,"204":1,"205":1,"206":2}}],["apache",{"2":{"206":1}}],["appreciated",{"2":{"206":1}}],["appendchild",{"2":{"196":5,"198":2,"200":2,"201":5,"202":2,"203":2,"204":2,"205":8}}],["appended",{"2":{"148":1}}],["app",{"2":{"114":1}}],["applymoredata",{"0":{"147":1},"2":{"14":1,"81":1,"199":1}}],["applynewdata",{"0":{"146":1},"2":{"14":1,"15":1,"81":1,"114":7,"196":1,"197":1,"198":1,"199":2,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["apis",{"2":{"11":1,"33":1,"191":1}}],["apissetmaxoffsetleftdistance",{"2":{"3":1}}],["api",{"0":{"29":1,"30":1,"31":1,"32":1,"125":1,"188":1,"189":1,"190":1,"191":1},"1":{"33":1,"34":1,"35":1,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"43":1,"44":1,"45":1,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":1,"59":1,"60":1,"61":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"80":1,"126":1,"127":1,"128":1,"129":1,"130":1,"131":1,"132":1,"133":1,"134":1,"135":1,"136":1,"137":1,"138":1,"139":1,"140":1,"141":1,"142":1,"143":1,"144":1,"145":1,"146":1,"147":1,"148":1,"149":1,"150":1,"151":1,"152":1,"153":1,"154":1,"155":1,"156":1,"157":1,"158":1,"159":1,"160":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"168":1,"169":1,"170":1,"171":1,"172":1,"173":1,"174":1,"175":1,"189":1,"190":1,"191":1},"2":{"4":2,"8":1,"10":1,"11":1,"14":3,"15":1,"20":3,"26":1,"28":2,"33":1,"81":1,"91":1,"118":1,"147":1,"151":1,"153":1,"195":1}}],["arc",{"0":{"68":1,"74":1,"101":1},"2":{"17":1,"68":4,"74":5,"99":1,"100":1,"183":1}}],["are",{"2":{"16":1,"20":3,"42":1,"44":1,"98":2,"100":1,"123":2,"124":1,"154":1,"157":1,"159":1,"170":1,"171":1,"179":5,"180":1,"184":1,"185":1,"186":1,"187":2,"190":1,"191":1,"192":1}}],["area",{"2":{"5":1,"15":1,"88":1,"122":2,"183":2,"198":2,"206":1}}],["array",{"2":{"15":1,"27":2,"33":2,"42":3,"44":4,"46":1,"47":1,"67":1,"70":1,"71":1,"75":1,"76":1,"77":2,"78":1,"103":2,"122":5,"146":2,"147":2,"149":1,"153":3,"154":3,"157":3,"159":1,"172":3,"173":3,"179":4,"183":3}}],["arrays",{"2":{"10":1}}],["axisline",{"2":{"183":2}}],["axisoptions",{"2":{"11":1,"28":2,"29":2,"30":1,"31":1,"33":1,"153":3,"168":3}}],["axis",{"0":{"26":1,"46":1,"47":1,"196":1},"1":{"27":1,"28":1,"29":1,"30":1,"31":1},"2":{"1":2,"15":1,"20":1,"26":3,"27":1,"28":1,"29":2,"30":1,"31":1,"44":4,"46":5,"47":5,"66":1,"68":2,"69":2,"72":2,"73":2,"74":2,"75":2,"78":2,"79":2,"101":2,"102":2,"104":2,"105":2,"110":2,"122":4,"153":2,"159":2,"168":1,"172":2,"173":1,"179":9,"196":3}}],["f2f3f5",{"2":{"183":1}}],["fff",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["ffffff",{"2":{"174":1,"183":6,"203":1}}],["ff9600",{"2":{"154":1,"183":1}}],["f00",{"2":{"157":1,"159":1}}],["flex",{"2":{"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["floor",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":1}}],["flag",{"2":{"153":1,"168":1}}],["fluctuation",{"0":{"87":1}}],["full",{"0":{"183":1}}],["functions",{"2":{"195":1}}],["function",{"2":{"114":1,"151":1,"157":14,"159":14,"195":1,"196":5,"197":1,"198":2,"199":2,"200":2,"201":3,"202":2,"203":2,"204":2,"205":5}}],["future",{"2":{"1":1}}],["fefefe",{"2":{"183":1}}],["feedback",{"0":{"92":1},"1":{"93":1,"94":1,"95":1,"96":1,"97":1}}],["features",{"0":{"195":1},"2":{"20":1}}],["fall",{"2":{"203":6}}],["false",{"2":{"30":1,"153":1,"154":1,"157":5,"159":5,"183":10,"196":2,"201":1,"205":1}}],["fast",{"2":{"195":1}}],["factor",{"2":{"165":1,"166":1,"167":1}}],["faq",{"0":{"85":1},"1":{"86":1,"87":1,"88":1,"89":1,"90":1,"91":1}}],["family",{"0":{"64":1},"2":{"64":1,"73":2,"79":2,"105":1,"183":10}}],["f92855",{"2":{"13":1,"183":4,"203":1}}],["fruits",{"2":{"201":2}}],["frequent",{"2":{"175":1}}],["free",{"2":{"7":1,"206":1}}],["from",{"0":{"184":1},"1":{"185":1,"186":1,"187":1,"188":1,"189":1,"190":1,"191":1,"192":1},"2":{"27":1,"58":1,"114":11,"122":7,"145":1,"171":1,"179":2,"184":1,"185":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":3,"202":1,"203":1,"204":1,"205":1}}],["frame",{"2":{"9":1,"102":1,"103":1,"104":1,"105":1}}],["financial",{"2":{"194":1}}],["finder",{"0":{"172":1,"173":1},"2":{"172":2,"173":2,"190":4}}],["files",{"2":{"195":1}}],["filter",{"2":{"172":1,"173":1}}],["filltext",{"2":{"201":1}}],["filled",{"2":{"111":1,"180":1}}],["fillet",{"2":{"104":1,"105":1}}],["fill`",{"2":{"102":1,"103":1,"104":1,"105":1}}],["fillstyle",{"2":{"111":1}}],["fills",{"2":{"86":1}}],["fill",{"2":{"75":2,"77":2,"78":2,"79":2,"81":1,"102":2,"103":2,"104":2,"105":2,"110":4,"111":5,"153":4,"154":6,"175":1,"180":2,"183":34,"202":1,"203":4}}],["field",{"2":{"81":6,"108":1,"179":1}}],["fields",{"2":{"81":2,"179":1}}],["first",{"0":{"114":1},"2":{"16":1,"110":1,"114":1,"123":2,"151":1}}],["figures",{"0":{"100":1},"1":{"101":1,"102":1,"103":1,"104":1,"105":1,"106":1},"2":{"20":1,"42":2,"44":3,"98":2,"100":1,"107":1,"122":3,"123":3,"124":4,"153":1,"154":3,"192":1,"201":1}}],["figureindex",{"2":{"15":1}}],["figurekey",{"2":{"15":1}}],["figure",{"0":{"39":1,"98":1,"107":1},"1":{"99":1,"100":1,"101":1,"102":1,"103":1,"104":1,"105":1,"106":1,"107":1,"108":2,"109":2,"110":2,"111":2},"2":{"7":1,"8":1,"12":1,"16":2,"17":1,"39":5,"41":1,"42":1,"44":3,"98":3,"99":4,"101":1,"102":1,"103":2,"104":1,"105":1,"107":2,"108":3,"111":1,"122":1,"154":1,"159":3}}],["fixed",{"2":{"81":1,"105":2,"183":2}}],["fix",{"2":{"1":3,"2":2,"3":2,"4":2,"5":2,"6":1,"7":1,"9":1,"12":1,"15":2,"16":2,"17":1,"19":1}}],["foxmail",{"2":{"206":1}}],["follow",{"2":{"183":2,"205":2}}],["following",{"2":{"116":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["fold",{"2":{"33":1,"63":1,"179":1}}],["folding",{"2":{"1":1}}],["fontfamily",{"2":{"183":2}}],["font",{"2":{"73":1,"79":1,"105":1,"196":1,"198":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":1}}],["foreach",{"2":{"124":1,"196":4,"198":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":4}}],["formed",{"2":{"66":1,"67":1}}],["formatfolddecimal",{"0":{"63":1}}],["formatthousands",{"0":{"62":1}}],["formatting",{"2":{"1":1,"59":1}}],["formatprecision",{"0":{"59":1}}],["formatvalue",{"0":{"58":1},"2":{"58":1}}],["formats",{"2":{"33":1}}],["format",{"0":{"61":1},"2":{"33":2,"42":1,"60":1,"61":3,"62":1,"63":1,"81":1,"122":2,"124":1,"154":1,"179":1}}],["formatdate",{"0":{"61":1},"2":{"33":2}}],["formatbignumber",{"0":{"60":1},"2":{"14":1,"33":2}}],["force",{"2":{"18":1}}],["for",{"2":{"1":1,"3":1,"14":1,"16":2,"21":1,"22":1,"23":1,"33":2,"38":1,"39":1,"42":3,"43":1,"44":3,"45":1,"81":1,"90":1,"108":1,"117":1,"122":9,"128":1,"146":1,"147":1,"148":1,"149":1,"152":1,"153":1,"154":3,"159":1,"169":1,"179":4,"183":1,"186":1,"196":3,"197":2,"198":3,"199":2,"200":3,"201":4,"202":3,"203":3,"204":3,"205":3,"206":1}}],["forward",{"2":{"1":1,"152":2}}],["trc20",{"2":{"210":1}}],["transparent",{"2":{"183":2}}],["traditional",{"2":{"117":1}}],["true",{"2":{"122":1,"146":1,"147":1,"153":2,"154":2,"157":1,"159":1,"168":2,"179":1,"183":27,"196":2,"199":2,"201":1,"202":3}}],["trix",{"2":{"120":1}}],["triggered",{"2":{"122":1,"179":2}}],["triggering",{"2":{"16":2}}],["trigger",{"2":{"8":2,"179":1}}],["tsimport",{"2":{"114":1}}],["t",{"2":{"94":1}}],["two",{"2":{"65":1,"66":1,"87":1,"110":1,"111":1,"116":1,"123":1}}],["take",{"2":{"124":1}}],["takes",{"2":{"58":1}}],["targetcoordinate",{"0":{"66":1,"67":1},"2":{"66":1,"67":1}}],["target",{"0":{"50":1,"51":1},"2":{"50":1,"51":1}}],["tagid",{"2":{"190":1}}],["tag",{"2":{"20":1,"186":1,"187":1,"190":1}}],["tip",{"2":{"42":1,"154":1,"205":2}}],["title>",{"2":{"114":1}}],["title>quick",{"2":{"114":1}}],["title",{"2":{"42":3,"122":2,"123":2,"124":4,"153":3,"154":3,"183":7,"192":2}}],["tickline",{"2":{"183":2}}],["ticktext",{"2":{"183":2}}],["ticks",{"2":{"27":2,"46":1,"47":1}}],["ticketext",{"2":{"20":8,"187":8}}],["times",{"2":{"123":2}}],["timestamp",{"0":{"61":1,"164":1,"167":1},"2":{"33":1,"44":1,"61":1,"81":2,"114":70,"146":1,"147":1,"148":2,"149":1,"151":3,"157":4,"159":3,"164":4,"167":4,"172":5,"173":2,"179":6,"196":5,"197":5,"198":5,"199":7,"200":5,"201":5,"202":5,"203":5,"204":5,"205":5}}],["timezone",{"0":{"131":1,"204":1},"2":{"33":3,"131":2,"204":2}}],["time",{"0":{"88":1},"2":{"1":2,"16":1,"33":2,"35":1,"117":1,"124":1,"131":4,"132":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"172":1,"179":1,"183":3,"200":1}}],["thjptqmfgavm12ke1jzc5mlxiapp6qxmci",{"2":{"210":1}}],["those",{"2":{"206":1}}],["thousandsseparator",{"2":{"33":2,"179":1}}],["thousands",{"2":{"14":1,"33":1,"62":1,"179":1}}],["than",{"0":{"90":1},"2":{"153":2,"168":2}}],["that",{"2":{"83":1,"109":1,"122":3,"124":2,"137":1,"138":1,"153":1,"154":1,"155":1,"156":1,"159":2,"179":2,"206":1}}],["think",{"2":{"206":1}}],["this",{"2":{"81":1,"98":1,"114":1,"117":1,"119":1,"122":1,"146":1,"147":1,"151":1,"153":1,"175":1,"176":1,"184":1}}],["thickness",{"2":{"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"105":1}}],["three",{"2":{"110":1,"174":1,"180":1,"206":1}}],["threshold",{"0":{"63":1},"2":{"33":1,"63":1,"179":1}}],["through",{"2":{"26":1,"33":1,"81":1,"88":1,"98":1,"107":1,"113":2,"117":1,"118":1,"121":1,"128":1,"178":1,"190":1}}],["theme",{"0":{"203":1},"2":{"114":1,"203":4}}],["then",{"2":{"107":1,"121":1,"178":1}}],["these",{"2":{"100":1}}],["there",{"2":{"15":1,"99":1,"124":2,"146":1,"147":1}}],["the",{"0":{"86":1,"87":1,"90":1,"91":1,"114":1},"2":{"1":5,"3":6,"4":5,"5":5,"7":2,"9":4,"10":1,"11":3,"13":1,"14":3,"15":6,"16":5,"17":2,"18":3,"19":1,"20":8,"21":1,"22":1,"23":1,"24":1,"25":1,"26":1,"28":5,"29":7,"30":3,"31":3,"33":5,"34":1,"37":2,"38":1,"39":2,"40":2,"42":2,"44":5,"48":2,"58":2,"65":2,"66":2,"67":4,"68":7,"69":6,"70":1,"73":1,"74":6,"75":7,"76":1,"77":1,"81":5,"83":2,"86":3,"87":1,"89":1,"91":2,"96":1,"98":5,"99":3,"100":1,"101":6,"102":6,"104":4,"105":4,"107":3,"108":6,"109":1,"110":14,"114":14,"116":3,"118":1,"119":2,"121":2,"122":36,"123":10,"124":14,"126":4,"127":4,"128":1,"129":2,"130":2,"131":2,"132":1,"137":3,"138":3,"139":3,"140":3,"141":2,"142":2,"143":2,"144":2,"146":5,"147":3,"148":3,"149":3,"150":4,"151":2,"153":11,"154":4,"155":5,"156":4,"157":3,"158":2,"159":4,"160":2,"163":3,"164":1,"165":3,"166":2,"167":1,"168":5,"171":3,"172":6,"173":1,"174":7,"175":4,"176":2,"178":2,"179":49,"180":9,"181":4,"183":3,"184":1,"187":1,"190":4,"192":6,"195":2,"196":4,"198":4,"200":4,"201":4,"202":4,"203":4,"204":4,"205":4,"206":6}}],["typo",{"2":{"9":1}}],["type=",{"2":{"113":1,"114":1}}],["types",{"0":{"177":1},"2":{"15":2,"18":1,"37":1,"171":1,"174":1,"183":2,"196":2,"205":3}}],["typescriptklinecharts",{"2":{"117":1}}],["typescriptnew",{"2":{"101":1,"102":1,"103":2,"104":1,"105":1}}],["typescriptsetpaneoptions",{"2":{"31":1}}],["typescriptcreateindicator",{"2":{"30":1}}],["typescriptinit",{"2":{"29":1}}],["typescript",{"2":{"6":1,"7":1,"9":1,"13":1,"15":1,"19":1,"20":1,"27":1,"33":1,"34":1,"35":1,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"43":1,"44":1,"45":1,"46":1,"47":1,"48":1,"50":1,"51":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":1,"59":1,"60":1,"61":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"81":1,"108":1,"122":1,"126":1,"127":1,"128":1,"129":1,"130":1,"131":1,"132":1,"133":1,"134":1,"135":1,"136":1,"137":1,"138":1,"139":1,"140":1,"141":1,"142":1,"143":1,"144":1,"145":1,"146":1,"147":1,"148":1,"149":1,"150":1,"151":1,"152":1,"153":1,"154":1,"155":1,"156":1,"157":1,"158":1,"159":1,"160":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"168":1,"169":1,"170":1,"171":1,"172":1,"173":1,"174":1,"175":1,"179":1,"195":1}}],["type",{"0":{"169":1,"170":1,"171":1,"174":1,"198":1},"2":{"1":1,"5":1,"9":1,"12":1,"20":1,"29":2,"33":2,"38":1,"40":1,"42":2,"44":6,"88":1,"110":1,"122":10,"123":2,"124":3,"129":1,"146":1,"147":1,"148":1,"149":1,"152":2,"153":3,"154":2,"157":1,"169":2,"170":2,"171":2,"174":3,"179":8,"180":1,"183":4,"190":3,"195":1,"196":2,"198":2,"202":1}}],["tells",{"2":{"146":1,"147":1}}],["telegram",{"0":{"94":1}}],["terminals",{"2":{"195":1}}],["terminal",{"2":{"83":1}}],["term",{"2":{"65":1,"67":1}}],["technicalindicator",{"2":{"20":4,"187":3,"192":1}}],["technical",{"0":{"89":1,"90":1,"119":1,"120":1,"121":1,"192":1},"1":{"120":1,"121":1,"122":2,"123":2,"124":2},"2":{"7":1,"20":6,"42":2,"43":1,"81":1,"90":1,"98":1,"119":2,"121":3,"122":11,"123":1,"130":1,"153":3,"154":1,"155":2,"156":2}}],["textalign",{"2":{"201":1}}],["textweight",{"2":{"183":2}}],["textfamily",{"2":{"183":2}}],["textsize",{"2":{"183":2}}],["textmargin",{"2":{"183":2}}],["text",{"0":{"64":1,"73":1,"105":1},"2":{"4":1,"5":1,"7":1,"15":1,"20":4,"27":2,"42":2,"46":1,"47":1,"64":2,"73":7,"79":5,"80":2,"100":1,"105":2,"106":2,"113":1,"114":1,"122":4,"153":2,"154":2,"183":10,"196":17,"198":8,"200":5,"201":2,"202":4,"203":6,"204":5,"205":13}}],["template>",{"2":{"114":2}}],["templates",{"2":{"9":1,"183":1}}],["template",{"2":{"4":1,"20":1,"114":1,"189":4}}],["turnover",{"2":{"4":1,"81":2,"117":1,"146":1,"147":1,"148":1,"149":1,"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["tofixed",{"2":{"196":4,"197":4,"198":4,"199":4,"200":4,"201":4,"202":4,"203":4,"204":4,"205":4}}],["tools",{"2":{"113":1}}],["tooltip",{"0":{"205":1},"2":{"4":1,"8":1,"9":1,"14":2,"20":2,"122":1,"183":2,"187":3,"205":4}}],["total",{"2":{"44":1,"179":1}}],["totalstep",{"2":{"44":2,"179":1,"180":1,"202":1}}],["top",{"2":{"27":1,"33":2,"73":1,"79":2,"105":1,"122":4,"127":1,"153":5,"168":4,"179":2,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":2,"206":1}}],["to",{"0":{"87":1,"88":1,"89":1,"90":1,"91":1,"184":1},"1":{"185":1,"186":1,"187":1,"188":1,"189":1,"190":1,"191":1,"192":1},"2":{"1":1,"13":2,"14":1,"16":1,"18":1,"20":25,"21":2,"22":2,"23":2,"24":2,"25":2,"27":1,"28":2,"33":2,"38":1,"42":4,"44":2,"65":1,"81":3,"83":3,"86":1,"87":1,"96":1,"98":3,"99":1,"107":4,"114":7,"116":2,"117":1,"119":1,"121":3,"122":16,"123":1,"124":5,"128":1,"129":1,"131":1,"133":1,"137":1,"138":1,"141":1,"142":1,"145":1,"146":2,"147":1,"148":1,"149":1,"150":2,"152":1,"153":1,"154":6,"155":1,"158":1,"159":3,"162":1,"163":1,"164":1,"165":1,"168":1,"170":1,"171":1,"172":4,"173":2,"174":1,"176":1,"178":1,"179":16,"180":4,"183":2,"184":4,"186":1,"187":11,"189":1,"190":16,"191":1,"192":6,"195":1,"196":1,"198":1,"200":1,"201":3,"202":1,"203":1,"204":1,"205":1,"206":2}}],["css",{"2":{"196":2,"198":2,"200":1,"201":2,"202":2,"203":2,"204":2,"205":2}}],["ci",{"2":{"177":1}}],["circles",{"2":{"20":1,"154":1,"183":1,"187":1,"203":2}}],["circle",{"0":{"69":1,"75":1,"102":1},"2":{"20":1,"68":2,"69":6,"74":2,"75":6,"99":1,"100":1,"101":2,"102":2,"180":5,"183":1,"187":1,"202":5}}],["cb",{"0":{"151":1,"152":1},"2":{"151":2,"152":2}}],["cycle",{"2":{"123":2}}],["cci",{"2":{"120":1}}],["cdn",{"2":{"113":2,"114":1}}],["center",{"2":{"68":2,"69":2,"73":1,"74":2,"75":2,"79":1,"101":2,"102":2,"110":2,"196":1,"198":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":1}}],["certain",{"2":{"58":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"161":1,"165":1,"166":1,"179":1}}],["c",{"2":{"58":3}}],["ctx",{"0":{"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"80":1},"2":{"39":1,"74":2,"75":2,"76":2,"77":2,"78":2,"79":2,"80":2,"99":2,"108":1,"111":21,"122":1,"192":2,"201":4}}],["cn",{"2":{"33":1,"35":1,"116":1,"200":1}}],["cup",{"2":{"206":1}}],["currentstep",{"2":{"179":1}}],["currently",{"2":{"115":1,"116":1,"148":1}}],["currentcolor",{"2":{"111":2}}],["current",{"2":{"48":1,"122":2,"149":1,"171":1,"179":1}}],["cursor",{"2":{"15":1,"122":2}}],["customapi",{"2":{"33":2}}],["customxaxisname",{"2":{"29":2}}],["customizable",{"2":{"194":1}}],["customization",{"2":{"11":1,"109":1}}],["customized",{"0":{"192":1}}],["customize",{"0":{"107":1},"1":{"108":1,"109":1,"110":1,"111":1},"2":{"33":1,"98":1,"119":1,"176":1,"178":1,"181":1}}],["customizing",{"2":{"29":2,"30":1,"31":1}}],["customyaxisname",{"2":{"29":2,"30":2,"31":2}}],["custom",{"0":{"26":1,"121":1,"178":1},"1":{"27":1,"28":1,"29":1,"30":1,"31":1,"122":1,"123":1,"124":1,"179":1,"180":1},"2":{"1":1,"4":1,"8":1,"9":1,"20":2,"26":1,"33":1,"42":2,"46":1,"47":1,"90":1,"98":1,"107":1,"111":1,"121":1,"122":2,"124":1,"154":2,"180":1,"183":2,"187":1,"201":3,"202":1}}],["chicago",{"2":{"204":2}}],["child",{"2":{"183":1,"205":1}}],["chinese",{"2":{"117":1}}],["checking",{"2":{"86":1}}],["checkcoordinateontext",{"0":{"73":1}}],["checkcoordinateonrect",{"0":{"72":1}}],["checkcoordinateonpolygon",{"0":{"71":1}}],["checkcoordinateonline",{"0":{"70":1}}],["checkcoordinateoncircle",{"0":{"69":1}}],["checkcoordinateonarc",{"0":{"68":1}}],["checks",{"2":{"39":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"69":1,"71":1,"72":1}}],["checkeventon",{"2":{"39":2,"108":1,"111":2}}],["check",{"2":{"12":2,"21":1,"22":1,"23":1,"68":1,"70":1,"73":1,"108":1}}],["channels",{"0":{"207":1},"1":{"208":1,"209":1,"210":1}}],["changing",{"2":{"13":1}}],["changes",{"2":{"181":1}}],["changed",{"2":{"20":25,"124":2,"187":10,"189":1,"190":11,"192":4}}],["change",{"0":{"0":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1,"21":1,"22":1,"23":1,"24":1,"25":1},"2":{"8":1,"20":1,"21":1,"22":1,"23":1,"117":1,"122":1,"124":1,"192":2}}],["charset=",{"2":{"114":1}}],["chartcomponent",{"2":{"114":1}}],["charts",{"2":{"35":1,"90":1}}],["chart",{"0":{"29":1,"32":1,"86":1,"88":1,"114":1,"189":1},"1":{"33":1,"34":1,"35":1,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"43":1,"44":1,"45":1,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":1,"59":1,"60":1,"61":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"80":1},"2":{"4":1,"8":1,"11":1,"15":2,"18":1,"20":3,"26":2,"28":1,"33":3,"34":4,"36":1,"37":1,"43":1,"45":1,"48":1,"81":3,"83":1,"86":1,"87":1,"89":1,"91":1,"98":3,"100":1,"107":1,"114":56,"116":1,"118":1,"119":1,"121":1,"122":1,"126":1,"127":1,"132":1,"137":1,"138":1,"139":1,"140":1,"143":1,"144":1,"146":2,"147":1,"149":1,"150":2,"152":1,"153":2,"165":1,"169":1,"170":1,"171":1,"174":1,"175":2,"176":1,"178":1,"180":1,"181":3,"194":1,"195":1,"196":8,"197":4,"198":5,"199":9,"200":5,"201":6,"202":5,"203":8,"204":5,"205":10}}],["chat",{"2":{"96":1}}],["cryptocurrency",{"0":{"210":1}}],["cr",{"2":{"120":1}}],["creating",{"2":{"153":1}}],["creation",{"2":{"42":1,"44":1,"108":1,"114":1,"154":1,"159":1,"179":1}}],["createelement",{"2":{"196":5,"198":2,"200":2,"201":5,"202":2,"203":2,"204":2,"205":8}}],["created",{"2":{"91":1}}],["creates",{"2":{"44":3,"157":1}}],["createshape",{"2":{"20":1,"190":1}}],["createyaxisfigures",{"2":{"44":2,"179":1}}],["createxaxisfigures",{"2":{"44":2,"179":1}}],["createpointfigures",{"2":{"44":2,"179":1,"180":1,"202":1}}],["create",{"0":{"88":1,"90":1,"114":1},"2":{"27":1,"42":1,"46":1,"47":1,"107":1,"121":1,"122":1,"153":1,"154":1,"179":3,"180":1}}],["createhtml",{"2":{"20":1,"190":1}}],["createtooltipdatasource",{"2":{"42":2,"122":1,"153":1,"154":2,"192":2}}],["createticks",{"2":{"27":1,"46":2,"47":2}}],["createtag",{"2":{"20":1,"190":1}}],["createtechnicalindicator",{"2":{"20":1,"190":1}}],["createannotation",{"2":{"20":1,"190":1}}],["createoverlay",{"0":{"157":1},"2":{"10":1,"20":2,"91":1,"157":1,"158":1,"160":1,"190":1,"202":3}}],["createindicator",{"0":{"30":1,"153":1},"2":{"4":1,"11":1,"20":1,"28":1,"33":1,"89":1,"153":1,"155":1,"156":1,"190":1,"201":2,"203":1,"205":2}}],["cross",{"2":{"15":1,"122":3,"183":2,"205":2}}],["crosshair",{"2":{"5":1,"20":2,"122":1,"183":1,"192":2}}],["cleared",{"2":{"150":1}}],["cleardata",{"0":{"150":1},"2":{"146":1}}],["clear",{"2":{"146":1,"150":1}}],["click",{"2":{"44":3,"159":3,"179":4,"196":4,"198":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":4,"206":1}}],["clicking",{"2":{"18":1}}],["classname",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":2}}],["class",{"2":{"41":1,"99":1,"114":1}}],["clarity",{"2":{"1":1}}],["closing",{"2":{"123":1,"183":1}}],["closesums",{"2":{"124":5}}],["closepath",{"2":{"111":2}}],["close",{"2":{"35":1,"81":2,"114":70,"117":1,"124":4,"146":1,"147":1,"148":1,"149":1,"183":3,"196":4,"197":4,"198":4,"199":7,"200":5,"201":5,"202":4,"203":4,"204":4,"205":4}}],["clone",{"0":{"50":1},"2":{"4":1}}],["code",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["cost",{"2":{"195":1}}],["corresponds",{"2":{"172":1}}],["corresponding",{"2":{"44":1,"58":1,"124":1,"179":8,"180":2,"190":1}}],["core",{"2":{"114":1}}],["combined",{"2":{"190":1}}],["com",{"2":{"93":2,"206":2}}],["compression",{"2":{"195":1}}],["component",{"2":{"114":2,"122":4,"179":2}}],["composed",{"2":{"65":1,"98":1}}],["completely",{"2":{"206":1}}],["complete",{"2":{"118":1,"129":1,"179":1,"180":2,"195":1}}],["completes",{"2":{"114":1}}],["completed",{"2":{"28":1,"111":1,"124":1}}],["complex",{"2":{"98":1}}],["copy",{"2":{"50":1}}],["collection",{"2":{"49":1}}],["color",{"2":{"42":2,"73":3,"74":3,"75":4,"76":3,"77":4,"78":4,"79":5,"101":2,"102":3,"103":5,"104":3,"105":4,"110":4,"111":2,"114":1,"122":2,"153":4,"154":5,"157":1,"159":1,"174":1,"183":38,"192":3,"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["coord",{"2":{"27":2,"46":1,"47":1}}],["coordinates",{"2":{"70":1,"71":1,"76":1,"77":1,"103":4,"108":1,"172":1,"173":1,"179":1,"180":7,"202":7}}],["coordinate2",{"0":{"65":1,"66":1},"2":{"65":1,"66":1}}],["coordinate1",{"0":{"65":1,"66":1},"2":{"65":1,"66":1}}],["coordinate",{"0":{"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"165":1,"173":1},"2":{"1":1,"28":1,"39":2,"42":2,"65":1,"66":2,"67":1,"68":4,"69":4,"70":2,"71":2,"72":4,"73":4,"101":2,"102":2,"104":2,"105":2,"108":1,"110":2,"111":3,"122":2,"165":4,"172":1,"173":3,"179":1,"190":1}}],["coverage",{"2":{"15":1}}],["console",{"2":{"157":14,"159":14}}],["consistent",{"2":{"124":2,"153":1,"157":1,"179":3}}],["constructor",{"2":{"179":1}}],["constant",{"2":{"65":1,"67":1}}],["const",{"2":{"58":1,"99":1,"111":5,"114":6,"124":3,"180":3,"196":19,"197":9,"198":13,"199":12,"200":13,"201":23,"202":16,"203":17,"204":13,"205":20}}],["connecting",{"2":{"123":1}}],["configure",{"2":{"180":1,"183":1}}],["configured",{"2":{"122":1,"123":1}}],["configuration",{"0":{"183":1,"187":1},"2":{"4":1,"8":1,"9":1,"11":1,"14":1,"20":3,"33":1,"35":1,"38":2,"42":1,"122":1,"123":1,"128":2,"129":1,"153":1,"154":1,"168":2,"179":1,"195":1}}],["conversion",{"2":{"122":4,"179":2}}],["convertfrompixel",{"0":{"173":1},"2":{"190":1}}],["convert",{"2":{"172":1,"173":1}}],["converttopixel",{"0":{"172":1},"2":{"190":1,"201":2}}],["converttimestamptopixel",{"2":{"10":1}}],["converttimestampfrompixel",{"2":{"10":1}}],["converted",{"2":{"42":2,"154":2,"172":2,"173":1,"174":2}}],["context",{"2":{"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"99":2,"108":1,"122":1}}],["content=",{"2":{"114":4}}],["content",{"2":{"33":2,"73":1,"79":1,"105":1}}],["container",{"2":{"29":1,"33":1,"86":2,"126":2,"127":1,"175":1,"196":7,"198":7,"200":7,"201":7,"202":7,"203":7,"204":7,"205":10}}],["caution",{"2":{"175":1}}],["carefully",{"2":{"98":1}}],["cancel",{"2":{"171":1,"179":1}}],["cannot",{"2":{"124":1}}],["canvastextbaseline",{"2":{"105":1}}],["canvastextalign",{"2":{"105":1}}],["canvasgradient",{"2":{"75":1,"77":1,"78":1,"105":1}}],["canvas",{"2":{"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"83":2,"99":2,"108":1,"122":1}}],["canvasrenderingcontext2d",{"2":{"39":1,"74":1,"75":1,"76":1,"77":1,"78":1,"79":1,"108":1,"122":1}}],["can",{"0":{"86":1},"2":{"26":1,"28":1,"33":3,"34":1,"89":1,"91":2,"98":1,"109":1,"110":2,"113":1,"116":1,"117":1,"118":1,"122":1,"128":1,"134":1,"137":1,"138":1,"146":1,"147":1,"153":6,"155":1,"157":1,"161":1,"162":1,"163":1,"164":1,"165":2,"166":1,"167":1,"168":5,"172":1,"173":1,"174":3,"179":12,"180":1,"181":2,"183":3,"195":1,"206":2}}],["candles",{"2":{"141":1,"142":1}}],["candlesticks",{"2":{"122":2,"179":2}}],["candlestick",{"2":{"122":2,"143":1,"144":1,"179":2}}],["candle",{"0":{"87":1,"198":1},"2":{"1":1,"3":2,"4":1,"5":1,"8":1,"9":1,"10":1,"14":8,"20":3,"29":1,"31":1,"33":1,"88":1,"153":1,"154":2,"155":1,"156":1,"157":1,"168":1,"183":6,"187":3,"198":5,"201":1,"203":2,"205":3}}],["calls",{"2":{"158":1,"175":1}}],["calling",{"2":{"155":1,"156":1,"160":1}}],["call",{"2":{"87":1,"146":1,"150":1,"175":1}}],["callback",{"0":{"146":1,"147":1,"148":1,"153":1,"154":1,"170":1,"171":1},"2":{"4":1,"14":1,"15":1,"28":1,"124":1,"146":4,"147":3,"148":4,"151":2,"152":4,"153":3,"154":3,"170":3,"171":3,"179":13,"183":1,"190":2}}],["calculates",{"2":{"123":2}}],["calculated",{"0":{"89":1}}],["calculate",{"2":{"64":1,"122":1}}],["calculation",{"2":{"42":2,"122":5,"123":2,"124":5,"154":2}}],["calcparms",{"2":{"42":1,"122":1,"153":1,"154":1}}],["calcparamstext",{"2":{"42":1,"122":1,"153":1,"154":1,"192":1}}],["calcparams",{"2":{"20":1,"42":2,"122":1,"123":2,"124":4,"153":1,"154":3}}],["calc",{"2":{"20":1,"42":2,"89":1,"120":3,"122":1,"124":1,"153":1,"154":3,"192":1,"201":1}}],["calctechnicalindicator",{"2":{"20":1,"192":1}}],["calctextwidth",{"0":{"64":1},"2":{"11":1}}],["0xd2c3911654db861e0a2e17415e11a209c1fc3594",{"2":{"210":2}}],["000000",{"2":{"114":1}}],["0+",{"0":{"26":1,"46":1,"47":1,"63":1,"64":1,"138":1,"139":1,"140":1,"152":1,"169":1},"1":{"27":1,"28":1,"29":1,"30":1,"31":1},"2":{"33":2,"44":2,"146":1,"147":1,"148":1,"153":3,"154":1,"159":2,"168":2}}],["02",{"2":{"18":1,"19":1,"20":1,"114":7}}],["05",{"2":{"10":1,"11":1,"12":1}}],["06",{"2":{"9":1,"114":7}}],["08",{"2":{"8":1}}],["09",{"2":{"5":1,"6":1,"7":1,"114":7}}],["01c5c4",{"2":{"183":1}}],["01",{"2":{"1":1,"183":1}}],["04",{"2":{"1":1,"12":1,"13":1,"14":1,"15":1,"16":1}}],["03",{"2":{"1":1,"17":1}}],["0",{"0":{"1":1,"3":1,"4":1,"9":1,"10":1,"11":1,"14":1,"18":1,"19":1,"20":2},"2":{"124":1,"146":1,"147":1,"148":1,"151":1,"153":2,"157":1,"159":1,"168":2,"180":3,"183":27,"196":3,"197":3,"198":3,"199":3,"200":3,"201":3,"202":6,"203":3,"204":3,"205":4}}],["8px",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["800",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["85",{"2":{"183":3,"203":1}}],["888888",{"2":{"154":2,"183":14,"203":4}}],["88",{"2":{"114":7}}],["89",{"2":{"114":7}}],["8",{"0":{"1":1,"21":1,"26":1,"46":1,"47":1,"63":1,"152":1},"1":{"27":1,"28":1,"29":1,"30":1,"31":1},"2":{"21":1,"33":1,"114":1,"146":1,"147":1,"148":1,"151":1,"153":1,"157":1,"159":1,"168":1,"183":6,"184":2}}],["96",{"2":{"114":7}}],["935ebd",{"2":{"183":1}}],["93",{"2":{"114":21}}],["94",{"2":{"114":7}}],["99",{"2":{"114":14}}],["9",{"0":{"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1},"2":{"120":3,"146":1,"147":1,"148":1,"151":1,"184":1}}]],"serializationVersion":2}';export{e as default};
+const e='{"documentCount":211,"nextId":211,"documentIds":{"0":"/en-US/guide/changelog.html#📠-change-log","1":"/en-US/guide/changelog.html#_9-8-0","2":"/en-US/guide/changelog.html#_9-7-1","3":"/en-US/guide/changelog.html#_9-7-0","4":"/en-US/guide/changelog.html#_9-6-0","5":"/en-US/guide/changelog.html#_9-5-4","6":"/en-US/guide/changelog.html#_9-5-3","7":"/en-US/guide/changelog.html#_9-5-2","8":"/en-US/guide/changelog.html#_9-5-1","9":"/en-US/guide/changelog.html#_9-5-0","10":"/en-US/guide/changelog.html#_9-4-0","11":"/en-US/guide/changelog.html#_9-3-0","12":"/en-US/guide/changelog.html#_9-2-2","13":"/en-US/guide/changelog.html#_9-2-1","14":"/en-US/guide/changelog.html#_9-2-0","15":"/en-US/guide/changelog.html#_9-1-3","16":"/en-US/guide/changelog.html#_9-1-2","17":"/en-US/guide/changelog.html#_9-1-1","18":"/en-US/guide/changelog.html#_9-1-0","19":"/en-US/guide/changelog.html#_9-0-1","20":"/en-US/guide/changelog.html#_9-0-0","21":"/en-US/guide/changelog.html#_8-x","22":"/en-US/guide/changelog.html#_7-x","23":"/en-US/guide/changelog.html#_6-x","24":"/en-US/guide/changelog.html#_5-x","25":"/en-US/guide/changelog.html#_4-x","26":"/en-US/guide/chart-api.html#chart-api","27":"/en-US/guide/chart-api.html#init-ds-options","28":"/en-US/guide/chart-api.html#dispose-dcs","29":"/en-US/guide/chart-api.html#registerlocale-locale-locales","30":"/en-US/guide/chart-api.html#getoverlayclass","31":"/en-US/guide/chart-api.html#getsupportedlocales","32":"/en-US/guide/chart-api.html#registerstyles-name-styles","33":"/en-US/guide/chart-api.html#registerfigure-figure","34":"/en-US/guide/chart-api.html#getsupportedfigures","35":"/en-US/guide/chart-api.html#getfigureclass-name","36":"/en-US/guide/chart-api.html#registerindicator-indicator","37":"/en-US/guide/chart-api.html#getsupportedindicators","38":"/en-US/guide/chart-api.html#registeroverlay-overlay","39":"/en-US/guide/chart-api.html#getsupportedoverlays","40":"/en-US/guide/chart-api.html#registerxaxis-axis-v9-8-0","41":"/en-US/guide/chart-api.html#registeryaxis-axis-v9-8-0","42":"/en-US/guide/chart-api.html#version","43":"/en-US/guide/chart-api.html#utils","44":"/en-US/guide/chart-api.html#utils-clone-target","45":"/en-US/guide/chart-api.html#utils-merge-target-source","46":"/en-US/guide/chart-api.html#utils-isstring-value","47":"/en-US/guide/chart-api.html#utils-isnumber-value","48":"/en-US/guide/chart-api.html#utils-isvalid-value","49":"/en-US/guide/chart-api.html#utils-isobject-value","50":"/en-US/guide/chart-api.html#utils-isfunction-value","51":"/en-US/guide/chart-api.html#utils-isboolean-value","52":"/en-US/guide/chart-api.html#utils-formatvalue-value-key-defaultvalue","53":"/en-US/guide/chart-api.html#utils-formatprecision-value","54":"/en-US/guide/chart-api.html#utils-formatbignumber-value","55":"/en-US/guide/chart-api.html#utils-formatdate-datetimeformat-timestamp-format","56":"/en-US/guide/chart-api.html#utils-formatthousands-value-sign","57":"/en-US/guide/chart-api.html#utils-formatfolddecimal-value-threshold-v9-8-0","58":"/en-US/guide/chart-api.html#utils-calctextwidth-text-size-weight-family-v9-3-0","59":"/en-US/guide/chart-api.html#utils-getlinearslopeintercept-coordinate1-coordinate2","60":"/en-US/guide/chart-api.html#utils-getlinearyfromcoordinates-coordinate1-coordinate2-targetcoordinate","61":"/en-US/guide/chart-api.html#utils-getlinearyfromslopeintercept-kb-targetcoordinate","62":"/en-US/guide/chart-api.html#utils-checkcoordinateonarc-coordinate-arc","63":"/en-US/guide/chart-api.html#utils-checkcoordinateoncircle-coordinate-circle","64":"/en-US/guide/chart-api.html#utils-checkcoordinateonline-coordinate-line","65":"/en-US/guide/chart-api.html#utils-checkcoordinateonpolygon-coordinate-polygon","66":"/en-US/guide/chart-api.html#utils-checkcoordinateonrect-coordinate-rect","67":"/en-US/guide/chart-api.html#utils-checkcoordinateontext-coordinate-text-styles","68":"/en-US/guide/chart-api.html#utils-drawarc-ctx-arc-styles","69":"/en-US/guide/chart-api.html#utils-drawcircle-ctx-circle-styles","70":"/en-US/guide/chart-api.html#utils-drawline-ctx-line-styles","71":"/en-US/guide/chart-api.html#utils-drawpolygon-ctx-polygon-styles","72":"/en-US/guide/chart-api.html#utils-drawrect-ctx-rect-styles","73":"/en-US/guide/chart-api.html#utils-drawrecttext-ctx-recttext-styles","74":"/en-US/guide/chart-api.html#utils-drawrecttext-ctx-recttext-styles-1","75":"/en-US/guide/custom-axis.html#custom-axis-v9-8-0","76":"/en-US/guide/custom-axis.html#input-params-introduction","77":"/en-US/guide/custom-axis.html#usage","78":"/en-US/guide/custom-axis.html#using-init-of-chart-api","79":"/en-US/guide/custom-axis.html#using-createindicator-of-instance-api","80":"/en-US/guide/custom-axis.html#using-setpaneoptions-of-instance-api","81":"/en-US/guide/datasource.html#📚-data","82":"/en-US/guide/faq.html#🙋-faq","83":"/en-US/guide/faq.html#after-the-chart-is-initialized-only-one-line-can-be-seen","84":"/en-US/guide/faq.html#the-candle-shows-a-line-no-fluctuation-what-to-do","85":"/en-US/guide/faq.html#how-to-create-a-real-time-chart","86":"/en-US/guide/faq.html#built-in-technical-indicators-calculated-data-is-not-what-you-want-how-to-do","87":"/en-US/guide/faq.html#what-if-i-want-to-create-an-indicator-other-than-the-built-in-technical-indicator","88":"/en-US/guide/faq.html#want-to-mark-the-point-of-sale-how-should-do","89":"/en-US/guide/environment.html#🏝️-environment","90":"/en-US/guide/environment.html#browser-support","91":"/en-US/guide/environment.html#polyfill","92":"/en-US/guide/feedback.html#💬-feedback","93":"/en-US/guide/feedback.html#github","94":"/en-US/guide/feedback.html#telegram","95":"/en-US/guide/feedback.html#discord","96":"/en-US/guide/feedback.html#wechat-discussion-group","97":"/en-US/guide/feedback.html#qq-discussion-group","98":"/en-US/guide/figure.html#figure","99":"/en-US/guide/figure.html#example-of-use","100":"/en-US/guide/figure.html#built-in-figures","101":"/en-US/guide/figure.html#arc","102":"/en-US/guide/figure.html#circle","103":"/en-US/guide/figure.html#line","104":"/en-US/guide/figure.html#rect","105":"/en-US/guide/figure.html#text","106":"/en-US/guide/figure.html#recttext","107":"/en-US/guide/figure.html#customize-figure","108":"/en-US/guide/figure.html#attribute-description","109":"/en-US/guide/figure.html#example","110":"/en-US/guide/figure.html#step-1","111":"/en-US/guide/figure.html#step-2","112":"/en-US/guide/getting-started.html#🚀-getting-started","113":"/en-US/guide/getting-started.html#get-klinechart","114":"/en-US/guide/getting-started.html#create-the-first-chart","115":"/en-US/guide/hot-key.html#⌨️-hot-key","116":"/en-US/guide/i18n.html#🌏-internationalization","117":"/en-US/guide/i18n.html#adding-new-language","118":"/en-US/guide/i18n.html#use-new-language","119":"/en-US/guide/indicator.html#technical-indicator","120":"/en-US/guide/indicator.html#built-in-technical-indicators","121":"/en-US/guide/indicator.html#custom-technical-indicators","122":"/en-US/guide/indicator.html#attribute-description","123":"/en-US/guide/indicator.html#step-1","124":"/en-US/guide/indicator.html#step-2","125":"/en-US/guide/instance-api.html#instance-api","126":"/en-US/guide/instance-api.html#getdom-paneid-position","127":"/en-US/guide/instance-api.html#getsize-paneid-position","128":"/en-US/guide/instance-api.html#setstyles-styles","129":"/en-US/guide/instance-api.html#getstyles","130":"/en-US/guide/instance-api.html#setpricevolumeprecision-priceprecision-volumeprecision","131":"/en-US/guide/instance-api.html#settimezone-timezone","132":"/en-US/guide/instance-api.html#gettimezone","133":"/en-US/guide/instance-api.html#setzoomenabled-enabled","134":"/en-US/guide/instance-api.html#iszoomenabled","135":"/en-US/guide/instance-api.html#setscrollenabled-enabled","136":"/en-US/guide/instance-api.html#isscrollenabled","137":"/en-US/guide/instance-api.html#setoffsetrightdistance-distance","138":"/en-US/guide/instance-api.html#getoffsetrightdistance-v9-2-0","139":"/en-US/guide/instance-api.html#setmaxoffsetleftdistance-v9-7-0","140":"/en-US/guide/instance-api.html#setmaxoffsetrightdistance-v9-7-0","141":"/en-US/guide/instance-api.html#setleftminvisiblebarcount-barcount","142":"/en-US/guide/instance-api.html#setrightminvisiblebarcount-barcount","143":"/en-US/guide/instance-api.html#setbarspace-space","144":"/en-US/guide/instance-api.html#getbarspace","145":"/en-US/guide/instance-api.html#getvisiblerange","146":"/en-US/guide/instance-api.html#applynewdata-datalist-more-callback","147":"/en-US/guide/instance-api.html#applymoredata-datalist-more-callback","148":"/en-US/guide/instance-api.html#updatedata-data-callback","149":"/en-US/guide/instance-api.html#getdatalist","150":"/en-US/guide/instance-api.html#cleardata","151":"/en-US/guide/instance-api.html#loadmore-cb","152":"/en-US/guide/instance-api.html#setloaddatacallback-cb-v9-8-0","153":"/en-US/guide/instance-api.html#createindicator-value-isstack-paneoptions-callback","154":"/en-US/guide/instance-api.html#overrideindicator-override-paneid-callback","155":"/en-US/guide/instance-api.html#getindicatorbypaneid-paneid-name","156":"/en-US/guide/instance-api.html#removeindicator-paneid-name","157":"/en-US/guide/instance-api.html#createoverlay-value-paneid","158":"/en-US/guide/instance-api.html#getoverlaybyid-id","159":"/en-US/guide/instance-api.html#overrideoverlay-override","160":"/en-US/guide/instance-api.html#removeoverlay-remove","161":"/en-US/guide/instance-api.html#scrollbydistance-distance-animationduration","162":"/en-US/guide/instance-api.html#scrolltorealtime-animationduration","163":"/en-US/guide/instance-api.html#scrolltodataindex-dataindex-animationduration","164":"/en-US/guide/instance-api.html#scrolltotimestamp-timestamp-animationduration","165":"/en-US/guide/instance-api.html#zoomatcoordinate-scale-coordinate-animationduration","166":"/en-US/guide/instance-api.html#zoomatdataindex-scale-dataindex-animationduration","167":"/en-US/guide/instance-api.html#zoomattimestamp-scale-timestamp-animationduration","168":"/en-US/guide/instance-api.html#setpaneoptions-options","169":"/en-US/guide/instance-api.html#executeaction-type-data-v9-2-0","170":"/en-US/guide/instance-api.html#subscribeaction-type-callback","171":"/en-US/guide/instance-api.html#unsubscribeaction-type-callback","172":"/en-US/guide/instance-api.html#converttopixel-value-finder","173":"/en-US/guide/instance-api.html#convertfrompixel-coordinate-finder","174":"/en-US/guide/instance-api.html#getconvertpictureurl-includeoverlay-type-backgroundcolor","175":"/en-US/guide/instance-api.html#resize","176":"/en-US/guide/overlay.html#overlay","177":"/en-US/guide/overlay.html#built-in-overlay-types","178":"/en-US/guide/overlay.html#custom-overlays","179":"/en-US/guide/overlay.html#attribute-description","180":"/en-US/guide/overlay.html#example","181":"/en-US/guide/styles.html#🎨-style","182":"/en-US/guide/styles.html#picture-explanation","183":"/en-US/guide/styles.html#default-full-configuration","184":"/en-US/guide/v8-to-v9.html#🛠️-from-v8-to-v9","185":"/en-US/guide/v8-to-v9.html#import-adjustment","186":"/en-US/guide/v8-to-v9.html#design-adjustment","187":"/en-US/guide/v8-to-v9.html#style-configuration-adjustment","188":"/en-US/guide/v8-to-v9.html#api-adjustment","189":"/en-US/guide/v8-to-v9.html#chart-api","190":"/en-US/guide/v8-to-v9.html#instance-api","191":"/en-US/guide/v8-to-v9.html#shape-help-api","192":"/en-US/guide/v8-to-v9.html#customized-technical-indicator-adjustment","193":"/en-US/guide/what-is-klinechart.html#📃-introducation","194":"/en-US/guide/what-is-klinechart.html#what-s-klinechart","195":"/en-US/guide/what-is-klinechart.html#features","196":"/en-US/sample/axis.html#axis","197":"/en-US/sample/basic.html#basic","198":"/en-US/sample/candle-type.html#candle-type","199":"/en-US/sample/data.html#data","200":"/en-US/sample/i18n.html#i18n","201":"/en-US/sample/indicator.html#indicator","202":"/en-US/sample/overlay.html#overlay","203":"/en-US/sample/theme.html#theme","204":"/en-US/sample/timezone.html#timezone","205":"/en-US/sample/tooltip.html#tooltip","206":"/en-US/sponsor.html#❤️-sponsor","207":"/en-US/sponsor.html#sponsor-channels","208":"/en-US/sponsor.html#alipay","209":"/en-US/sponsor.html#wechat-pay","210":"/en-US/sponsor.html#cryptocurrency"},"fieldIds":{"title":0,"titles":1,"text":2},"fieldLength":{"0":[3,1,1],"1":[3,3,49],"2":[3,3,19],"3":[3,3,28],"4":[3,3,54],"5":[3,3,25],"6":[3,3,9],"7":[3,3,27],"8":[3,3,29],"9":[3,3,48],"10":[3,3,27],"11":[3,3,40],"12":[2,3,14],"13":[3,3,19],"14":[3,3,52],"15":[3,3,52],"16":[3,3,34],"17":[2,3,17],"18":[3,3,29],"19":[3,3,10],"20":[2,3,160],"21":[2,3,11],"22":[2,3,11],"23":[2,3,11],"24":[2,3,10],"25":[2,3,10],"26":[2,1,1],"27":[4,2,130],"28":[3,2,26],"29":[4,2,28],"30":[2,2,14],"31":[2,2,12],"32":[4,2,19],"33":[3,2,36],"34":[2,2,11],"35":[3,2,9],"36":[3,2,109],"37":[2,2,10],"38":[3,2,126],"39":[2,2,9],"40":[5,2,24],"41":[5,2,24],"42":[2,2,11],"43":[1,2,6],"44":[4,3,7],"45":[5,3,11],"46":[4,3,11],"47":[4,3,11],"48":[4,3,11],"49":[4,3,12],"50":[4,3,11],"51":[4,3,11],"52":[6,3,28],"53":[4,3,9],"54":[4,3,18],"55":[6,3,20],"56":[5,3,11],"57":[7,3,11],"58":[9,3,12],"59":[5,3,29],"60":[6,3,24],"61":[5,3,26],"62":[5,3,31],"63":[5,3,25],"64":[5,3,21],"65":[5,3,20],"66":[5,3,24],"67":[6,3,48],"68":[6,3,39],"69":[6,3,41],"70":[6,3,31],"71":[6,3,38],"72":[6,3,44],"73":[6,3,68],"74":[6,3,20],"75":[5,1,16],"76":[3,5,37],"77":[1,5,35],"78":[5,6,32],"79":[5,6,19],"80":[5,6,20],"81":[2,1,55],"82":[2,1,1],"83":[12,2,13],"84":[11,2,15],"85":[8,2,9],"86":[15,2,12],"87":[15,2,9],"88":[11,2,21],"89":[2,1,1],"90":[2,2,26],"91":[1,2,1],"92":[2,1,1],"93":[1,2,10],"94":[1,2,5],"95":[1,2,5],"96":[3,2,12],"97":[3,2,1],"98":[1,1,49],"99":[3,1,38],"100":[3,1,15],"101":[1,4,38],"102":[1,4,42],"103":[1,4,42],"104":[1,4,46],"105":[1,4,71],"106":[1,4,16],"107":[2,1,27],"108":[2,3,43],"109":[1,3,14],"110":[2,4,46],"111":[2,4,62],"112":[3,1,1],"113":[2,3,43],"114":[4,3,189],"115":[3,1,17],"116":[2,1,28],"117":[3,2,40],"118":[3,2,18],"119":[2,1,16],"120":[4,2,50],"121":[3,2,27],"122":[2,4,230],"123":[2,6,54],"124":[2,6,105],"125":[2,1,1],"126":[4,2,22],"127":[4,2,28],"128":[3,2,31],"129":[2,2,14],"130":[4,2,23],"131":[3,2,29],"132":[2,2,10],"133":[3,2,10],"134":[2,2,9],"135":[3,2,13],"136":[2,2,10],"137":[3,2,17],"138":[4,2,15],"139":[4,2,16],"140":[4,2,16],"141":[3,2,14],"142":[3,2,14],"143":[3,2,14],"144":[2,2,13],"145":[2,2,11],"146":[5,2,73],"147":[5,2,59],"148":[4,2,61],"149":[2,2,27],"150":[2,2,29],"151":[3,2,36],"152":[5,2,29],"153":[6,2,154],"154":[5,2,160],"155":[4,2,38],"156":[4,2,33],"157":[4,2,104],"158":[3,2,17],"159":[3,2,147],"160":[3,2,22],"161":[4,2,17],"162":[3,2,18],"163":[4,2,22],"164":[4,2,18],"165":[5,2,32],"166":[5,2,26],"167":[5,2,21],"168":[3,2,63],"169":[6,2,16],"170":[4,2,27],"171":[4,2,35],"172":[4,2,53],"173":[4,2,41],"174":[5,2,39],"175":[2,2,30],"176":[1,1,15],"177":[4,1,16],"178":[2,1,19],"179":[2,3,263],"180":[1,3,85],"181":[2,1,26],"182":[2,2,1],"183":[3,2,219],"184":[5,1,23],"185":[2,5,15],"186":[2,5,13],"187":[3,5,46],"188":[2,5,1],"189":[2,7,14],"190":[2,7,89],"191":[3,7,8],"192":[4,5,55],"193":[2,1,1],"194":[4,2,11],"195":[1,2,67],"196":[1,1,174],"197":[1,1,64],"198":[2,1,154],"199":[1,1,79],"200":[1,1,154],"201":[1,1,204],"202":[1,1,170],"203":[1,1,195],"204":[1,1,145],"205":[1,1,179],"206":[2,1,81],"207":[2,2,1],"208":[1,3,1],"209":[2,3,1],"210":[1,3,11]},"averageFieldLength":[3.355450236966825,2.502369668246447,38.97630331753552],"storedFields":{"0":{"title":"📠 Change Log","titles":[]},"1":{"title":"9.8.0","titles":["📠 Change Log"]},"2":{"title":"9.7.1","titles":["📠 Change Log"]},"3":{"title":"9.7.0","titles":["📠 Change Log"]},"4":{"title":"9.6.0","titles":["📠 Change Log"]},"5":{"title":"9.5.4","titles":["📠 Change Log"]},"6":{"title":"9.5.3","titles":["📠 Change Log"]},"7":{"title":"9.5.2","titles":["📠 Change Log"]},"8":{"title":"9.5.1","titles":["📠 Change Log"]},"9":{"title":"9.5.0","titles":["📠 Change Log"]},"10":{"title":"9.4.0","titles":["📠 Change Log"]},"11":{"title":"9.3.0","titles":["📠 Change Log"]},"12":{"title":"9.2.2","titles":["📠 Change Log"]},"13":{"title":"9.2.1","titles":["📠 Change Log"]},"14":{"title":"9.2.0","titles":["📠 Change Log"]},"15":{"title":"9.1.3","titles":["📠 Change Log"]},"16":{"title":"9.1.2","titles":["📠 Change Log"]},"17":{"title":"9.1.1","titles":["📠 Change Log"]},"18":{"title":"9.1.0","titles":["📠 Change Log"]},"19":{"title":"9.0.1","titles":["📠 Change Log"]},"20":{"title":"9.0.0","titles":["📠 Change Log"]},"21":{"title":"8.x","titles":["📠 Change Log"]},"22":{"title":"7.x","titles":["📠 Change Log"]},"23":{"title":"6.x","titles":["📠 Change Log"]},"24":{"title":"5.x","titles":["📠 Change Log"]},"25":{"title":"4.x","titles":["📠 Change Log"]},"26":{"title":"Chart API","titles":[]},"27":{"title":"init(ds, options)","titles":["Chart API"]},"28":{"title":"dispose(dcs)","titles":["Chart API"]},"29":{"title":"registerLocale(locale, locales)","titles":["Chart API"]},"30":{"title":"getOverlayClass()","titles":["Chart API"]},"31":{"title":"getSupportedLocales()","titles":["Chart API"]},"32":{"title":"registerStyles(name, styles)","titles":["Chart API"]},"33":{"title":"registerFigure(figure)","titles":["Chart API"]},"34":{"title":"getSupportedFigures()","titles":["Chart API"]},"35":{"title":"getFigureClass(name)","titles":["Chart API"]},"36":{"title":"registerIndicator(indicator)","titles":["Chart API"]},"37":{"title":"getSupportedIndicators()","titles":["Chart API"]},"38":{"title":"registerOverlay(overlay)","titles":["Chart API"]},"39":{"title":"getSupportedOverlays()","titles":["Chart API"]},"40":{"title":"registerXAxis(axis) v9.8.0+","titles":["Chart API"]},"41":{"title":"registerYAxis(axis) v9.8.0+","titles":["Chart API"]},"42":{"title":"version()","titles":["Chart API"]},"43":{"title":"utils","titles":["Chart API"]},"44":{"title":"utils.clone(target)","titles":["Chart API","utils"]},"45":{"title":"utils.merge(target, source)","titles":["Chart API","utils"]},"46":{"title":"utils.isString(value)","titles":["Chart API","utils"]},"47":{"title":"utils.isNumber(value)","titles":["Chart API","utils"]},"48":{"title":"utils.isValid(value)","titles":["Chart API","utils"]},"49":{"title":"utils.isObject(value)","titles":["Chart API","utils"]},"50":{"title":"utils.isFunction(value)","titles":["Chart API","utils"]},"51":{"title":"utils.isBoolean(value)","titles":["Chart API","utils"]},"52":{"title":"utils.formatValue(value, key, defaultValue)","titles":["Chart API","utils"]},"53":{"title":"utils.formatPrecision(value)","titles":["Chart API","utils"]},"54":{"title":"utils.formatBigNumber(value)","titles":["Chart API","utils"]},"55":{"title":"utils.formatDate(dateTimeFormat, timestamp, format)","titles":["Chart API","utils"]},"56":{"title":"utils.formatThousands(value, sign)","titles":["Chart API","utils"]},"57":{"title":"utils.formatFoldDecimal(value, threshold) v9.8.0+","titles":["Chart API","utils"]},"58":{"title":"utils.calcTextWidth(text, size, weight, family) v9.3.0+","titles":["Chart API","utils"]},"59":{"title":"utils.getLinearSlopeIntercept(coordinate1, coordinate2)","titles":["Chart API","utils"]},"60":{"title":"utils.getLinearYFromCoordinates(coordinate1, coordinate2, targetCoordinate)","titles":["Chart API","utils"]},"61":{"title":"utils.getLinearYFromSlopeIntercept(kb, targetCoordinate)","titles":["Chart API","utils"]},"62":{"title":"utils.checkCoordinateOnArc(coordinate, arc)","titles":["Chart API","utils"]},"63":{"title":"utils.checkCoordinateOnCircle(coordinate, circle)","titles":["Chart API","utils"]},"64":{"title":"utils.checkCoordinateOnLine(coordinate, line)","titles":["Chart API","utils"]},"65":{"title":"utils.checkCoordinateOnPolygon(coordinate, polygon)","titles":["Chart API","utils"]},"66":{"title":"utils.checkCoordinateOnRect(coordinate, rect)","titles":["Chart API","utils"]},"67":{"title":"utils.checkCoordinateOnText(coordinate, text, styles)","titles":["Chart API","utils"]},"68":{"title":"utils.drawArc(ctx, arc, styles)","titles":["Chart API","utils"]},"69":{"title":"utils.drawCircle(ctx, circle, styles)","titles":["Chart API","utils"]},"70":{"title":"utils.drawLine(ctx, line, styles)","titles":["Chart API","utils"]},"71":{"title":"utils.drawPolygon(ctx, polygon, styles)","titles":["Chart API","utils"]},"72":{"title":"utils.drawRect(ctx, rect, styles)","titles":["Chart API","utils"]},"73":{"title":"utils.drawRectText(ctx, rectText, styles)","titles":["Chart API","utils"]},"74":{"title":"utils.drawRectText(ctx, rectText, styles)","titles":["Chart API","utils"]},"75":{"title":"Custom Axis v9.8.0+","titles":[]},"76":{"title":"Input params introduction","titles":["Custom Axis v9.8.0+"]},"77":{"title":"Usage","titles":["Custom Axis v9.8.0+"]},"78":{"title":"Using init of chart api","titles":["Custom Axis v9.8.0+","Usage"]},"79":{"title":"Using createIndicator of instance api","titles":["Custom Axis v9.8.0+","Usage"]},"80":{"title":"Using setPaneOptions of instance api","titles":["Custom Axis v9.8.0+","Usage"]},"81":{"title":"📚 Data","titles":[]},"82":{"title":"🙋 FAQ","titles":[]},"83":{"title":"After the chart is initialized, only one line can be seen?","titles":["🙋 FAQ"]},"84":{"title":"The candle shows a line, no fluctuation, what to do?","titles":["🙋 FAQ"]},"85":{"title":"How to create a real-time chart?","titles":["🙋 FAQ"]},"86":{"title":"Built-in technical indicators, calculated data is not what you want, how to do?","titles":["🙋 FAQ"]},"87":{"title":"What if I want to create an indicator other than the built-in technical indicator?","titles":["🙋 FAQ"]},"88":{"title":"Want to mark the point of sale, how should do?","titles":["🙋 FAQ"]},"89":{"title":"🏝️ Environment","titles":[]},"90":{"title":"Browser support","titles":["🏝️ Environment"]},"91":{"title":"Polyfill","titles":["🏝️ Environment"]},"92":{"title":"💬 Feedback","titles":[]},"93":{"title":"Github","titles":["💬 Feedback"]},"94":{"title":"Telegram","titles":["💬 Feedback"]},"95":{"title":"Discord","titles":["💬 Feedback"]},"96":{"title":"Wechat discussion group","titles":["💬 Feedback"]},"97":{"title":"QQ discussion group","titles":["💬 Feedback"]},"98":{"title":"Figure","titles":[]},"99":{"title":"Example of use","titles":["Figure"]},"100":{"title":"Built-in figures","titles":["Figure"]},"101":{"title":"arc","titles":["Figure","Built-in figures"]},"102":{"title":"circle","titles":["Figure","Built-in figures"]},"103":{"title":"line","titles":["Figure","Built-in figures"]},"104":{"title":"rect","titles":["Figure","Built-in figures"]},"105":{"title":"text","titles":["Figure","Built-in figures"]},"106":{"title":"rectText","titles":["Figure","Built-in figures"]},"107":{"title":"Customize figure","titles":["Figure"]},"108":{"title":"Attribute description","titles":["Figure","Customize figure"]},"109":{"title":"Example","titles":["Figure","Customize figure"]},"110":{"title":"Step.1","titles":["Figure","Customize figure","Example"]},"111":{"title":"Step.2","titles":["Figure","Customize figure","Example"]},"112":{"title":"🚀 Getting started","titles":[]},"113":{"title":"Get KLineChart","titles":["🚀 Getting started"]},"114":{"title":"Create the first chart","titles":["🚀 Getting started"]},"115":{"title":"⌨️ Hot Key","titles":[]},"116":{"title":"🌏 Internationalization","titles":[]},"117":{"title":"Adding new language","titles":["🌏 Internationalization"]},"118":{"title":"Use new language","titles":["🌏 Internationalization"]},"119":{"title":"Technical indicator","titles":[]},"120":{"title":"Built-in technical indicators","titles":["Technical indicator"]},"121":{"title":"Custom Technical Indicators","titles":["Technical indicator"]},"122":{"title":"Attribute description","titles":["Technical indicator","Custom Technical Indicators"]},"123":{"title":"Step.1","titles":["Technical indicator","Custom Technical Indicators","Attribute description"]},"124":{"title":"Step.2","titles":["Technical indicator","Custom Technical Indicators","Attribute description"]},"125":{"title":"Instance API","titles":[]},"126":{"title":"getDom(paneId, position)","titles":["Instance API"]},"127":{"title":"getSize(paneId, position)","titles":["Instance API"]},"128":{"title":"setStyles(styles)","titles":["Instance API"]},"129":{"title":"getStyles()","titles":["Instance API"]},"130":{"title":"setPriceVolumePrecision(pricePrecision, volumePrecision)","titles":["Instance API"]},"131":{"title":"setTimezone(timezone)","titles":["Instance API"]},"132":{"title":"getTimezone()","titles":["Instance API"]},"133":{"title":"setZoomEnabled(enabled)","titles":["Instance API"]},"134":{"title":"isZoomEnabled()","titles":["Instance API"]},"135":{"title":"setScrollEnabled(enabled)","titles":["Instance API"]},"136":{"title":"isScrollEnabled()","titles":["Instance API"]},"137":{"title":"setOffsetRightDistance(distance)","titles":["Instance API"]},"138":{"title":"getOffsetRightDistance() v9.2.0+","titles":["Instance API"]},"139":{"title":"setMaxOffsetLeftDistance() v9.7.0+","titles":["Instance API"]},"140":{"title":"setMaxOffsetRightDistance() v9.7.0+","titles":["Instance API"]},"141":{"title":"setLeftMinVisibleBarCount(barCount)","titles":["Instance API"]},"142":{"title":"setRightMinVisibleBarCount(barCount)","titles":["Instance API"]},"143":{"title":"setBarSpace(space)","titles":["Instance API"]},"144":{"title":"getBarSpace()","titles":["Instance API"]},"145":{"title":"getVisibleRange()","titles":["Instance API"]},"146":{"title":"applyNewData(dataList, more, callback)","titles":["Instance API"]},"147":{"title":"applyMoreData(dataList, more, callback)","titles":["Instance API"]},"148":{"title":"updateData(data, callback)","titles":["Instance API"]},"149":{"title":"getDataList()","titles":["Instance API"]},"150":{"title":"clearData()","titles":["Instance API"]},"151":{"title":"loadMore(cb)","titles":["Instance API"]},"152":{"title":"setLoadDataCallback(cb) v9.8.0+","titles":["Instance API"]},"153":{"title":"createIndicator(value, isStack, paneOptions, callback)","titles":["Instance API"]},"154":{"title":"overrideIndicator(override, paneId, callback)","titles":["Instance API"]},"155":{"title":"getIndicatorByPaneId(paneId, name)","titles":["Instance API"]},"156":{"title":"removeIndicator(paneId, name)","titles":["Instance API"]},"157":{"title":"createOverlay(value, paneId)","titles":["Instance API"]},"158":{"title":"getOverlayById(id)","titles":["Instance API"]},"159":{"title":"overrideOverlay(override)","titles":["Instance API"]},"160":{"title":"removeOverlay(remove)","titles":["Instance API"]},"161":{"title":"scrollByDistance(distance, animationDuration)","titles":["Instance API"]},"162":{"title":"scrollToRealTime(animationDuration)","titles":["Instance API"]},"163":{"title":"scrollToDataIndex(dataIndex, animationDuration)","titles":["Instance API"]},"164":{"title":"scrollToTimestamp(timestamp, animationDuration)","titles":["Instance API"]},"165":{"title":"zoomAtCoordinate(scale, coordinate, animationDuration)","titles":["Instance API"]},"166":{"title":"zoomAtDataIndex(scale, dataIndex, animationDuration)","titles":["Instance API"]},"167":{"title":"zoomAtTimestamp(scale, timestamp, animationDuration)","titles":["Instance API"]},"168":{"title":"setPaneOptions(options)","titles":["Instance API"]},"169":{"title":"executeAction(type, data) v9.2.0+","titles":["Instance API"]},"170":{"title":"subscribeAction(type, callback)","titles":["Instance API"]},"171":{"title":"unsubscribeAction(type, callback)","titles":["Instance API"]},"172":{"title":"convertToPixel(value, finder)","titles":["Instance API"]},"173":{"title":"convertFromPixel(coordinate, finder)","titles":["Instance API"]},"174":{"title":"getConvertPictureUrl(includeOverlay, type, backgroundColor)","titles":["Instance API"]},"175":{"title":"resize()","titles":["Instance API"]},"176":{"title":"Overlay","titles":[]},"177":{"title":"Built-in overlay types","titles":["Overlay"]},"178":{"title":"Custom overlays","titles":["Overlay"]},"179":{"title":"Attribute description","titles":["Overlay","Custom overlays"]},"180":{"title":"Example","titles":["Overlay","Custom overlays"]},"181":{"title":"🎨 Style","titles":[]},"182":{"title":"Picture explanation","titles":["🎨 Style"]},"183":{"title":"Default full configuration","titles":["🎨 Style"]},"184":{"title":"🛠️ From V8 to V9","titles":[]},"185":{"title":"Import adjustment","titles":["🛠️ From V8 to V9"]},"186":{"title":"Design adjustment","titles":["🛠️ From V8 to V9"]},"187":{"title":"Style configuration adjustment","titles":["🛠️ From V8 to V9"]},"188":{"title":"API adjustment","titles":["🛠️ From V8 to V9"]},"189":{"title":"Chart API","titles":["🛠️ From V8 to V9","API adjustment"]},"190":{"title":"Instance API","titles":["🛠️ From V8 to V9","API adjustment"]},"191":{"title":"Shape help API","titles":["🛠️ From V8 to V9","API adjustment"]},"192":{"title":"Customized technical indicator adjustment","titles":["🛠️ From V8 to V9"]},"193":{"title":"📃 Introducation","titles":[]},"194":{"title":"What\'s KLineChart?","titles":["📃 Introducation"]},"195":{"title":"Features","titles":["📃 Introducation"]},"196":{"title":"Axis","titles":[]},"197":{"title":"Basic","titles":[]},"198":{"title":"Candle Type","titles":[]},"199":{"title":"Data","titles":[]},"200":{"title":"I18n","titles":[]},"201":{"title":"Indicator","titles":[]},"202":{"title":"Overlay","titles":[]},"203":{"title":"Theme","titles":[]},"204":{"title":"Timezone","titles":[]},"205":{"title":"Tooltip","titles":[]},"206":{"title":"❤️ Sponsor","titles":[]},"207":{"title":"Sponsor Channels","titles":["❤️ Sponsor"]},"208":{"title":"Alipay","titles":["❤️ Sponsor","Sponsor Channels"]},"209":{"title":"Wechat Pay","titles":["❤️ Sponsor","Sponsor Channels"]},"210":{"title":"Cryptocurrency","titles":["❤️ Sponsor","Sponsor Channels"]}},"dirtCount":0,"index":[["$800",{"2":{"206":1}}],["☕️",{"2":{"206":1}}],["❤️",{"0":{"206":1},"1":{"207":1,"208":1,"209":1,"210":1}}],["指标信息提示",{"2":{"205":1}}],["基础信息提示",{"2":{"205":1}}],["矩形框",{"2":{"205":1}}],["默认",{"2":{"205":1}}],["不显示",{"2":{"205":1}}],["跟随十字光标",{"2":{"205":1}}],["总是显示",{"2":{"205":1}}],["芝加哥",{"2":{"204":1}}],["柏林",{"2":{"204":1}}],["上海",{"2":{"204":1}}],["红涨绿跌",{"2":{"203":1}}],["绿涨红跌",{"2":{"203":1}}],["深色",{"2":{"203":1}}],["浅色",{"2":{"203":1}}],["自定义",{"2":{"202":1}}],["圆",{"2":{"202":1}}],["内置",{"2":{"202":1}}],["内部",{"2":{"196":1}}],["价格线",{"2":{"202":1}}],["副图指标",{"2":{"201":1}}],["主图指标",{"2":{"201":1}}],["🥑",{"2":{"201":1}}],["🥭",{"2":{"201":1}}],["🥝",{"2":{"201":1}}],["🥥",{"2":{"201":1}}],["繁体中文",{"2":{"200":1}}],["简体中文",{"2":{"200":1}}],["面积图",{"2":{"198":1}}],["跌空心",{"2":{"198":1}}],["涨空心",{"2":{"198":1}}],["全空心",{"2":{"198":1}}],["全实心",{"2":{"198":1}}],["反向",{"2":{"196":1}}],["正向",{"2":{"196":1}}],["对数轴",{"2":{"196":1}}],["百分比轴",{"2":{"196":1}}],["线性轴",{"2":{"196":1}}],["外部",{"2":{"196":1}}],["左侧",{"2":{"196":1}}],["右侧",{"2":{"196":1}}],["在实际项目中根据情况进行调整",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["以下仅仅是为了协助代码演示",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["漲幅",{"2":{"117":1}}],["成交額",{"2":{"117":1}}],["成交量",{"2":{"117":1,"200":1}}],["收",{"2":{"117":1,"200":1}}],["低",{"2":{"117":1,"200":1}}],["高",{"2":{"117":1,"200":1}}],["開",{"2":{"117":1,"200":1}}],["時間",{"2":{"117":1,"200":1}}],["←",{"2":{"115":1}}],["→",{"2":{"115":1}}],["⌨️",{"0":{"115":1}}],["quantity",{"2":{"179":1}}],["quick",{"2":{"114":2}}],["qq",{"0":{"97":1}}],["j++",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["jpeg",{"2":{"174":2}}],["j",{"2":{"124":6,"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["jsimport",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["jsximport",{"2":{"114":3}}],["js",{"2":{"113":1,"114":2}}],["jsdelivr",{"2":{"113":1,"114":1}}],["javascripthtml",{"2":{"197":1,"199":1}}],["javascripthtmlindex",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["javascript",{"2":{"99":1,"111":1,"113":1,"114":1,"123":1,"124":1,"179":1,"180":1,"183":1}}],["javascriptchart",{"2":{"85":1,"153":1,"154":1,"157":1,"159":1,"168":1}}],["join",{"2":{"96":1}}],["🌟",{"2":{"206":1}}],["🍍",{"2":{"201":1}}],["🍑",{"2":{"201":1}}],["🍒",{"2":{"201":1}}],["🍈",{"2":{"201":1}}],["🍓",{"2":{"201":1}}],["🍇",{"2":{"201":1}}],["🍉",{"2":{"201":1}}],["🍌",{"2":{"201":1}}],["🍋",{"2":{"201":1}}],["🍊",{"2":{"201":1}}],["🍐",{"2":{"201":1}}],["🍎",{"2":{"201":1}}],["🍏",{"2":{"201":2}}],["🎨",{"0":{"181":1},"1":{"182":1,"183":1},"2":{"195":1}}],["🌏",{"0":{"116":1},"1":{"117":1,"118":1}}],["🏝️",{"0":{"89":1},"1":{"90":1,"91":1}}],["🆕",{"2":{"1":4,"3":2,"4":3,"8":2,"9":2,"10":3,"11":3,"14":5,"18":2,"20":1}}],["`performeventmovefordrawing`",{"2":{"179":1}}],["`createpointfigures`",{"2":{"179":2}}],["`weak",{"2":{"179":1}}],["`normal`",{"2":{"179":1}}],["`ma$",{"2":{"124":2}}],["`strong",{"2":{"179":1}}],["`stroke",{"2":{"102":1,"103":1,"104":1,"105":1}}],["`stroke`",{"2":{"102":1,"103":1,"104":1,"105":1}}],["`solid`",{"2":{"101":1,"103":1}}],["`fill`",{"2":{"102":1,"103":1,"104":1,"105":1}}],["`dashed`",{"2":{"101":1,"103":1}}],["`",{"2":{"78":3,"79":1,"80":1,"114":1,"124":2}}],["`$",{"2":{"78":3,"79":1,"80":1}}],["+=",{"2":{"196":1,"197":1,"198":1,"199":3,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["+098syuqtzi0ynzll",{"2":{"94":1}}],["+",{"2":{"59":1,"111":5,"115":5,"124":2,"180":1,"196":9,"197":9,"198":9,"199":9,"200":9,"201":11,"202":10,"203":9,"204":9,"205":9}}],["===",{"2":{"111":5,"180":1,"202":1,"203":2}}],["=",{"2":{"52":1,"59":1,"99":1,"111":14,"114":8,"124":6,"146":1,"148":1,"180":3,"196":31,"197":16,"198":22,"199":22,"200":22,"201":39,"202":25,"203":28,"204":22,"205":35}}],["=>",{"2":{"27":3,"28":1,"29":1,"30":1,"31":1,"32":1,"33":3,"34":1,"35":1,"36":9,"37":1,"38":20,"39":1,"40":2,"41":2,"42":1,"44":1,"45":1,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":1,"59":1,"60":1,"61":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"76":1,"101":1,"102":1,"103":2,"104":1,"105":1,"108":2,"111":2,"114":13,"122":6,"124":5,"126":1,"127":1,"128":1,"129":1,"130":1,"131":1,"132":1,"133":1,"134":1,"135":1,"136":1,"137":1,"138":1,"139":1,"140":1,"141":1,"142":1,"143":1,"144":1,"145":1,"146":2,"147":2,"148":2,"149":1,"150":1,"151":2,"152":3,"153":9,"154":12,"155":1,"156":1,"157":29,"158":1,"159":15,"160":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"168":1,"169":2,"170":2,"171":2,"172":1,"173":1,"174":1,"175":1,"179":17,"180":1,"196":8,"198":2,"199":3,"200":2,"201":7,"202":3,"203":2,"204":2,"205":8}}],["kinecharts",{"2":{"184":1}}],["kdj",{"2":{"120":1}}],["kb",{"0":{"61":1},"2":{"61":1}}],["kx",{"2":{"59":1}}],["k",{"2":{"59":1,"122":2,"146":1,"147":1,"148":1,"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":2,"203":4,"204":2,"205":2}}],["klinechart",{"0":{"113":1,"194":1},"2":{"93":2,"96":1,"113":1,"194":1,"206":2}}],["klinecharts",{"2":{"14":2,"27":1,"98":1,"99":1,"107":1,"113":4,"114":8,"117":1,"121":1,"178":1,"179":1,"184":1,"185":3,"191":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1,"206":1}}],["klinedata>",{"2":{"152":1}}],["klinedatalist",{"2":{"122":2,"124":4,"192":4,"201":2}}],["klinedata",{"2":{"36":1,"122":11,"124":2,"152":1,"153":1,"154":1,"201":2}}],["keywords",{"2":{"114":1}}],["key",{"0":{"52":1,"115":1},"2":{"36":2,"38":6,"52":1,"117":1,"118":1,"122":1,"123":2,"124":5,"153":2,"154":2,"179":2,"180":1,"183":1,"196":17,"198":8,"200":5,"201":1,"202":5,"203":6,"204":5,"205":13}}],[">=",{"2":{"124":1}}],[">`",{"2":{"114":1}}],[">",{"2":{"27":1,"36":4,"38":4,"40":1,"41":1,"64":1,"65":1,"70":1,"71":1,"76":2,"103":2,"113":1,"114":13,"122":2,"146":1,"147":1,"149":1,"153":4,"154":4,"157":3,"159":1,"172":2,"173":1,"179":4,"196":2,"197":1,"198":2,"199":1,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["||",{"2":{"111":2,"124":1}}],["|",{"2":{"27":7,"28":2,"36":5,"38":17,"40":1,"41":1,"53":1,"54":1,"56":1,"57":1,"58":1,"67":10,"68":1,"69":4,"70":1,"71":4,"72":4,"73":13,"76":2,"101":1,"102":3,"103":4,"104":3,"105":5,"122":5,"126":2,"127":2,"128":1,"151":1,"152":1,"153":17,"154":14,"157":8,"159":3,"160":1,"170":7,"171":7,"172":2,"173":2,"179":9,"183":54}}],["hu",{"2":{"206":1}}],["hide",{"2":{"205":1}}],["historical",{"2":{"146":1,"147":2}}],["hint",{"2":{"122":1}}],["highly",{"2":{"194":1,"195":1}}],["highest",{"2":{"81":1}}],["high",{"2":{"29":1,"81":1,"104":1,"114":70,"117":1,"122":2,"146":1,"147":1,"148":1,"149":1,"179":1,"183":1,"196":3,"197":3,"198":3,"199":5,"200":4,"201":3,"202":3,"203":3,"204":3,"205":3}}],["hk",{"2":{"117":1,"200":2}}],["https",{"2":{"93":2,"94":1,"95":1,"113":1,"114":1,"179":1,"206":1}}],["htmlid",{"2":{"190":1}}],["html>",{"2":{"114":2}}],["html",{"2":{"113":1,"114":2,"190":1}}],["html5",{"2":{"90":1}}],["htmlelement",{"2":{"27":1,"28":1,"126":1,"128":1}}],["homepage",{"2":{"206":3}}],["hope",{"2":{"206":1}}],["hoped",{"2":{"124":1}}],["hold",{"2":{"179":3}}],["hot",{"0":{"115":1}}],["hooks",{"2":{"114":1}}],["how",{"0":{"85":1,"86":1,"88":1},"2":{"98":1,"119":1,"176":1,"179":1,"180":1}}],["horizontalstraightline",{"2":{"177":1}}],["horizontalsegment",{"2":{"177":1}}],["horizontalrayline",{"2":{"177":1}}],["horizontal",{"2":{"20":1,"67":1,"73":1,"183":2}}],["hh",{"2":{"55":1}}],["help",{"0":{"191":1},"2":{"184":1}}],["helper",{"2":{"43":1}}],["helvetica",{"2":{"183":12,"201":1}}],["head>",{"2":{"114":2}}],["here",{"2":{"78":3,"79":1,"80":1,"124":2,"150":1}}],["height",{"2":{"20":2,"27":1,"66":3,"72":3,"73":3,"76":1,"83":1,"104":1,"105":2,"110":3,"111":8,"114":7,"122":2,"127":1,"153":6,"168":6,"179":1,"187":2,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["halfgapbar",{"2":{"122":1,"179":1}}],["halfbar",{"2":{"122":1,"179":1}}],["handle",{"2":{"179":2,"195":1}}],["handling",{"2":{"18":1,"38":1}}],["hanging",{"2":{"67":1,"73":1}}],["has",{"2":{"20":1,"83":1,"88":1,"110":2,"116":1,"122":1,"146":1,"147":1,"148":1,"151":1,"180":1}}],["have",{"2":{"11":1,"29":1,"109":1,"159":1}}],["zero",{"2":{"195":2}}],["z",{"2":{"122":1,"154":1}}],["zone",{"2":{"27":2,"131":4,"132":1}}],["zoomattimestamp",{"0":{"167":1}}],["zoomatdataindex",{"0":{"166":1}}],["zoomatcoordinate",{"0":{"165":1}}],["zooming",{"2":{"115":1}}],["zoom",{"2":{"20":1,"115":2,"153":1,"165":1,"168":1}}],["zh",{"2":{"27":1,"29":1,"116":1,"117":1,"200":3}}],["zlevel",{"2":{"3":2,"10":1,"38":2,"122":1,"153":1,"154":3,"157":3,"159":3,"179":1}}],["yarn",{"2":{"113":1}}],["yaxis",{"2":{"20":6,"36":4,"122":6,"126":2,"127":2,"179":2,"183":1,"187":6,"190":1,"192":4,"196":4,"201":2}}],["ydis",{"2":{"111":2,"180":3,"202":3}}],["your",{"2":{"114":1}}],["you",{"0":{"86":1},"2":{"77":1,"81":2,"86":1,"98":1,"107":1,"110":1,"113":1,"116":2,"117":1,"118":1,"121":1,"122":4,"179":4,"181":2,"184":2,"195":1,"206":3}}],["yyyy",{"2":{"55":1}}],["y",{"2":{"15":1,"20":1,"38":2,"41":1,"59":3,"60":4,"61":2,"62":4,"63":4,"64":2,"65":2,"66":4,"67":4,"68":3,"69":3,"70":1,"71":1,"72":3,"73":3,"78":1,"79":1,"80":1,"101":2,"102":2,"103":2,"104":2,"105":2,"108":1,"110":3,"111":12,"122":2,"159":1,"165":1,"172":4,"173":3,"179":7,"180":2,"201":2,"202":2}}],["gzip",{"2":{"195":1}}],["global",{"2":{"179":2}}],["globally",{"2":{"107":1,"121":1,"122":3,"178":1}}],["gt",{"2":{"146":1,"148":1}}],["given",{"2":{"122":1}}],["github",{"0":{"93":1},"2":{"21":1,"22":1,"23":1,"24":1,"25":1,"93":2,"206":1}}],["green",{"2":{"203":15}}],["grid",{"2":{"183":1}}],["groupid",{"2":{"157":3,"159":3,"160":2}}],["group",{"0":{"96":1,"97":1},"2":{"96":1,"159":1,"160":1}}],["graph",{"2":{"33":1,"34":2,"35":1,"108":2,"122":3}}],["graphics",{"2":{"36":2,"108":1,"122":1,"154":2,"160":1,"179":6,"180":1}}],["graphic",{"2":{"11":1,"122":2,"179":3,"180":1}}],["gg",{"2":{"95":1}}],["good",{"2":{"206":1}}],["go",{"2":{"21":1,"22":1,"23":1,"24":1,"25":1}}],["gapbar",{"2":{"122":1,"179":1,"201":1}}],["gaps",{"2":{"122":1,"179":1}}],["gap",{"2":{"20":1,"27":1,"137":1,"138":1,"139":1,"140":1,"153":3,"168":3,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["gendata",{"2":{"196":2,"197":2,"198":2,"199":4,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["generally",{"2":{"122":1,"150":1}}],["generated",{"2":{"180":1}}],["generate",{"2":{"107":1,"121":1}}],["generation",{"2":{"11":1}}],["getelementbyid",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":3,"204":1,"205":1}}],["getconvertpictureurl",{"0":{"174":1}}],["getdatalist",{"0":{"149":1},"2":{"199":1}}],["getdom",{"0":{"126":1},"2":{"190":3}}],["getbarspace",{"0":{"144":1}}],["gettime",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["gettimezone",{"0":{"132":1}}],["getting",{"0":{"112":1},"1":{"113":1,"114":1}}],["gettechnicalindicatortemplate",{"2":{"20":1}}],["gettechnicalindicatorbypaneid",{"2":{"20":1,"190":2}}],["getlinearyfromslopeintercept",{"0":{"61":1}}],["getlinearyfromcoordinates",{"0":{"60":1}}],["getlinearslopeintercept",{"0":{"59":1}}],["getlocal",{"2":{"20":1}}],["get",{"0":{"113":1},"2":{"27":1,"30":1,"31":1,"34":1,"35":1,"37":1,"39":1,"42":1,"52":1,"59":1,"60":1,"61":1,"99":1,"113":1,"122":1,"126":1,"127":1,"129":1,"131":1,"132":1,"138":1,"145":1,"149":1,"158":1,"174":1,"195":1}}],["getheight",{"2":{"20":1,"190":1}}],["getwidth",{"2":{"20":1,"190":1}}],["getindicatorbypaneid",{"0":{"155":1},"2":{"20":1,"190":1}}],["getvisiblerange",{"0":{"145":1},"2":{"20":1}}],["gets",{"2":{"144":1}}],["getstyles",{"0":{"129":1},"2":{"20":1,"190":1}}],["getstyleoptions",{"2":{"20":1,"190":1}}],["getsize",{"0":{"127":1},"2":{"20":2,"190":1}}],["getsupportedoverlays",{"0":{"39":1}}],["getsupportedindicators",{"0":{"37":1}}],["getsupportedfigures",{"0":{"34":1}}],["getsupportedlocales",{"0":{"31":1}}],["getsupportlocales",{"2":{"20":1}}],["getsupportoverlays",{"2":{"20":1}}],["getsupportfigures",{"2":{"20":1,"179":1}}],["getfigureclass",{"0":{"35":1},"2":{"20":1,"98":1,"99":1}}],["getoverlaybyid",{"0":{"158":1},"2":{"20":1}}],["getoverlayclass",{"0":{"30":1},"2":{"8":1}}],["getoffsetrightdistance",{"0":{"138":1},"2":{"14":1}}],["ue900",{"2":{"183":2}}],["url",{"2":{"174":1}}],["utf",{"2":{"114":1}}],["utils",{"0":{"43":1,"44":1,"45":1,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":1,"59":1,"60":1,"61":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"74":1},"1":{"44":1,"45":1,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":1,"59":1,"60":1,"61":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"74":1},"2":{"4":2,"11":1,"14":2,"74":2,"191":1}}],["umd",{"2":{"113":1,"114":1}}],["usdt",{"2":{"210":3}}],["using",{"0":{"78":1,"79":1,"80":1}}],["usage",{"0":{"77":1},"1":{"78":1,"79":1,"80":1}}],["us",{"2":{"27":1,"29":1,"116":2,"179":1,"200":1}}],["useeffect",{"2":{"114":4}}],["used",{"2":{"78":2,"79":1,"80":1,"88":1,"99":1,"122":3,"152":1,"179":2,"180":2}}],["uses",{"2":{"78":3,"79":1,"80":1}}],["use",{"0":{"99":1,"118":1},"2":{"20":6,"74":1,"77":2,"90":1,"106":1,"107":1,"116":1,"121":1,"146":1,"148":1,"151":1,"178":1,"180":1,"185":1,"187":1,"189":1,"190":3,"206":2}}],["uniformly",{"2":{"185":1}}],["unique",{"2":{"33":1,"36":1,"38":1,"108":1,"154":1,"159":1,"179":1}}],["unsubscribe",{"2":{"171":1}}],["unsubscribeaction",{"0":{"171":1},"2":{"18":1,"190":1}}],["under",{"2":{"9":1,"195":1,"206":1}}],["upgrade",{"2":{"184":3}}],["upcolor",{"2":{"154":2,"183":5,"203":10}}],["up",{"2":{"122":1,"183":1,"198":2}}],["update",{"2":{"148":1}}],["updates",{"2":{"17":1}}],["updatedata",{"0":{"148":1},"2":{"14":1,"81":1,"199":4}}],["upwickcolor",{"2":{"14":1,"183":1,"203":2}}],["upbordercolor",{"2":{"14":1,"183":1,"203":2}}],["n",{"2":{"183":2}}],["ngondestroy",{"2":{"114":1}}],["ngafterviewinit",{"2":{"114":1}}],["npmyarncdn",{"2":{"113":1}}],["npm",{"2":{"113":2,"114":1}}],["neue",{"2":{"183":12,"201":1}}],["necessary",{"2":{"150":1,"179":5,"206":1}}],["next",{"2":{"122":2}}],["net",{"2":{"113":1,"114":1}}],["nesting",{"2":{"52":1}}],["needed",{"2":{"179":1}}],["need",{"2":{"81":2,"98":1,"107":1,"116":1,"121":1,"122":4,"146":1,"154":1,"159":1,"179":4}}],["needdefaultyaxisfigure",{"2":{"38":2,"157":3,"159":3,"179":1,"202":1}}],["needdefaultxaxisfigure",{"2":{"38":2,"157":3,"159":3,"179":1,"202":1}}],["needdefaultpointfigure",{"2":{"38":2,"157":3,"159":3,"179":1,"202":1}}],["needs",{"2":{"36":1,"38":3,"90":2,"99":1,"123":1,"124":3,"154":1,"159":3,"173":1,"174":1,"179":1,"183":1}}],["newdata",{"2":{"199":10}}],["new",{"0":{"117":1,"118":1},"2":{"20":4,"99":1,"117":1,"118":1,"146":1,"153":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["null",{"2":{"122":4,"151":1,"153":2,"154":3,"157":1,"159":1,"183":1}}],["nullable",{"2":{"30":1,"152":1}}],["number>",{"2":{"61":1,"69":1,"71":1,"72":1}}],["numbers",{"2":{"27":1,"36":1,"54":1,"154":1}}],["number",{"2":{"27":8,"36":5,"38":6,"40":2,"41":2,"42":1,"47":1,"53":2,"54":1,"55":1,"56":1,"57":2,"58":3,"59":4,"60":7,"61":3,"62":7,"63":5,"64":4,"65":4,"66":6,"67":6,"68":7,"69":4,"70":4,"71":3,"72":6,"73":13,"76":16,"81":7,"101":7,"102":5,"103":8,"104":7,"105":13,"108":2,"122":30,"124":2,"127":6,"130":2,"137":1,"138":1,"139":1,"140":1,"141":2,"142":2,"143":1,"144":1,"145":4,"146":7,"147":7,"148":7,"149":7,"151":1,"153":10,"154":6,"157":10,"159":5,"161":2,"162":2,"163":2,"164":2,"165":4,"166":3,"167":3,"168":4,"172":10,"173":10,"179":29}}],["name=",{"2":{"114":4}}],["namely",{"2":{"59":1,"123":2}}],["name",{"0":{"32":1,"35":1,"155":1,"156":1},"2":{"27":3,"29":1,"30":2,"32":3,"33":3,"35":3,"36":5,"38":3,"40":3,"41":3,"76":2,"77":2,"78":4,"79":2,"80":2,"88":1,"98":1,"99":3,"108":2,"111":1,"120":3,"122":7,"124":1,"128":1,"131":1,"132":1,"153":6,"154":6,"155":3,"156":3,"157":4,"159":4,"160":3,"168":4,"179":2,"180":2,"190":5,"192":1,"201":11,"202":3}}],["naming",{"2":{"9":1}}],["none",{"2":{"120":2,"183":2,"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":3}}],["non",{"2":{"81":1}}],["normal",{"2":{"36":2,"38":2,"122":2,"153":1,"154":2,"157":2,"159":2,"179":2,"183":14,"196":1}}],["no",{"0":{"84":1},"2":{"15":1,"20":1,"28":1,"122":1,"124":1,"146":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"179":1,"185":1}}],["nochangecolor",{"2":{"154":2,"183":5,"203":4}}],["nochangewickcolor",{"2":{"14":1,"183":1}}],["nochangebordercolor",{"2":{"14":1,"183":1}}],["node",{"2":{"2":1}}],["note",{"2":{"96":1,"99":1,"124":1,"146":1,"147":1,"148":1,"151":1,"175":1}}],["notes",{"2":{"24":1,"25":1}}],["not",{"0":{"86":1},"2":{"2":1,"5":1,"15":2,"27":1,"36":1,"38":1,"122":3,"124":1,"131":1,"150":2,"154":1,"159":1,"179":14}}],["↩️",{"2":{"8":1}}],["3dsxsbtbmwxumaaqmysvpgedbp9rghpnfq",{"2":{"210":1}}],["30",{"2":{"114":7,"120":3,"153":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["35",{"2":{"114":7,"183":2}}],["31",{"2":{"114":7}}],["34",{"2":{"114":7,"120":1}}],["33",{"2":{"114":7,"183":6}}],["3",{"0":{"6":1,"11":1,"15":1,"58":1},"2":{"120":3,"153":1,"168":2,"180":1,"183":3,"196":3,"197":3,"198":3,"199":3,"200":3,"201":3,"202":4,"203":3,"204":3,"205":3}}],["would",{"2":{"206":1}}],["works",{"2":{"172":1,"173":1}}],["wrap",{"2":{"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["wr",{"2":{"120":1}}],["want",{"0":{"86":1,"87":1,"88":1},"2":{"183":1}}],["while",{"2":{"130":1}}],["which",{"2":{"75":1,"88":1,"122":1,"128":1,"153":1,"179":7,"180":1}}],["what",{"0":{"84":1,"86":1,"87":1,"194":1}}],["where",{"2":{"122":1,"179":1}}],["whether",{"2":{"62":1,"63":1,"65":1,"66":1,"108":1,"133":1,"134":1,"135":1,"136":1,"146":1,"147":1,"153":1,"168":1,"179":2,"181":1}}],["when",{"2":{"5":1,"15":2,"38":1,"78":2,"79":1,"80":1,"99":1,"122":1,"124":2,"128":1,"153":2,"155":1,"156":1,"157":1,"159":1,"171":1,"179":1,"183":1}}],["website",{"2":{"206":1}}],["web",{"2":{"179":1}}],["webview",{"2":{"90":1}}],["we",{"2":{"110":1}}],["wechat",{"0":{"96":1,"209":1}}],["weight",{"0":{"58":1},"2":{"58":1,"67":3,"73":3,"105":1,"183":10}}],["weak",{"2":{"38":3,"157":3,"159":4,"179":3}}],["well",{"2":{"15":1}}],["window",{"2":{"114":1,"122":3,"126":1,"127":1,"153":8,"154":2,"155":4,"156":3,"157":2,"168":7,"172":1,"173":1,"179":1}}],["will",{"2":{"27":1,"28":1,"74":1,"106":1,"122":5,"130":1,"131":1,"146":1,"148":3,"150":1,"155":1,"156":1,"159":1,"172":1,"175":2,"179":1,"184":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1,"206":2}}],["width=device",{"2":{"114":1}}],["width",{"2":{"11":1,"58":1,"66":3,"72":3,"73":3,"76":1,"104":2,"105":2,"110":3,"111":8,"114":8,"122":4,"127":1,"143":1,"144":1,"179":2}}],["with",{"2":{"3":1,"81":2,"88":1,"109":1,"122":3,"124":3,"153":1,"157":1,"175":1,"179":4,"195":1,"206":1}}],["2px",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["2196f3",{"2":{"183":2}}],["26",{"2":{"120":3}}],["26a69a",{"2":{"13":1,"154":2}}],["28",{"2":{"114":21}}],["2000",{"2":{"199":1}}],["20",{"2":{"114":21,"120":6,"154":1,"199":1}}],["204",{"2":{"114":7}}],["2023",{"2":{"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1}}],["2024",{"2":{"1":2}}],["230",{"2":{"183":3}}],["23",{"2":{"18":1}}],["249",{"2":{"183":3,"203":1}}],["243",{"2":{"183":6}}],["2432435",{"2":{"154":1}}],["24",{"2":{"14":1,"120":4}}],["2dc08e",{"2":{"13":1,"183":4,"203":1}}],["27",{"2":{"13":1}}],["255",{"2":{"183":4}}],["25",{"2":{"10":1,"183":2}}],["2",{"0":{"7":1,"12":2,"13":1,"14":1,"16":1,"111":1,"124":1,"138":1,"169":1},"2":{"111":11,"120":3,"123":1,"146":1,"147":1,"148":1,"153":1,"154":6,"157":3,"159":3,"168":1,"180":1,"183":52,"196":4,"197":4,"198":4,"199":4,"200":4,"201":4,"202":5,"203":12,"204":4,"205":4}}],["22px",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["22",{"2":{"5":1,"183":4}}],["4px",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["430px",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["45",{"2":{"183":3,"203":1}}],["40k",{"2":{"195":1}}],["40",{"2":{"120":1,"183":3,"203":1}}],["42",{"2":{"114":7}}],["4986",{"2":{"114":7}}],["4980",{"2":{"114":7}}],["4988",{"2":{"114":7}}],["4985",{"2":{"114":7}}],["4981",{"2":{"114":14}}],["4964",{"2":{"114":21}}],["4961",{"2":{"114":35}}],["4963",{"2":{"114":7}}],["4962",{"2":{"114":7}}],["4968",{"2":{"114":14}}],["4966",{"2":{"114":14}}],["4975",{"2":{"114":7}}],["4974",{"2":{"114":7}}],["4973",{"2":{"114":14}}],["4971",{"2":{"114":7}}],["4979",{"2":{"114":21}}],["4972",{"2":{"114":21}}],["4970",{"2":{"114":7}}],["4977",{"2":{"114":42}}],["4976",{"2":{"114":14}}],["4",{"0":{"5":1,"10":1,"25":1},"2":{"25":1,"122":1,"154":1,"183":31,"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["5000",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["50",{"2":{"120":1}}],["55",{"2":{"114":7}}],["56",{"2":{"114":7}}],["53",{"2":{"114":14}}],["5",{"0":{"5":1,"6":1,"7":1,"8":1,"9":1,"24":1},"2":{"24":1,"38":2,"120":3,"123":2,"124":1,"154":2,"159":2,"183":4}}],["px",{"2":{"201":1}}],["purpose",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["push",{"2":{"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["png",{"2":{"174":1}}],["picture",{"0":{"182":1},"2":{"153":1,"154":1,"155":1,"156":1,"157":1,"168":1}}],["piece",{"2":{"148":1,"151":1}}],["pixel",{"2":{"11":1}}],["p",{"2":{"124":2}}],["personal",{"2":{"206":1}}],["performpoint",{"2":{"179":1}}],["performpointindex",{"2":{"179":1}}],["performance",{"2":{"175":1}}],["performeventmovefordrawing",{"2":{"38":2,"179":1}}],["performeventpressedmove",{"2":{"38":2,"179":1}}],["percentage",{"2":{"153":2,"168":2,"183":1,"196":2}}],["periods",{"2":{"123":1}}],["pvt",{"2":{"120":1}}],["psy",{"2":{"120":1}}],["powerful",{"2":{"195":1}}],["possible",{"2":{"135":1,"136":1}}],["positions",{"2":{"196":2}}],["position",{"0":{"126":1,"127":1},"2":{"4":1,"14":1,"27":1,"78":1,"126":2,"127":3,"153":2,"162":1,"166":1,"183":4,"190":5,"196":2}}],["polyfill",{"0":{"91":1}}],["polygon",{"0":{"65":1,"71":1},"2":{"65":2,"71":4,"100":1,"103":1,"183":1}}],["pointer",{"2":{"183":1}}],["point",{"0":{"88":1},"2":{"38":2,"60":1,"61":1,"62":2,"63":2,"64":1,"65":1,"66":4,"67":4,"72":2,"73":2,"104":2,"105":2,"110":2,"122":1,"159":2,"165":2,"179":5,"180":2,"181":1,"183":1}}],["points",{"2":{"38":3,"59":2,"60":1,"157":3,"159":3,"179":5,"190":1}}],["plugin",{"2":{"206":1}}],["please",{"2":{"27":1,"74":1,"90":1,"106":1,"128":1,"131":1,"146":1,"147":1,"148":1,"149":1,"175":1,"184":1,"185":1,"186":1,"187":1,"189":1,"190":3,"206":1}}],["plots",{"2":{"20":1,"192":1}}],["prev",{"2":{"122":1}}],["previous",{"2":{"122":1,"184":1}}],["prevent",{"2":{"38":1,"159":1}}],["preact",{"2":{"114":1}}],["press",{"2":{"38":4,"159":3,"179":2}}],["precision",{"2":{"36":3,"53":2,"84":2,"122":2,"130":3,"153":1,"154":4,"179":4}}],["project",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["provide",{"2":{"195":1,"206":1}}],["professional",{"2":{"194":1}}],["process",{"2":{"179":2}}],["processing",{"2":{"38":1}}],["prompt",{"2":{"124":1}}],["promise",{"2":{"36":1,"122":2,"153":1,"154":1}}],["properties",{"2":{"108":2,"179":1}}],["property",{"2":{"9":1}}],["prices",{"2":{"196":7,"197":7,"198":7,"199":7,"200":7,"201":7,"202":7,"203":7,"204":7,"205":7}}],["pricechannelline",{"2":{"177":1}}],["priceline",{"2":{"177":1,"202":1}}],["priceprecision",{"0":{"130":1},"2":{"84":1,"130":2}}],["pricemark",{"2":{"20":1,"183":1,"203":2}}],["price",{"2":{"5":1,"36":2,"81":4,"84":1,"122":1,"123":1,"130":3,"153":1,"154":3,"179":2,"202":1}}],["pay",{"0":{"209":1}}],["payment",{"2":{"206":1}}],["parallellfilineline",{"2":{"177":1}}],["param",{"2":{"124":4}}],["params",{"0":{"76":1},"2":{"36":2,"38":5,"40":1,"41":1,"76":1,"120":3,"122":2,"124":2,"152":3,"153":2,"154":2,"179":1,"192":2}}],["parameters",{"2":{"15":1,"27":1,"36":1,"102":1,"104":1,"122":1,"123":2,"124":3,"154":2,"157":1,"159":1,"179":3}}],["parameter",{"2":{"4":2,"15":1,"62":1,"63":1,"66":1,"67":1,"68":2,"69":2,"70":2,"71":2,"72":2,"73":2,"77":2,"101":1,"103":2,"105":1,"122":3,"124":2,"153":1,"190":3}}],["participates",{"2":{"179":2}}],["part",{"2":{"98":1}}],["padding",{"2":{"73":4,"105":4,"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["paddingright",{"2":{"73":2,"105":1,"183":9}}],["paddingbottom",{"2":{"20":2,"73":2,"105":1,"183":9,"187":2}}],["paddingtop",{"2":{"20":2,"73":2,"105":1,"183":9,"187":2}}],["paddingleft",{"2":{"5":1,"73":2,"105":1,"183":9,"201":1}}],["paneid",{"0":{"126":1,"127":1,"154":1,"155":1,"156":1,"157":1},"2":{"10":1,"88":1,"122":1,"126":2,"127":2,"154":2,"155":2,"156":2,"157":2,"172":2,"173":2,"190":19}}],["pane",{"2":{"9":1,"80":1,"153":3,"154":2,"155":1,"156":1,"157":1,"168":2,"201":1,"205":1}}],["paneoptions",{"0":{"153":1},"2":{"4":2,"77":3,"153":2,"190":2}}],["package",{"2":{"2":1,"113":1}}],["v2",{"2":{"206":1}}],["v8",{"0":{"184":1},"1":{"185":1,"186":1,"187":1,"188":1,"189":1,"190":1,"191":1,"192":1}}],["vr",{"2":{"120":1}}],["var",{"2":{"114":1}}],["valid",{"2":{"38":1,"48":1,"153":1,"159":1,"179":1}}],["values",{"2":{"36":1,"122":2,"153":1,"154":1,"172":1,"173":1,"179":3,"187":1,"192":1}}],["value",{"0":{"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"52":1,"53":1,"54":1,"56":1,"57":1,"153":1,"157":1,"172":1},"2":{"4":1,"11":1,"27":2,"36":3,"38":1,"40":1,"41":1,"46":2,"47":2,"48":2,"49":2,"50":2,"51":3,"52":3,"53":1,"54":1,"56":1,"57":1,"60":1,"61":1,"62":2,"63":2,"66":2,"67":2,"68":3,"69":3,"70":1,"71":1,"72":3,"73":3,"76":2,"77":1,"101":2,"102":2,"104":3,"105":3,"108":1,"110":3,"122":8,"123":2,"124":4,"153":6,"154":3,"157":6,"159":3,"168":2,"172":7,"173":2,"179":7,"183":8,"190":5,"192":3}}],["vue",{"2":{"114":2}}],["v10",{"2":{"74":1,"106":1}}],["vol",{"2":{"120":1,"201":1,"203":1,"205":1}}],["volumeprecision",{"0":{"130":1},"2":{"84":1,"130":2}}],["volume",{"2":{"29":1,"36":2,"81":2,"114":70,"117":1,"122":1,"130":3,"146":1,"147":1,"148":1,"149":1,"153":1,"154":2,"179":1,"196":3,"197":3,"198":3,"199":4,"200":4,"201":3,"202":3,"203":3,"204":3,"205":3}}],["void",{"2":{"28":1,"29":1,"32":1,"33":2,"36":1,"38":3,"40":1,"41":1,"45":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"108":1,"114":2,"130":1,"131":1,"133":1,"135":1,"137":1,"139":1,"140":1,"141":1,"142":1,"143":1,"146":2,"147":2,"148":2,"150":1,"151":2,"152":3,"153":1,"154":2,"160":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"168":1,"169":2,"170":2,"171":2,"175":1,"179":2}}],["v9",{"0":{"40":1,"41":1,"57":1,"58":1,"75":1,"138":1,"139":1,"140":1,"152":1,"169":1,"184":1},"1":{"76":1,"77":1,"78":1,"79":1,"80":1,"185":1,"186":1,"187":1,"188":1,"189":1,"190":1,"191":1,"192":1},"2":{"27":2,"38":2,"146":1,"147":1,"148":1,"153":3,"154":1,"159":2,"168":2}}],["via",{"2":{"181":1}}],["visible",{"2":{"36":3,"38":3,"122":4,"141":1,"142":1,"145":1,"153":1,"154":4,"157":3,"159":4,"179":2}}],["visiblerange",{"2":{"14":1,"122":2,"192":2,"201":2}}],["viewport",{"2":{"76":1,"114":1,"192":2}}],["view",{"2":{"24":1,"25":1}}],["very",{"2":{"153":1,"206":1}}],["verticalstraightline",{"2":{"177":1}}],["verticalsegment",{"2":{"177":1}}],["verticalrayline",{"2":{"177":1}}],["vertical",{"2":{"5":1,"20":1,"67":1,"73":1,"183":2}}],["version",{"0":{"42":1},"2":{"2":1,"42":1,"146":1,"147":1,"148":1,"151":1}}],["let",{"2":{"196":3,"197":3,"198":3,"199":3,"200":3,"201":4,"202":3,"203":3,"204":3,"205":3}}],["length",{"2":{"180":1,"183":2,"196":3,"197":3,"198":3,"199":4,"200":3,"201":3,"202":4,"203":3,"204":3,"205":3}}],["less",{"2":{"153":2,"168":2,"200":1}}],["left",{"2":{"67":1,"73":2,"76":1,"105":1,"115":1,"122":4,"127":1,"137":1,"138":1,"139":1,"141":1,"179":2,"183":5,"196":2}}],["level",{"2":{"38":1,"122":1,"154":1,"159":1,"179":1}}],["li888",{"2":{"206":1}}],["link",{"2":{"206":1}}],["liner",{"2":{"196":1}}],["linecolor",{"2":{"183":1}}],["linewidth",{"2":{"111":1}}],["lineto",{"2":{"111":6}}],["linesize",{"2":{"183":1}}],["lines",{"2":{"20":1,"154":1,"183":1,"187":2}}],["line",{"0":{"64":1,"70":1,"83":1,"84":1,"103":1},"2":{"5":1,"9":1,"12":1,"16":1,"20":2,"59":1,"60":1,"61":1,"64":2,"69":1,"70":5,"71":1,"72":1,"73":1,"100":1,"101":1,"102":1,"103":2,"104":1,"105":1,"110":3,"122":2,"123":5,"124":3,"146":1,"147":1,"148":1,"157":1,"159":1,"181":1,"183":4,"187":1,"195":1,"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":3,"203":4,"204":2,"205":2}}],["license",{"2":{"206":1}}],["light",{"2":{"203":3}}],["lightweight",{"2":{"194":1,"195":1}}],["like",{"2":{"107":1,"121":1,"178":1,"195":1}}],["liihuu",{"2":{"93":2}}],["list",{"2":{"27":2,"131":1}}],["labels",{"2":{"187":1}}],["layer",{"2":{"174":1}}],["layout",{"2":{"4":1,"27":3,"77":1,"78":1}}],["lang",{"2":{"200":2}}],["lang=",{"2":{"114":1}}],["languages",{"2":{"116":1}}],["language",{"0":{"117":1,"118":1},"2":{"27":1,"29":3,"31":1,"116":1,"117":2,"118":2}}],["large",{"2":{"36":1,"54":1,"122":1,"154":1,"206":2}}],["lastdata",{"2":{"199":2}}],["lastvaluemark",{"2":{"20":1,"183":1}}],["last",{"2":{"20":1,"148":1,"183":1,"203":2,"205":1}}],["latest",{"2":{"5":1}}],["loadmoretimer",{"2":{"199":1}}],["loadmore",{"0":{"151":1},"2":{"199":1}}],["load",{"2":{"90":1,"151":1,"152":1}}],["location",{"2":{"163":1}}],["located",{"2":{"122":1,"179":1}}],["localized",{"2":{"31":1}}],["localization",{"2":{"29":1}}],["local",{"2":{"27":1,"131":1}}],["locales",{"0":{"29":1},"2":{"29":2,"117":1}}],["locale",{"0":{"29":1},"2":{"27":2,"29":2}}],["locked",{"2":{"38":1,"159":1}}],["lock",{"2":{"38":2,"157":3,"159":3,"179":2}}],["lowest",{"2":{"81":1}}],["low",{"2":{"29":1,"81":1,"114":70,"117":1,"146":1,"147":1,"148":1,"149":1,"183":1,"196":3,"197":3,"198":3,"199":5,"200":4,"201":3,"202":3,"203":3,"204":3,"205":3}}],["longer",{"2":{"20":1,"28":1,"185":1}}],["long",{"2":{"1":1}}],["logo",{"2":{"206":3}}],["logarithm",{"2":{"196":1}}],["log",{"0":{"0":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1,"21":1,"22":1,"23":1,"24":1,"25":1},"2":{"14":1,"21":1,"22":1,"23":1,"157":14,"159":14,"183":1,"196":1}}],["6px",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["686d76",{"2":{"183":4}}],["60",{"2":{"120":2,"196":5,"197":5,"198":5,"199":5,"200":5,"201":5,"202":5,"203":5,"204":5,"205":5}}],["600px",{"2":{"114":8}}],["600",{"2":{"114":6,"199":1}}],["62",{"2":{"114":7}}],["66",{"2":{"114":14}}],["64",{"2":{"114":7}}],["61",{"2":{"114":14}}],["6",{"0":{"4":1,"23":1},"2":{"23":1,"27":1,"120":9,"153":1,"183":5}}],["rise",{"2":{"203":6}}],["rich",{"2":{"195":1}}],["right",{"2":{"38":1,"67":1,"73":2,"76":1,"105":1,"115":1,"122":4,"127":1,"137":1,"138":1,"140":1,"142":1,"159":1,"179":4,"183":4,"196":2}}],["rigideroverlay",{"2":{"20":1}}],["rgba",{"2":{"183":17,"203":2}}],["rsi",{"2":{"120":1}}],["round",{"2":{"196":3,"197":3,"198":3,"199":4,"200":3,"201":3,"202":3,"203":3,"204":3,"205":3}}],["root",{"2":{"126":3,"127":3,"190":1}}],["roc",{"2":{"120":1}}],["rollback",{"2":{"8":1}}],["run",{"2":{"90":2}}],["rules",{"2":{"3":1,"205":3}}],["random",{"2":{"196":4,"197":4,"198":4,"199":6,"200":4,"201":5,"202":4,"203":4,"204":4,"205":4}}],["range",{"2":{"76":3,"145":1}}],["rayline",{"2":{"177":1}}],["radius",{"2":{"62":1,"63":1,"68":1,"69":1,"72":1,"73":1,"101":1,"102":1,"180":2,"183":1,"196":1,"198":1,"200":1,"201":1,"202":3,"203":1,"204":1,"205":1}}],["ratio",{"2":{"11":2}}],["r",{"2":{"62":2,"63":2,"68":2,"69":2,"101":1,"102":1,"180":1,"202":1}}],["reward",{"2":{"206":1}}],["red",{"2":{"203":15}}],["redrawn",{"2":{"150":1}}],["reverse",{"2":{"183":1,"196":5}}],["repeated",{"2":{"150":1}}],["replace",{"2":{"124":1}}],["resizing",{"2":{"175":1}}],["resize",{"0":{"175":1}}],["respond",{"2":{"124":1}}],["response",{"2":{"9":1}}],["results",{"2":{"124":1}}],["result",{"2":{"122":1,"201":3}}],["react",{"2":{"114":1}}],["reactvueangularpreactsolidsveltevanilla",{"2":{"114":1}}],["read",{"2":{"98":1}}],["realdataindex",{"2":{"122":1}}],["realx",{"2":{"122":1}}],["real",{"0":{"85":1},"2":{"122":4}}],["realrange",{"2":{"76":1}}],["realto",{"2":{"14":1,"76":1,"122":1,"145":1}}],["realfrom",{"2":{"14":1,"76":1,"122":1,"145":1}}],["recalculate",{"2":{"175":1}}],["recommended",{"2":{"98":1}}],["recttext",{"0":{"73":1,"74":1,"106":1},"2":{"73":2,"100":1,"183":1}}],["rectangle",{"2":{"66":2,"72":2}}],["rect",{"0":{"66":1,"72":1,"104":1},"2":{"8":1,"14":2,"66":2,"72":2,"100":1,"122":1,"183":4,"205":2}}],["required",{"2":{"81":7,"108":1,"153":1,"169":1,"179":8,"180":1}}],["returns",{"2":{"179":1}}],["returning",{"2":{"152":1,"157":1}}],["returned",{"2":{"122":1,"124":1,"149":1,"155":2,"156":1,"160":1}}],["return",{"2":{"27":1,"108":1,"111":1,"114":5,"122":1,"124":4,"129":1,"153":1,"157":1,"158":1,"159":1,"179":4,"180":2,"183":1,"192":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":3,"202":3,"203":1,"204":1,"205":1}}],["release",{"2":{"24":1,"25":1}}],["related",{"2":{"20":1}}],["render",{"2":{"20":1,"192":1}}],["rendering",{"2":{"3":2,"17":1}}],["regularity",{"2":{"196":1}}],["regenerate",{"2":{"36":1,"122":1,"154":1}}],["regeneratefigures",{"2":{"20":1,"36":2,"122":1,"124":1,"153":1,"154":3,"192":1}}],["regenerateplots",{"2":{"20":1,"192":1}}],["register",{"2":{"77":1}}],["registeryaxis",{"0":{"41":1},"2":{"75":1,"153":1}}],["registerxaxis",{"0":{"40":1},"2":{"75":1}}],["registered",{"2":{"27":1,"128":1}}],["registeroverlay",{"0":{"38":1},"2":{"20":1,"178":1,"189":1,"202":2}}],["registerindicator",{"0":{"36":1},"2":{"20":1,"121":1,"189":1,"201":2}}],["registerstyles",{"0":{"32":1},"2":{"20":1,"27":1,"128":1,"203":3}}],["registerlocale",{"0":{"29":1},"2":{"20":1,"117":2,"200":2}}],["registerfigure",{"0":{"33":1},"2":{"20":1,"107":1}}],["remove",{"0":{"160":1},"2":{"156":2,"160":2}}],["removehtml",{"2":{"20":1,"190":1}}],["removetag",{"2":{"20":1,"190":1}}],["removetechnicalindicator",{"2":{"20":1,"190":1}}],["removeannotation",{"2":{"20":1,"190":1}}],["removeshape",{"2":{"20":1,"190":1}}],["removeindicator",{"0":{"156":1},"2":{"20":1,"190":1}}],["removeoverlay",{"0":{"160":1},"2":{"20":2,"190":1}}],["reference",{"2":{"179":1}}],["refer",{"2":{"27":2,"32":1,"116":1,"122":7,"128":1,"129":1,"131":1,"146":1,"147":1,"148":1,"149":1,"184":1,"186":1}}],["refreshing",{"2":{"15":1}}],["refactoring",{"2":{"20":1}}],["refactor",{"2":{"4":1}}],["erc20",{"2":{"210":1}}],["error",{"2":{"2":2,"4":2,"6":1,"12":1}}],["eth",{"2":{"210":1}}],["etc",{"2":{"27":1,"36":1,"54":1,"99":1,"154":1}}],["europe",{"2":{"204":1}}],["e11d74",{"2":{"183":1}}],["ededed",{"2":{"183":2}}],["each",{"2":{"124":2,"175":1}}],["else",{"2":{"111":1,"203":1}}],["elements",{"2":{"98":1}}],["element",{"2":{"27":2,"28":2}}],["emoji",{"2":{"201":3}}],["email",{"2":{"206":1}}],["ema",{"2":{"120":1}}],["emv",{"2":{"81":1,"120":1}}],["empty",{"2":{"15":1}}],["explanation",{"0":{"182":1}}],["export",{"2":{"114":4}}],["exist",{"2":{"172":1}}],["exists",{"2":{"159":1}}],["execution",{"2":{"169":1}}],["execute",{"2":{"169":1}}],["executeaction",{"0":{"169":1},"2":{"14":1}}],["example",{"0":{"99":1,"109":1,"180":1},"1":{"110":1,"111":1},"2":{"36":1,"117":1,"122":5,"153":1,"154":2,"157":1,"159":1,"168":1,"183":1}}],["extended",{"2":{"36":1,"38":1,"122":1,"154":1,"159":1,"179":1,"195":1}}],["extenddata",{"2":{"36":2,"38":2,"122":1,"153":1,"154":3,"157":3,"159":3,"179":1}}],["extension",{"2":{"20":4,"179":1,"189":2}}],["english",{"2":{"200":1}}],["enabled",{"0":{"133":1,"135":1},"2":{"133":1,"135":1}}],["entire",{"2":{"126":1,"127":1,"175":1}}],["enter",{"2":{"38":1,"159":1}}],["en",{"2":{"27":1,"29":1,"114":1,"116":2,"179":1,"200":1}}],["endpoint",{"2":{"122":1}}],["endangle",{"2":{"62":2,"68":2,"101":1}}],["end",{"2":{"18":1,"38":2,"62":1,"67":1,"68":1,"73":1,"101":1,"122":2,"159":2,"179":2}}],["environment",{"0":{"89":1},"1":{"90":1,"91":1},"2":{"14":1}}],["ef5350",{"2":{"13":1,"154":2}}],["effect",{"2":{"2":1}}],["events",{"2":{"9":1,"16":3,"179":1}}],["event",{"2":{"8":2,"9":1,"12":1,"15":1,"16":1,"18":1,"33":1,"38":30,"108":2,"157":56,"159":56,"179":31}}],["1b1b1f",{"2":{"203":1}}],["1m",{"2":{"27":1,"36":1,"54":1,"154":1}}],["1k",{"2":{"27":1,"36":1,"54":1,"154":1}}],["16px",{"2":{"201":1}}],["1677ff",{"2":{"183":11,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["16098",{"2":{"157":1,"159":1}}],["1614171202000",{"2":{"157":1,"159":1}}],["1614171282000",{"2":{"157":1,"159":1}}],["16",{"2":{"20":1,"114":7}}],["17",{"2":{"19":1,"201":1}}],["10px",{"2":{"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["100",{"2":{"153":1,"168":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["100k",{"2":{"122":1}}],["100000",{"2":{"122":1}}],["1000000",{"2":{"27":1,"36":1,"54":1,"154":1}}],["1000",{"2":{"27":1,"36":1,"54":1,"122":1,"154":1,"196":4,"197":4,"198":4,"199":4,"200":4,"201":4,"202":4,"203":4,"204":4,"205":4}}],["105",{"2":{"114":7}}],["10",{"2":{"16":1,"120":7,"123":2,"124":1,"183":6,"196":1,"197":1,"198":1,"199":3,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["135",{"2":{"114":7}}],["13",{"2":{"11":1,"120":1}}],["150",{"2":{"183":6}}],["1587660540000",{"2":{"114":7}}],["1587660480000",{"2":{"114":7}}],["1587660420000",{"2":{"114":7}}],["1587660360000",{"2":{"114":7}}],["1587660300000",{"2":{"114":7}}],["1587660240000",{"2":{"114":7}}],["1587660180000",{"2":{"114":7}}],["1587660120000",{"2":{"114":7}}],["1587660060000",{"2":{"114":7}}],["1587660000000",{"2":{"114":7}}],["15",{"2":{"9":1,"15":1,"183":1}}],["192",{"2":{"183":3,"203":1}}],["191",{"2":{"114":7}}],["197",{"2":{"114":7}}],["194",{"2":{"114":7}}],["19",{"2":{"6":1,"114":7}}],["142",{"2":{"183":3,"203":1}}],["14",{"2":{"4":1,"8":1,"17":1,"114":7,"120":3}}],["119",{"2":{"183":4}}],["11",{"2":{"4":1}}],["18987",{"2":{"157":1,"159":1}}],["184",{"2":{"114":7}}],["18",{"2":{"2":1,"7":1}}],["1",{"0":{"2":1,"8":1,"13":1,"15":1,"16":1,"17":2,"18":1,"19":1,"110":1,"123":1},"2":{"52":1,"111":1,"124":3,"153":4,"154":4,"157":1,"159":1,"168":4,"180":2,"183":37,"197":1,"199":2,"202":2,"203":4}}],["12px",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["12345678910111213141516171819202122",{"2":{"205":1}}],["123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051html",{"2":{"204":1}}],["1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677html",{"2":{"202":1}}],["123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126html",{"2":{"205":1}}],["123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150html",{"2":{"203":1}}],["123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110html",{"2":{"196":1}}],["123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107html",{"2":{"201":1}}],["123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960html",{"2":{"200":1}}],["1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556html",{"2":{"198":1}}],["12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849html",{"2":{"199":1}}],["12345678910111213141516171819202122232425262728html",{"2":{"197":1}}],["123456789101112131415161718",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1}}],["123css",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["12",{"2":{"1":1,"2":1,"3":2,"114":7,"120":9,"183":12}}],["76808f",{"2":{"183":2}}],["76",{"2":{"114":7}}],["72",{"2":{"114":7}}],["70",{"2":{"114":7}}],["74",{"2":{"114":7}}],["77",{"2":{"114":7}}],["7yjhygvvvz",{"2":{"95":1}}],["7",{"0":{"2":1,"3":1,"22":1,"139":1,"140":1},"2":{"22":1,"154":1,"183":6,"184":1,"203":2}}],["smooth",{"2":{"183":6,"195":1}}],["sma",{"2":{"120":1}}],["sqrt",{"2":{"180":1,"202":1}}],["sponsoring",{"2":{"206":1}}],["sponsor",{"0":{"206":1,"207":1},"1":{"207":1,"208":2,"209":2,"210":2},"2":{"206":1}}],["span",{"2":{"201":2,"205":2}}],["space",{"0":{"143":1},"2":{"143":1,"190":1}}],["specified",{"2":{"109":1,"122":2,"163":1,"164":1,"167":1}}],["specifies",{"2":{"36":2,"154":2}}],["specify",{"2":{"77":2}}],["special",{"2":{"38":2,"153":1,"154":1,"155":1,"156":1,"157":1,"168":1,"179":1}}],["switching",{"2":{"118":1}}],["svelte",{"2":{"114":2}}],["src=",{"2":{"113":1,"114":1}}],["scoordinates",{"2":{"180":1}}],["scheme",{"2":{"116":1}}],["scalable",{"2":{"195":1}}],["scaling",{"2":{"165":1,"166":1,"167":1}}],["scaled",{"2":{"134":1}}],["scale",{"0":{"165":1,"166":1,"167":1},"2":{"133":1,"165":3,"166":3,"167":3}}],["scale=1",{"2":{"114":1}}],["scan",{"2":{"96":1}}],["script>",{"2":{"113":1,"114":6}}],["script",{"2":{"113":1,"114":2}}],["scrolltotimestamp",{"0":{"164":1}}],["scrolltodataindex",{"0":{"163":1}}],["scrolltorealtime",{"0":{"162":1}}],["scrollbydistance",{"0":{"161":1}}],["scrollzoomenabled",{"2":{"27":1,"153":3,"168":3}}],["scroll",{"2":{"20":1,"153":1,"161":1,"162":1,"163":1,"164":1,"168":1}}],["scrolling",{"2":{"9":1,"135":1,"136":1}}],["screen",{"2":{"11":1}}],["sample",{"2":{"183":2}}],["samplecircle",{"2":{"180":2}}],["same",{"2":{"74":1,"106":1,"124":1,"148":1,"153":1,"172":1}}],["sar",{"2":{"120":1}}],["sale",{"0":{"88":1}}],["saved",{"2":{"20":1}}],["slope",{"2":{"59":1,"61":1}}],["ss",{"2":{"55":1}}],["shift",{"2":{"115":4}}],["showparams",{"2":{"183":1}}],["showtype",{"2":{"183":2,"205":4}}],["showrule",{"2":{"183":2,"205":4}}],["show",{"2":{"183":26}}],["showname",{"2":{"154":1,"183":1}}],["shows",{"0":{"84":1}}],["short",{"2":{"36":1,"122":1,"154":1}}],["shortname",{"2":{"36":2,"122":1,"124":1,"153":1,"154":2}}],["shouldcheckparamcount",{"2":{"192":1}}],["should",{"0":{"88":1},"2":{"36":1,"124":1,"154":1}}],["shouldformatbignumber",{"2":{"36":2,"122":1,"153":1,"154":3}}],["shouldohlc",{"2":{"36":2,"122":1,"153":1,"154":3}}],["shanghai",{"2":{"27":1,"131":1,"204":2}}],["shape",{"0":{"191":1},"2":{"20":2,"186":1,"187":1}}],["s",{"0":{"194":1},"2":{"30":1,"206":1}}],["sort",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["so",{"2":{"111":1,"123":1,"124":1,"180":1}}],["source",{"0":{"45":1},"2":{"45":1,"122":8,"149":1}}],["some",{"2":{"27":1,"122":4,"153":1,"154":1,"179":2}}],["solid",{"2":{"20":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"101":1,"102":1,"103":2,"104":1,"105":1,"110":3,"111":1,"114":1,"153":2,"154":5,"157":1,"159":1,"183":37,"198":2,"203":4}}],["subtitle",{"2":{"201":4}}],["subindicators",{"2":{"201":2}}],["subkey",{"2":{"124":1}}],["subscribing",{"2":{"171":1}}],["subscribe",{"2":{"170":1}}],["subscribeaction",{"0":{"170":1},"2":{"18":1,"146":1,"148":1,"190":1}}],["subsequent",{"2":{"124":1,"153":1}}],["sub",{"2":{"77":1,"192":1,"201":1}}],["such",{"2":{"27":2,"52":1,"54":1,"55":1,"99":1,"113":1,"131":1}}],["success",{"2":{"14":1,"146":1,"147":1,"148":1,"153":1,"154":1}}],["supported",{"2":{"31":1,"34":1,"169":1}}],["supports",{"2":{"9":1,"10":1,"11":1,"18":1,"27":1,"90":1,"113":1,"115":1,"126":1,"127":1,"128":1,"183":1}}],["support",{"0":{"90":1},"2":{"1":4,"7":1,"8":1,"14":1,"16":1,"20":1,"27":1,"32":1,"37":1,"39":1,"52":1,"75":1,"87":1,"122":1,"195":1}}],["situation",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["since",{"2":{"146":1,"147":1,"148":1,"151":1}}],["single",{"2":{"143":1,"144":1,"148":1}}],["sign",{"0":{"56":1},"2":{"56":1}}],["size",{"0":{"58":1},"2":{"20":2,"58":1,"67":3,"68":2,"70":2,"73":4,"101":2,"102":1,"103":3,"104":1,"105":3,"110":1,"122":4,"154":1,"157":1,"159":1,"175":2,"179":3,"183":31,"187":2,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["side",{"2":{"9":1,"139":1,"140":1}}],["simple",{"2":{"185":1,"195":1}}],["simpletag",{"2":{"7":1,"16":1,"177":1}}],["simpleannotation",{"2":{"7":1,"16":1,"88":2,"177":1}}],["standard",{"2":{"183":4,"205":2}}],["started",{"0":{"112":1},"1":{"113":1,"114":1},"2":{"195":1}}],["starting",{"2":{"66":2,"67":2,"68":1,"72":2,"73":2,"104":2,"105":2,"122":1}}],["startangle",{"2":{"62":2,"68":2,"101":1}}],["start",{"2":{"38":2,"62":1,"67":1,"73":1,"101":1,"114":3,"122":3,"159":2,"179":2}}],["step",{"0":{"110":1,"111":1,"123":1,"124":1},"2":{"179":1}}],["steps",{"2":{"38":1,"179":1,"180":1}}],["straightline",{"2":{"177":1}}],["strokestyle",{"2":{"111":1}}],["stroke",{"2":{"69":2,"71":2,"72":2,"73":2,"102":2,"103":2,"104":2,"105":2,"110":4,"111":4,"153":4,"154":4,"180":1,"183":25,"198":6,"202":1}}],["strong",{"2":{"38":2,"157":2,"159":2,"179":2}}],["strings",{"2":{"183":1}}],["string>",{"2":{"27":1}}],["string",{"2":{"4":1,"9":1,"27":11,"28":1,"29":7,"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":16,"37":1,"38":13,"39":1,"40":3,"41":3,"42":1,"46":1,"52":1,"53":2,"54":2,"55":2,"56":3,"57":2,"58":3,"67":3,"68":1,"69":2,"70":1,"71":2,"72":2,"73":5,"76":5,"101":1,"102":2,"103":3,"104":2,"105":5,"108":1,"122":14,"126":1,"127":1,"128":1,"131":1,"132":1,"153":23,"154":19,"155":2,"156":2,"157":11,"158":1,"159":4,"160":4,"168":2,"172":1,"173":1,"174":3,"179":6,"183":1}}],["style=",{"2":{"114":7,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["styles",{"0":{"32":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"74":1,"128":1},"2":{"4":2,"27":4,"32":2,"33":2,"36":5,"38":9,"67":3,"68":3,"69":3,"70":3,"71":3,"72":3,"73":3,"74":2,"99":3,"101":1,"102":1,"103":2,"104":1,"105":1,"108":2,"110":1,"111":4,"122":2,"128":3,"129":1,"153":3,"154":6,"157":3,"159":4,"179":3,"180":1,"181":1,"190":2,"192":2,"202":1}}],["style",{"0":{"181":1,"187":1},"1":{"182":1,"183":1},"2":{"1":1,"4":2,"5":2,"7":1,"8":1,"9":1,"13":1,"14":1,"15":1,"20":4,"27":1,"32":4,"68":3,"69":4,"70":3,"71":4,"72":4,"73":4,"85":1,"101":2,"102":3,"103":5,"104":3,"105":3,"108":2,"110":5,"111":5,"122":11,"128":3,"129":1,"153":2,"154":5,"157":1,"159":1,"179":6,"180":2,"181":1,"183":23,"187":1,"195":1,"201":1,"202":1,"203":6}}],["sending",{"2":{"206":1}}],["sensitivity",{"2":{"9":1,"38":1,"159":1,"179":1}}],["segment",{"2":{"157":3,"159":3,"177":1}}],["second",{"2":{"123":1}}],["select",{"2":{"179":1,"180":1}}],["selector",{"2":{"114":1}}],["selected",{"2":{"38":1,"159":1}}],["selections",{"2":{"180":1}}],["selection",{"2":{"16":1}}],["series",{"2":{"36":3,"122":2,"130":1,"153":1,"154":4}}],["seen",{"0":{"83":1}}],["see",{"2":{"27":1,"33":1,"38":1,"83":1,"87":1,"122":3,"179":1,"181":1}}],["setindicatortooltipshowtype",{"2":{"205":2}}],["setindicatortooltipshowrule",{"2":{"205":2}}],["setinside",{"2":{"196":2}}],["setcandletooltipshowtype",{"2":{"205":2}}],["setcandletooltipshowrule",{"2":{"205":2}}],["setcustomapi",{"2":{"20":1}}],["setmainindicator",{"2":{"201":2}}],["setmaxoffsetleftdistance",{"0":{"139":1}}],["setmaxoffsetrightdistance",{"0":{"140":1},"2":{"3":1}}],["setreverse",{"2":{"196":2}}],["setrightminvisiblebarcount",{"0":{"142":1}}],["settheme",{"2":{"203":2}}],["settype",{"2":{"196":2,"198":2}}],["settimeout",{"2":{"199":2}}],["settimezone",{"0":{"131":1},"2":{"204":3}}],["setting",{"2":{"130":1}}],["settings",{"2":{"85":1}}],["setbarspace",{"0":{"143":1}}],["setzoomenabled",{"0":{"133":1}}],["setup>",{"2":{"114":1}}],["setlang",{"2":{"200":2}}],["setloaddatacallback",{"0":{"152":1},"2":{"151":1}}],["setlocale",{"2":{"20":1,"118":1,"200":1}}],["setleftminvisiblebarcount",{"0":{"141":1}}],["setlinedash",{"2":{"111":2}}],["setposition",{"2":{"196":2}}],["setpricevolumeprecision",{"0":{"130":1},"2":{"84":1}}],["setpaneoptions",{"0":{"80":1,"168":1},"2":{"11":1,"20":1,"77":1,"168":1}}],["set",{"2":{"27":1,"84":1,"103":2,"122":3,"128":1,"131":2,"133":1,"135":1,"137":1,"139":1,"140":1,"141":1,"142":1,"143":1,"151":1,"152":1,"154":1,"168":1}}],["setsubindicator",{"2":{"201":2}}],["setscrollenabled",{"0":{"135":1}}],["setshapeoptions",{"2":{"20":1,"190":1}}],["setstyles",{"0":{"128":1},"2":{"20":1,"85":1,"181":1,"190":1,"196":4,"198":1,"203":1,"205":4}}],["setstyleoptions",{"2":{"20":1,"190":1}}],["setoffsetrightdistance",{"0":{"137":1},"2":{"20":1,"190":1}}],["setoffsetrightspace",{"2":{"20":1,"190":1}}],["separator",{"2":{"4":1,"8":1,"27":1,"56":1,"179":1,"183":1}}],["xxxxxxxx",{"2":{"157":1,"159":1}}],["xxx",{"2":{"124":2,"192":8}}],["xdis",{"2":{"111":2,"180":3,"202":3}}],["x3c",{"2":{"27":2,"30":1,"36":4,"38":4,"40":1,"41":1,"61":1,"64":1,"65":1,"69":1,"70":1,"71":2,"72":1,"76":2,"103":2,"111":1,"113":2,"114":32,"122":7,"146":1,"147":1,"149":1,"152":1,"153":4,"154":4,"157":3,"159":1,"172":2,"173":2,"179":4,"196":5,"197":3,"198":5,"199":3,"200":5,"201":6,"202":5,"203":5,"204":5,"205":5}}],["xaxis",{"2":{"10":1,"20":6,"27":1,"36":4,"78":1,"122":6,"179":2,"183":1,"187":6,"192":4,"201":2}}],["x",{"0":{"21":1,"22":1,"23":1,"24":1,"25":1},"2":{"1":1,"21":1,"22":1,"23":1,"24":1,"25":1,"38":2,"40":1,"59":2,"60":3,"61":1,"62":4,"63":4,"64":2,"65":2,"66":4,"67":4,"68":3,"69":3,"70":1,"71":1,"72":3,"73":3,"78":1,"101":2,"102":2,"103":2,"104":2,"105":2,"108":1,"110":3,"111":12,"122":3,"159":1,"165":1,"172":2,"173":2,"179":4,"180":2,"184":4,"201":2,"202":2}}],["omni",{"2":{"210":1}}],["older",{"2":{"184":1}}],["obtain",{"2":{"155":1,"190":1}}],["obtained",{"2":{"98":1}}],["obv",{"2":{"120":1}}],["objects",{"2":{"179":2,"183":1}}],["object",{"2":{"27":2,"32":1,"33":2,"36":18,"38":20,"40":1,"41":1,"45":3,"49":1,"128":2,"129":1,"153":14,"154":12,"155":1,"156":1,"157":32,"158":1,"159":15,"172":1,"173":1,"183":1}}],["own",{"2":{"78":1}}],["other",{"0":{"87":1},"2":{"60":1,"116":1,"123":2,"124":1,"180":1,"206":1}}],["o",{"2":{"52":2}}],["outline",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["outside",{"2":{"196":1}}],["out",{"2":{"38":1,"115":1,"159":1,"179":1,"195":1}}],["output",{"2":{"14":1}}],["operations",{"2":{"153":1}}],["operation",{"2":{"36":1,"154":1,"179":3}}],["opening",{"2":{"183":1}}],["open",{"2":{"29":1,"81":2,"114":70,"117":1,"146":1,"147":1,"148":1,"149":1,"183":2,"196":3,"197":3,"198":3,"199":3,"200":4,"201":3,"202":3,"203":3,"204":3,"205":3}}],["option",{"2":{"190":2}}],["optional",{"2":{"27":1,"81":1,"101":1,"102":1,"103":2,"104":1,"105":1,"154":1}}],["options",{"0":{"27":1,"168":1},"2":{"4":2,"11":3,"20":3,"27":5,"36":1,"38":1,"77":3,"78":2,"110":2,"118":1,"154":1,"159":1,"168":2,"170":1,"171":1,"179":1,"181":1,"187":1,"190":1,"192":1}}],["optimization",{"2":{"8":1}}],["optimize",{"2":{"1":2,"3":1,"4":2,"7":3,"8":1,"9":3,"10":1,"11":3,"12":1,"13":2,"14":2,"15":3,"16":1,"17":1,"18":1}}],["organization",{"2":{"206":1}}],["organizations",{"2":{"206":1}}],["org",{"2":{"179":1}}],["original",{"2":{"162":1}}],["order",{"2":{"150":1}}],["or",{"2":{"27":2,"28":1,"36":1,"38":1,"77":1,"86":1,"113":2,"118":1,"130":1,"152":1,"153":1,"154":1,"157":1,"159":1,"172":1,"173":1,"181":2,"183":4,"184":1,"206":3}}],["overwrite",{"2":{"159":1}}],["overwritten",{"2":{"148":1}}],["overridden",{"2":{"154":1,"159":1}}],["overridetechnicalindicator",{"2":{"190":1}}],["overrides",{"2":{"153":1}}],["override",{"0":{"154":1,"159":1},"2":{"86":1,"154":2,"159":2,"190":3}}],["overrideindicator",{"0":{"154":1},"2":{"20":1,"86":1,"153":1,"154":1,"190":1}}],["overrideoverlay",{"0":{"159":1},"2":{"20":2,"157":1,"159":1,"190":1}}],["overlayevent",{"2":{"179":14}}],["overlayperformeventparams",{"2":{"179":1}}],["overlaycreatefigurescallback",{"2":{"179":2}}],["overlayconstructor>",{"2":{"30":1}}],["overlaytechnicalindicator",{"2":{"20":1}}],["overlayfigureignoreeventtype",{"2":{"38":6,"179":2}}],["overlayfigure",{"2":{"9":1}}],["overlaystyle",{"2":{"179":2}}],["overlays",{"0":{"178":1},"1":{"179":1,"180":1},"2":{"2":1,"7":1,"16":1,"39":1,"88":1,"98":1,"159":1,"176":1}}],["overlay",{"0":{"38":1,"176":1,"177":1,"202":1},"1":{"177":1,"178":1,"179":1,"180":1},"2":{"1":1,"3":1,"4":2,"9":1,"10":1,"15":1,"16":1,"18":1,"20":2,"30":2,"38":6,"88":1,"154":1,"157":2,"158":1,"159":2,"160":1,"174":1,"176":1,"178":2,"179":7,"180":1,"183":1,"186":2,"187":1}}],["ohlc",{"2":{"1":1,"3":1,"36":1,"122":1,"154":1,"183":2,"198":2,"203":2}}],["onpanedrag",{"2":{"170":2,"171":2,"190":1}}],["onpressedmoveend",{"2":{"38":2,"157":3,"159":3,"179":1}}],["onpressedmovestart",{"2":{"38":2,"157":3,"159":3,"179":1}}],["onpressedmoving",{"2":{"38":2,"157":3,"159":3,"179":1}}],["ontooltipiconclick",{"2":{"170":2,"171":2}}],["onvisiblerangechange",{"2":{"170":2,"171":2,"190":1}}],["onscroll",{"2":{"170":2,"171":2,"190":1}}],["onselected",{"2":{"38":2,"157":3,"159":3,"179":1}}],["onzoom",{"2":{"170":2,"171":2,"190":1}}],["onload",{"2":{"114":1}}],["only",{"0":{"83":1},"2":{"38":1,"107":1,"110":2,"115":1,"121":1,"148":1,"150":1,"153":1,"159":1,"169":1,"172":1,"173":1,"179":1,"195":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["onunmounted",{"2":{"114":2}}],["onmount",{"2":{"114":4}}],["onmounted",{"2":{"114":2}}],["onmouseleave",{"2":{"38":2,"157":3,"159":3,"179":1}}],["onmouseenter",{"2":{"38":2,"157":3,"159":3,"179":1}}],["one",{"0":{"83":1},"2":{"45":1,"123":2,"174":1,"179":1,"195":1}}],["onremoved",{"2":{"38":2,"157":3,"159":3,"179":1}}],["onrightclick",{"2":{"38":2,"157":3,"159":3,"179":1}}],["ondataready",{"2":{"146":1,"148":1,"170":2,"171":2}}],["ondestroy",{"2":{"114":4}}],["ondeselected",{"2":{"38":2,"157":3,"159":3,"179":1}}],["ondrawend",{"2":{"38":2,"157":3,"159":3,"179":1}}],["ondrawing",{"2":{"38":2,"157":3,"159":3,"179":1}}],["ondrawstart",{"2":{"38":2,"157":3,"159":3,"179":1}}],["ondoubleclick",{"2":{"9":1,"38":2,"157":3,"159":3,"179":1}}],["oncrosshairchange",{"2":{"169":2,"170":2,"171":2,"190":1}}],["oncleanup",{"2":{"114":2}}],["onclick",{"2":{"38":2,"157":3,"159":3,"179":1}}],["once",{"2":{"28":1}}],["oncandlebarclick",{"2":{"18":1,"170":2,"171":2}}],["on",{"2":{"1":1,"9":1,"15":1,"33":1,"38":2,"60":1,"61":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"90":3,"98":1,"108":1,"139":1,"140":1,"144":1,"153":1,"159":1,"167":1,"172":1,"173":1,"179":4,"181":1,"206":3}}],["official",{"2":{"206":1}}],["offsetright",{"2":{"183":1}}],["offsettop",{"2":{"183":1}}],["offsetleft",{"2":{"183":1}}],["offset",{"2":{"183":2}}],["offsetbottom",{"2":{"14":1,"183":1}}],["of",{"0":{"78":1,"79":1,"80":1,"88":1,"99":1},"2":{"1":3,"3":1,"4":3,"5":3,"7":1,"9":1,"10":1,"11":1,"14":1,"15":4,"16":2,"17":1,"18":1,"19":1,"27":1,"42":1,"43":1,"52":1,"59":2,"60":1,"61":1,"62":4,"63":4,"68":4,"69":4,"76":1,"77":1,"98":2,"99":1,"101":4,"102":4,"103":2,"104":2,"105":2,"108":3,"110":2,"122":7,"123":3,"124":4,"137":1,"138":1,"139":1,"140":1,"141":1,"142":1,"143":2,"144":1,"146":2,"147":2,"148":3,"149":1,"150":1,"151":2,"153":4,"154":1,"155":1,"156":1,"157":2,"163":1,"165":1,"166":1,"168":2,"172":1,"174":2,"175":1,"179":12,"180":2,"183":1,"187":1,"195":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1,"206":2}}],["mtm",{"2":{"120":1}}],["much",{"2":{"206":1}}],["must",{"2":{"81":1}}],["multiple",{"2":{"4":2,"113":1,"195":2}}],["migrated",{"2":{"191":1}}],["millisecond",{"2":{"81":1}}],["middle",{"2":{"67":1,"73":1,"165":1,"183":2}}],["min",{"2":{"113":1,"114":1,"199":1}}],["minimum",{"2":{"36":1,"122":1,"141":1,"142":1,"153":1,"154":1,"168":1}}],["minheight",{"2":{"27":1,"153":3,"168":3}}],["minvalue",{"2":{"1":1,"36":2,"122":1,"153":1,"154":3}}],["mm",{"2":{"55":2}}],["mozilla",{"2":{"179":1}}],["more",{"0":{"146":1,"147":1},"2":{"81":2,"146":3,"147":4,"151":1,"152":1}}],["mouse",{"2":{"38":2,"159":2,"179":2}}],["moving",{"2":{"38":1,"115":1}}],["movement",{"2":{"179":3}}],["moveto",{"2":{"111":2}}],["move",{"2":{"38":4,"115":2,"159":3,"179":2}}],["mobile",{"2":{"9":1,"90":1,"195":2}}],["models",{"2":{"195":1}}],["model",{"2":{"179":1}}],["mode",{"2":{"38":5,"157":3,"159":6,"179":5}}],["modesensitivity",{"2":{"9":1,"38":2,"157":3,"159":3,"179":1}}],["module",{"2":{"4":1,"175":1}}],["merging",{"2":{"128":1}}],["merged",{"2":{"186":1,"187":1,"192":1}}],["merge",{"0":{"45":1},"2":{"4":1,"45":1}}],["meaning",{"2":{"179":1}}],["mean",{"2":{"123":2}}],["median",{"2":{"122":1}}],["metric",{"2":{"154":1}}],["meta",{"2":{"114":5}}],["method",{"2":{"18":1,"20":11,"33":1,"36":4,"38":2,"50":1,"86":1,"98":1,"122":4,"146":2,"151":1,"153":1,"154":4,"155":1,"156":1,"158":1,"160":1,"170":1,"171":1,"175":1,"181":2,"183":2,"190":1,"192":4}}],["methods",{"2":{"2":1,"10":1,"20":6,"43":1,"111":1,"113":1,"122":4,"179":2,"192":1}}],["me",{"2":{"94":1}}],["made",{"2":{"181":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["may",{"2":{"175":1}}],["many",{"2":{"179":1}}],["manually",{"2":{"150":1}}],["management",{"2":{"113":1}}],["manager",{"2":{"2":1}}],["matched",{"2":{"148":1}}],["math",{"2":{"111":2,"180":3,"196":8,"197":8,"198":8,"199":13,"200":8,"201":10,"202":11,"203":8,"204":8,"205":8}}],["maintitle",{"2":{"201":3}}],["mainindicators",{"2":{"201":2}}],["main",{"2":{"126":2,"127":2,"153":1,"154":1,"155":1,"156":1,"157":1,"168":1,"190":1,"201":1}}],["map",{"2":{"124":2,"201":1}}],["mapping",{"2":{"1":1}}],["ma5",{"2":{"123":2,"124":1}}],["ma2",{"2":{"123":2,"124":2}}],["ma10",{"2":{"123":3,"124":1}}],["ma1",{"2":{"123":3,"124":2}}],["macd",{"2":{"120":1,"201":1}}],["make",{"2":{"98":1}}],["ma",{"2":{"79":1,"120":1,"123":1,"124":5,"153":1,"201":1,"205":1}}],["magnet`",{"2":{"179":2}}],["magnet",{"2":{"38":5,"157":5,"159":6,"179":5}}],["max",{"2":{"199":1}}],["maximum",{"2":{"36":1,"122":1,"139":1,"140":1,"154":1}}],["maxvalue",{"2":{"1":1,"36":2,"122":1,"153":1,"154":3}}],["mark",{"0":{"88":1}}],["marginend",{"2":{"183":2,"187":2}}],["marginbottom",{"2":{"183":4}}],["marginright",{"2":{"183":4}}],["margintop",{"2":{"183":4}}],["marginleft",{"2":{"183":4}}],["marginstart",{"2":{"183":2}}],["margins",{"2":{"153":1,"168":1}}],["margin",{"2":{"20":2,"153":2,"168":2,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":2}}],["marinend",{"2":{"20":2}}],["marinstart",{"2":{"20":2,"187":2}}],["bc1qnwzukszzk5xfk0zs3sr8etzgctgnrtqts43jzp3khe6gm7xazprsp4y6n3",{"2":{"210":1}}],["btc",{"2":{"210":1}}],["button",{"2":{"196":24,"198":9,"200":9,"201":14,"202":9,"203":9,"204":9,"205":26}}],["buttoncontainer",{"2":{"196":7,"198":4,"200":4,"201":7,"202":4,"203":4,"204":4}}],["built",{"0":{"86":1,"87":1,"100":1,"120":1,"177":1},"1":{"101":1,"102":1,"103":1,"104":1,"105":1,"106":1},"2":{"7":1,"8":1,"16":2,"17":1,"27":1,"29":1,"88":1,"90":1,"98":1,"100":1,"107":1,"116":1,"119":1,"121":1,"122":4,"176":1,"178":1,"179":3,"180":1,"195":1,"202":1}}],["blank",{"2":{"185":1}}],["blurry",{"2":{"3":1}}],["bmp",{"2":{"174":1}}],["bbi",{"2":{"120":1}}],["brar",{"2":{"120":1}}],["browser",{"0":{"90":1},"2":{"90":1}}],["browsers",{"2":{"1":1}}],["bias",{"2":{"120":1}}],["big",{"2":{"27":1}}],["b",{"2":{"52":2,"59":2}}],["berlin",{"2":{"204":2}}],["best",{"2":{"124":1}}],["between",{"2":{"122":1,"179":1}}],["beginpath",{"2":{"111":3}}],["benchmark",{"2":{"105":1}}],["be",{"0":{"83":1},"2":{"27":3,"28":2,"74":1,"75":1,"81":1,"88":2,"98":1,"99":1,"106":1,"122":6,"124":4,"128":1,"130":1,"134":1,"137":1,"138":1,"146":1,"147":1,"148":3,"150":1,"153":6,"154":1,"155":2,"157":1,"159":2,"161":1,"162":1,"163":1,"164":1,"165":2,"166":1,"167":1,"168":5,"172":3,"173":2,"174":3,"179":13,"180":1,"181":1,"183":3,"195":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1,"206":2}}],["been",{"2":{"20":1,"146":1,"147":1,"148":1,"151":1,"159":1}}],["box",{"2":{"195":1}}],["boundary",{"2":{"152":1}}],["bounding",{"2":{"36":4,"76":1,"122":4,"179":1,"192":2}}],["boll",{"2":{"120":1,"154":2,"201":1}}],["body>",{"2":{"114":2}}],["bordered",{"2":{"180":1}}],["borderradius",{"2":{"72":2,"73":2,"104":1,"105":1,"183":8}}],["border",{"2":{"69":4,"71":4,"72":5,"73":5,"102":3,"103":3,"104":4,"105":4,"109":1,"110":5,"111":1,"180":1,"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["borderdashedvalue",{"2":{"69":2,"71":2,"72":2,"73":2,"102":1,"103":1,"104":1,"105":1,"111":2,"154":2,"183":11,"203":4}}],["bordersize",{"2":{"69":2,"71":2,"72":2,"73":2,"102":1,"103":1,"104":1,"105":1,"110":2,"111":2,"154":2,"183":13,"203":4}}],["borderstyle",{"2":{"20":4,"69":2,"71":2,"72":2,"73":2,"102":1,"103":1,"104":1,"105":1,"110":2,"111":2,"154":2,"183":11,"203":4}}],["bordercolor",{"2":{"69":2,"71":2,"72":2,"73":2,"102":1,"103":1,"104":1,"105":1,"110":2,"111":2,"183":10}}],["bool",{"2":{"51":1}}],["boolean",{"2":{"27":2,"33":1,"36":4,"38":25,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"108":2,"122":4,"133":1,"134":1,"135":1,"136":1,"146":1,"147":1,"152":1,"153":7,"154":4,"157":38,"159":19,"168":2,"172":1,"173":1,"174":1,"179":22}}],["bottom",{"2":{"27":2,"67":1,"73":2,"76":1,"78":1,"105":1,"122":4,"127":1,"153":5,"168":4,"179":2}}],["by",{"2":{"13":1,"30":1,"31":1,"34":1,"60":1,"61":1,"86":1,"122":2,"155":1,"158":1,"160":1,"180":1,"192":1,"206":1}}],["background",{"2":{"73":1,"105":1,"109":1,"110":2,"174":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["backgroundcolor",{"0":{"174":1},"2":{"73":2,"105":1,"174":2,"183":7,"203":2}}],["backward",{"2":{"1":1,"152":2}}],["bashyarn",{"2":{"113":1}}],["bashnpm",{"2":{"113":1}}],["basically",{"2":{"181":1,"195":1}}],["basic",{"0":{"197":1},"2":{"33":1,"34":1,"98":1,"180":1}}],["basetitle",{"2":{"205":3}}],["basebuttoncontainer",{"2":{"205":6}}],["baseprice",{"2":{"196":3,"197":3,"198":3,"199":3,"200":3,"201":3,"202":3,"203":3,"204":3,"205":3}}],["based",{"2":{"90":1,"159":1}}],["baseline",{"2":{"67":2,"73":2,"105":1}}],["basevalue",{"2":{"36":2,"122":1,"153":2,"154":2}}],["base",{"2":{"15":1,"122":1,"205":1}}],["barcount",{"0":{"141":1,"142":1},"2":{"141":1,"142":1}}],["barspace",{"2":{"36":4,"122":3,"179":1,"192":1,"201":2}}],["bars",{"2":{"20":1,"154":1,"183":1,"187":1,"203":2}}],["bar",{"2":{"3":2,"11":1,"14":6,"20":1,"122":1,"179":1,"183":1,"187":1,"203":2}}],["i18n",{"0":{"200":1}}],["i++",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":1}}],["iconfont",{"2":{"183":2}}],["icon",{"2":{"183":4}}],["icons",{"2":{"20":2,"183":2}}],["illustrate",{"2":{"180":1}}],["image",{"2":{"174":3}}],["implements",{"2":{"114":1}}],["implement",{"2":{"111":1}}],["implementation",{"2":{"4":1,"38":1,"76":1}}],["important",{"2":{"98":1,"153":1}}],["import",{"0":{"185":1},"2":{"6":1,"114":7,"185":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["i",{"0":{"87":1},"2":{"124":5,"196":2,"197":2,"198":2,"199":2,"200":2,"201":6,"202":2,"203":2,"204":2,"205":2,"206":1}}],["its",{"2":{"78":1}}],["item",{"2":{"77":1,"124":1,"183":1,"192":1}}],["items",{"2":{"27":1,"123":1,"196":1,"198":3,"200":3,"201":1,"202":3,"203":3,"204":3,"205":1}}],["it",{"2":{"27":3,"74":1,"77":1,"90":2,"98":1,"99":1,"106":1,"107":3,"113":1,"121":3,"122":2,"124":3,"128":2,"131":1,"134":1,"148":4,"150":2,"153":2,"157":1,"159":1,"168":1,"172":2,"173":1,"174":1,"178":3,"179":1,"180":1,"183":3,"194":1}}],["if",{"0":{"87":1},"2":{"27":1,"33":1,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"64":1,"67":1,"81":1,"83":1,"90":1,"98":1,"111":3,"116":1,"122":3,"124":4,"131":1,"148":2,"156":1,"159":1,"172":1,"179":1,"180":1,"184":1,"202":1,"203":2,"206":3}}],["ignoreevent",{"2":{"38":6,"179":2}}],["ignore",{"2":{"16":1,"179":1}}],["id=",{"2":{"114":7,"196":2,"197":1,"198":2,"199":1,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["identification",{"2":{"153":1,"159":1}}],["identifies",{"2":{"153":1}}],["identifier",{"2":{"33":1,"36":1,"38":1,"108":1,"154":1,"157":1,"159":1,"179":1}}],["ideographic",{"2":{"67":1,"73":1}}],["id",{"0":{"158":1},"2":{"9":1,"11":1,"27":2,"28":1,"78":1,"80":1,"122":1,"126":1,"127":1,"153":6,"154":3,"155":5,"156":4,"157":6,"158":4,"159":6,"160":4,"168":6,"172":1,"173":1,"183":4,"190":2,"201":1,"205":1}}],["isdashed",{"2":{"192":1}}],["iszoomenabled",{"0":{"134":1}}],["isboolean",{"0":{"51":1}}],["isfunction",{"0":{"50":1}}],["isobject",{"0":{"49":1}}],["isnumber",{"0":{"47":1}}],["isvalid",{"0":{"48":1},"2":{"14":1}}],["is",{"0":{"83":1,"86":1},"2":{"5":1,"15":2,"20":23,"33":1,"36":2,"38":2,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"74":1,"84":1,"90":1,"98":1,"99":2,"106":1,"108":2,"109":1,"110":12,"111":1,"116":1,"117":1,"122":12,"123":2,"124":7,"126":2,"127":2,"128":1,"130":1,"135":1,"136":1,"146":3,"147":3,"148":2,"150":2,"151":2,"153":10,"154":3,"155":1,"156":1,"157":1,"159":2,"161":1,"162":1,"163":1,"164":1,"165":2,"166":1,"167":1,"168":2,"170":1,"171":2,"172":1,"173":1,"174":3,"179":4,"180":2,"183":3,"187":9,"189":1,"190":11,"192":5,"194":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1,"206":1}}],["isscrollenabled",{"0":{"136":1}}],["isstroke",{"2":{"192":1}}],["isstring",{"0":{"46":1}}],["isstack",{"0":{"153":1},"2":{"4":1,"11":1,"77":1,"153":2,"190":2}}],["issues",{"2":{"93":2}}],["issue",{"2":{"1":3,"3":1,"4":2,"5":2,"7":1,"9":1,"15":2,"16":2}}],["innertext",{"2":{"196":4,"198":1,"200":1,"201":4,"202":1,"203":1,"204":1,"205":6}}],["insideoutside",{"2":{"196":2}}],["inside",{"2":{"183":1,"196":3}}],["install",{"2":{"113":1}}],["instantiate",{"2":{"99":1}}],["instance",{"0":{"79":1,"80":1,"125":1,"190":1},"1":{"126":1,"127":1,"128":1,"129":1,"130":1,"131":1,"132":1,"133":1,"134":1,"135":1,"136":1,"137":1,"138":1,"139":1,"140":1,"141":1,"142":1,"143":1,"144":1,"145":1,"146":1,"147":1,"148":1,"149":1,"150":1,"151":1,"152":1,"153":1,"154":1,"155":1,"156":1,"157":1,"158":1,"159":1,"160":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"168":1,"169":1,"170":1,"171":1,"172":1,"173":1,"174":1,"175":1},"2":{"3":1,"4":1,"10":1,"11":1,"14":2,"18":1,"20":14,"27":2,"28":1,"77":1,"179":1,"181":1}}],["instead",{"2":{"20":6,"74":1,"78":3,"79":1,"80":1,"106":1,"146":1,"148":1,"151":1,"187":1,"189":1,"190":3}}],["invalid",{"2":{"179":1}}],["invalidity",{"2":{"17":1}}],["individuals",{"2":{"206":1}}],["indicatortitle",{"2":{"205":3}}],["indicatorbuttoncontainer",{"2":{"205":6}}],["indicatorfigure",{"2":{"122":1}}],["indicatorfigurestyle",{"2":{"122":1}}],["indicatorfigureattrs",{"2":{"122":1}}],["indicatorfigureattrscallbackcoordinate",{"2":{"122":1}}],["indicatordata",{"2":{"122":3}}],["indicatorstyle",{"2":{"122":4}}],["indicators",{"0":{"86":1,"120":1,"121":1},"1":{"122":1,"123":1,"124":1},"2":{"2":1,"7":1,"37":1,"81":1,"87":2,"98":1,"119":1,"156":1,"195":1}}],["indicator",{"0":{"36":1,"87":2,"119":1,"192":1,"201":1},"1":{"120":1,"121":1,"122":1,"123":1,"124":1},"2":{"1":2,"3":1,"4":1,"11":1,"20":11,"27":2,"36":9,"119":1,"121":3,"122":24,"123":1,"124":1,"130":1,"153":6,"154":5,"155":2,"156":1,"183":1,"187":3,"192":3,"201":4,"203":2,"205":3}}],["index",{"2":{"122":8,"163":1,"166":1,"172":2,"179":4,"185":2,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["info",{"2":{"40":1,"41":1,"76":2,"205":2}}],["information",{"2":{"33":1,"36":3,"38":2,"62":1,"63":1,"66":1,"67":1,"107":1,"121":1,"122":8,"153":1,"154":3,"155":1,"158":1,"159":1,"168":1,"179":6,"180":1,"206":1}}],["integration",{"2":{"195":1}}],["internationalized",{"2":{"183":1}}],["internationalization",{"0":{"116":1},"1":{"117":1,"118":1}}],["internal",{"2":{"11":2}}],["interact",{"2":{"81":1}}],["introducation",{"0":{"193":1},"1":{"194":1,"195":1}}],["introduces",{"2":{"119":1,"176":1}}],["introduction",{"0":{"76":1},"2":{"19":1}}],["into",{"2":{"27":2,"45":1,"54":2,"100":1,"174":1,"186":1,"187":1,"190":1,"192":1}}],["intl",{"2":{"27":1,"55":1,"179":2}}],["inaccurate",{"2":{"16":1}}],["input",{"0":{"76":1},"2":{"15":1,"27":1,"153":1}}],["includeoverlay",{"0":{"174":1},"2":{"174":2}}],["include",{"2":{"122":1,"174":1,"179":1,"183":2}}],["increments",{"2":{"27":1}}],["increment",{"2":{"7":1,"32":1,"122":1}}],["incorrect",{"2":{"5":1}}],["in",{"0":{"86":1,"87":1,"100":1,"120":1,"177":1},"1":{"101":1,"102":1,"103":1,"104":1,"105":1,"106":1},"2":{"7":1,"8":1,"9":1,"14":1,"16":2,"17":1,"20":1,"27":2,"29":1,"59":1,"77":1,"81":1,"88":1,"98":1,"107":1,"115":1,"116":1,"119":2,"121":1,"122":8,"124":3,"150":1,"153":1,"165":1,"175":1,"176":2,"178":1,"179":9,"180":1,"195":1,"196":2,"198":2,"200":2,"201":2,"202":3,"203":2,"204":2,"205":2,"206":1}}],["initial",{"2":{"114":1}}],["initialized",{"0":{"83":1}}],["initialize",{"2":{"27":1,"114":7}}],["init",{"0":{"27":1,"78":1},"2":{"4":1,"77":1,"114":12,"118":1,"181":1,"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["ineffective",{"2":{"1":1}}],["🛡",{"2":{"195":1}}],["📱",{"2":{"195":1}}],["💪",{"2":{"195":1}}],["📦",{"2":{"195":1}}],["📃",{"0":{"193":1},"1":{"194":1,"195":1}}],["🚀",{"0":{"112":1},"1":{"113":1,"114":1},"2":{"195":1}}],["💬",{"0":{"92":1},"1":{"93":1,"94":1,"95":1,"96":1,"97":1}}],["🙋",{"0":{"82":1},"1":{"83":1,"84":1,"85":1,"86":1,"87":1,"88":1}}],["📚",{"0":{"81":1}}],["🗑",{"2":{"20":1}}],["👉",{"2":{"20":1}}],["🛠️",{"0":{"184":1},"1":{"185":1,"186":1,"187":1,"188":1,"189":1,"190":1,"191":1,"192":1}}],["🛠",{"2":{"20":1}}],["🖋️",{"2":{"4":1}}],["💄",{"2":{"1":2,"3":1,"4":2,"7":3,"8":1,"9":2,"10":1,"11":3,"12":1,"13":2,"14":2,"15":3,"16":1,"17":1,"18":1}}],["🐞",{"2":{"1":3,"2":2,"3":2,"4":2,"5":2,"6":1,"7":1,"9":2,"12":1,"15":2,"16":2,"17":1,"19":1}}],["📠",{"0":{"0":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1,"21":1,"22":1,"23":1,"24":1,"25":1}}],["d9d9d9",{"2":{"183":6}}],["d>>",{"2":{"122":1}}],["dma",{"2":{"120":1}}],["dmi",{"2":{"120":1}}],["dd",{"2":{"55":1}}],["during",{"2":{"38":1,"179":4}}],["dcs",{"0":{"28":1},"2":{"28":2}}],["dark",{"2":{"203":3}}],["date",{"2":{"27":1,"55":1,"179":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["datetimeformat",{"0":{"55":1},"2":{"27":2,"55":2,"179":3}}],["datasource",{"2":{"192":2}}],["dataindex",{"0":{"163":1,"166":1},"2":{"38":1,"122":1,"157":2,"159":1,"163":2,"166":2,"172":4,"173":2,"179":3}}],["datalist",{"0":{"146":1,"147":1},"2":{"36":1,"81":2,"122":1,"146":2,"147":2,"152":1,"153":1,"154":1,"196":3,"197":3,"198":3,"199":6,"200":3,"201":3,"202":3,"203":3,"204":3,"205":3}}],["data",{"0":{"81":1,"86":1,"148":1,"169":1,"199":1},"2":{"1":1,"15":1,"36":3,"38":1,"52":1,"81":4,"114":7,"122":26,"124":3,"146":6,"147":5,"148":7,"149":3,"150":2,"151":1,"152":5,"153":2,"154":3,"159":1,"163":1,"166":1,"169":3,"170":1,"171":1,"172":1,"179":4,"201":3}}],["dashvalue",{"2":{"20":1,"187":1}}],["dashedvalue",{"2":{"20":1,"68":2,"70":2,"101":1,"103":1,"110":2,"154":1,"157":1,"159":1,"183":12,"187":1}}],["dashed",{"2":{"20":1,"68":2,"69":2,"70":2,"71":2,"72":2,"73":2,"101":1,"102":1,"103":2,"104":1,"105":1,"110":4,"111":1,"153":2,"154":2,"183":22,"187":1}}],["docs",{"2":{"179":1}}],["doctype",{"2":{"114":1}}],["document",{"2":{"98":1,"119":1,"176":1,"184":2,"196":6,"198":3,"200":3,"201":6,"202":3,"203":5,"204":3,"205":9}}],["dotted",{"2":{"101":1,"102":1,"103":2,"104":1,"105":1}}],["do",{"0":{"84":1,"86":1,"88":1},"2":{"117":1,"122":5,"179":6}}],["domid",{"2":{"78":2}}],["dom",{"2":{"27":1,"28":1,"126":1,"190":1}}],["double",{"2":{"18":1,"38":1,"159":1,"179":1}}],["downcolor",{"2":{"154":2,"183":5,"203":10}}],["down",{"2":{"122":1,"179":2,"183":1,"198":2}}],["downwickcolor",{"2":{"14":1,"183":1,"203":2}}],["downbordercolor",{"2":{"14":1,"183":1,"203":2}}],["download",{"2":{"2":1,"113":1}}],["drag",{"2":{"179":3}}],["dragged",{"2":{"153":1,"168":1}}],["dragging",{"2":{"38":1,"135":1,"136":1,"159":1}}],["dragenabled",{"2":{"27":1,"153":3,"168":3}}],["drawrecttext",{"0":{"73":1,"74":1},"2":{"74":2}}],["drawrect",{"0":{"72":1}}],["drawpolygon",{"0":{"71":1}}],["drawline",{"0":{"70":1}}],["drawcircle",{"0":{"69":1}}],["drawarc",{"0":{"68":1}}],["draw",{"2":{"20":1,"33":2,"36":2,"38":2,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"99":2,"108":2,"111":4,"122":1,"153":1,"154":3,"159":2,"179":3,"192":1,"201":1}}],["drawn",{"2":{"16":1,"122":2,"159":1}}],["drawing",{"2":{"1":1,"18":1,"33":1,"36":1,"38":2,"122":1,"150":1,"154":1,"159":2,"179":4,"180":1,"195":1}}],["drop",{"2":{"9":1}}],["ds",{"0":{"27":1},"2":{"4":1,"27":2,"77":1,"181":1}}],["demonstration",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["determined",{"2":{"192":1}}],["determine",{"2":{"110":1,"123":1,"124":1,"180":1}}],["details",{"2":{"27":1,"33":1,"38":1,"87":1,"128":1,"146":1,"147":1,"148":1,"179":1,"186":1}}],["developer",{"2":{"179":1}}],["developers",{"2":{"96":1}}],["development",{"2":{"14":1,"195":1}}],["definition",{"2":{"195":1}}],["define",{"2":{"110":2}}],["defined",{"2":{"78":1}}],["defaulted",{"2":{"146":1,"147":1,"153":2,"155":1,"165":1,"168":2,"174":3,"179":8}}],["defaultticks",{"2":{"76":1}}],["defaultvalue",{"0":{"52":1},"2":{"52":1,"183":2}}],["defaultstyles",{"2":{"36":2,"122":3,"153":2,"154":2,"179":1,"192":3}}],["default",{"0":{"183":1},"2":{"13":1,"38":3,"76":1,"84":1,"114":3,"116":1,"120":3,"122":10,"126":2,"127":2,"146":1,"147":1,"153":5,"154":1,"155":1,"156":1,"157":1,"159":3,"161":2,"162":2,"163":2,"164":2,"165":3,"166":2,"167":2,"168":3,"171":1,"174":2,"179":12,"180":1}}],["defaultzlevel",{"2":{"10":1}}],["dependencies",{"2":{"195":1}}],["dependency",{"2":{"2":1}}],["deprecated",{"2":{"74":1,"106":1,"146":1,"147":1,"148":1,"151":1}}],["design",{"0":{"186":1}}],["description",{"0":{"108":1,"122":1,"179":1},"1":{"123":1,"124":1},"2":{"114":1}}],["describes",{"2":{"98":1}}],["deselected",{"2":{"38":1,"159":1}}],["destroy",{"2":{"114":6}}],["destroyed",{"2":{"28":1}}],["destroys",{"2":{"28":1}}],["deleted",{"2":{"74":1,"106":1}}],["delete",{"2":{"20":8,"38":1,"159":1,"179":2,"187":1,"189":1,"190":5,"192":1}}],["deep",{"2":{"44":1}}],["deeprequired",{"2":{"15":1}}],["deeppartial",{"2":{"15":1}}],["decimal",{"2":{"27":1,"57":1,"84":1,"179":1}}],["decimalfoldthreshold",{"2":{"27":2,"179":1}}],["decimals",{"2":{"1":1}}],["declarations",{"2":{"13":1}}],["declaration",{"2":{"7":1,"9":1}}],["directly",{"2":{"180":1}}],["direction",{"2":{"20":1}}],["dimensions",{"2":{"122":1,"127":1,"179":1}}],["div>",{"2":{"114":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["div",{"2":{"114":7,"196":3,"197":1,"198":3,"199":1,"200":3,"201":3,"202":3,"203":3,"204":3,"205":4}}],["dividing",{"2":{"9":1}}],["diamond",{"2":{"109":1,"111":3}}],["distinguished",{"2":{"185":1}}],["distance",{"0":{"137":1,"161":1},"2":{"122":8,"137":1,"139":1,"140":1,"161":4,"162":1,"179":4,"190":1}}],["dist",{"2":{"113":1,"114":1}}],["discussion",{"0":{"96":1,"97":1}}],["discussions",{"2":{"93":2}}],["discord",{"0":{"95":1},"2":{"95":1}}],["dispose",{"0":{"28":1},"2":{"114":11}}],["displayed",{"2":{"122":2,"206":1}}],["displaying",{"2":{"15":1}}],["display",{"2":{"1":2,"4":2,"5":2,"10":1,"14":1,"15":1,"36":1,"81":1,"122":2,"123":1,"154":1,"183":2,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":2,"206":3}}],["different",{"2":{"1":1,"148":1}}],["amount",{"2":{"206":1}}],["america",{"2":{"204":1}}],["at",{"2":{"165":1,"166":1,"172":1}}],["attrs",{"2":{"9":1,"33":2,"36":2,"38":6,"99":2,"101":1,"102":1,"103":2,"104":1,"105":1,"108":2,"111":4,"122":1,"179":2,"180":1,"202":1}}],["attribute",{"0":{"108":1,"122":1,"179":1},"1":{"123":1,"124":1},"2":{"3":1,"20":6,"99":1,"110":1,"192":2}}],["attributes",{"2":{"1":1,"10":1,"20":1,"30":1,"110":1,"124":1}}],["adjustments",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["adjustment",{"0":{"185":1,"186":1,"187":1,"188":1,"192":1},"1":{"189":1,"190":1,"191":1}}],["adjust",{"2":{"153":1,"168":1}}],["address",{"2":{"206":1}}],["addeventlistener",{"2":{"196":4,"198":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":4}}],["added",{"2":{"11":1,"20":1}}],["additionally",{"2":{"146":1}}],["adding",{"0":{"117":1},"2":{"1":1,"117":1,"118":1}}],["addtechnicalindicatortemplate",{"2":{"20":2,"189":1}}],["addshapetemplate",{"2":{"20":2,"189":1}}],["adds",{"2":{"4":1}}],["add",{"2":{"3":2,"4":2,"8":2,"9":2,"10":2,"11":1,"14":4,"15":1,"18":1,"20":3,"29":1,"32":1,"33":1,"36":1,"38":1,"40":1,"41":1,"96":1,"107":2,"113":1,"114":7,"117":1,"121":2,"146":1,"147":1,"178":2}}],["affect",{"2":{"175":1}}],["affected",{"2":{"130":1}}],["afterviewinit",{"2":{"114":2}}],["after",{"0":{"83":1},"2":{"16":1,"74":1,"77":1,"106":1,"118":1,"122":1,"174":1}}],["ao",{"2":{"120":1}}],["about",{"2":{"122":2,"179":2}}],["absoluteyaxis",{"2":{"190":1}}],["absolute",{"2":{"172":3,"173":3,"190":1}}],["abs",{"2":{"111":2,"180":2,"202":2}}],["abandonment",{"2":{"20":1}}],["avoid",{"2":{"150":1}}],["average",{"2":{"123":1}}],["avp",{"2":{"81":1,"120":1}}],["available",{"2":{"28":1,"139":1,"140":1}}],["alipay",{"0":{"208":1}}],["alignment",{"2":{"67":2,"73":2,"105":1}}],["align",{"2":{"67":2,"73":2,"105":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["alphagreen",{"2":{"203":7}}],["alphared",{"2":{"203":7}}],["alphabetic",{"2":{"67":1,"73":1}}],["also",{"2":{"130":1}}],["always",{"2":{"83":1,"175":1,"183":4,"205":2}}],["all",{"2":{"14":1,"20":2,"98":1,"154":1,"155":1,"156":1,"171":1,"187":1,"191":1,"198":2}}],["actual",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["activeradius",{"2":{"183":1}}],["activebordersize",{"2":{"183":1}}],["activebordercolor",{"2":{"183":1}}],["activebackgroundcolor",{"2":{"183":3}}],["activecolor",{"2":{"183":1}}],["actions",{"2":{"170":1,"171":1}}],["action",{"2":{"169":1}}],["account",{"2":{"206":1}}],["accomplished",{"2":{"117":1}}],["according",{"2":{"59":1,"155":1,"172":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["achieved",{"2":{"75":1}}],["acquisition",{"2":{"11":1}}],["auto",{"2":{"152":1,"183":2}}],["automatically",{"2":{"27":1,"131":1}}],["auxiliary",{"2":{"36":1,"154":1}}],["a",{"0":{"84":1,"85":1},"2":{"27":3,"28":2,"29":1,"32":1,"33":1,"36":1,"38":1,"43":1,"46":2,"47":2,"48":1,"49":1,"50":2,"51":2,"52":3,"60":1,"61":1,"62":1,"63":2,"64":1,"65":2,"66":2,"67":1,"72":1,"81":2,"88":1,"90":1,"98":1,"99":1,"107":1,"108":2,"109":3,"110":5,"111":3,"119":1,"121":2,"122":4,"124":2,"143":1,"144":1,"151":1,"153":5,"159":1,"161":1,"165":1,"166":1,"168":2,"170":1,"176":1,"179":3,"180":3,"181":2,"183":4,"190":1,"194":1,"206":1}}],["assisting",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["asia",{"2":{"27":1,"131":1,"204":1}}],["as",{"2":{"15":2,"27":2,"52":1,"54":1,"55":1,"74":1,"99":1,"106":1,"113":1,"123":1,"124":2,"131":1,"179":1,"195":1}}],["animation",{"2":{"161":2,"162":2,"163":2,"164":2,"165":2,"166":2,"167":2}}],["animationduration",{"0":{"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1},"2":{"161":2,"162":2,"163":2,"164":2,"165":2,"166":2,"167":2}}],["angular",{"2":{"114":1}}],["angle",{"2":{"62":2,"68":2,"101":2}}],["another",{"2":{"45":1}}],["annotation",{"2":{"20":1,"186":1,"187":1,"190":1}}],["any>",{"2":{"122":1}}],["any>>",{"2":{"122":1}}],["any",{"2":{"20":1,"33":2,"36":3,"38":19,"44":2,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"52":3,"67":1,"73":1,"105":1,"108":4,"122":6,"153":3,"154":3,"157":2,"159":1,"169":1,"170":1,"171":1,"179":7}}],["an",{"0":{"87":1},"2":{"15":1,"27":1,"49":1,"68":1,"98":1,"128":1,"146":1,"147":1,"153":1,"157":3,"172":3,"173":3,"174":1,"178":1,"183":3,"206":1}}],["and",{"2":{"1":2,"2":1,"3":1,"4":1,"7":2,"10":2,"11":1,"13":1,"14":5,"15":3,"16":2,"18":1,"20":9,"27":5,"29":1,"36":2,"38":4,"59":2,"61":1,"74":1,"75":1,"77":1,"81":2,"90":1,"96":1,"98":2,"99":1,"106":1,"107":2,"109":1,"110":5,"111":1,"115":1,"116":1,"119":1,"121":2,"122":1,"123":3,"128":1,"130":1,"135":1,"136":1,"148":1,"150":1,"153":1,"154":2,"155":1,"159":3,"170":1,"171":1,"172":1,"176":1,"178":1,"179":9,"180":1,"183":3,"185":1,"187":4,"190":6,"195":4,"196":1,"198":1,"200":1,"201":1,"202":1,"203":3,"204":1,"205":1,"206":2}}],["apache",{"2":{"206":1}}],["appreciated",{"2":{"206":1}}],["appendchild",{"2":{"196":5,"198":2,"200":2,"201":5,"202":2,"203":2,"204":2,"205":8}}],["appended",{"2":{"148":1}}],["app",{"2":{"114":1}}],["applymoredata",{"0":{"147":1},"2":{"14":1,"81":1,"199":1}}],["applynewdata",{"0":{"146":1},"2":{"14":1,"15":1,"81":1,"114":7,"196":1,"197":1,"198":1,"199":2,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["apis",{"2":{"11":1,"27":1,"191":1}}],["apissetmaxoffsetleftdistance",{"2":{"3":1}}],["api",{"0":{"26":1,"78":1,"79":1,"80":1,"125":1,"188":1,"189":1,"190":1,"191":1},"1":{"27":1,"28":1,"29":1,"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"43":1,"44":1,"45":1,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":1,"59":1,"60":1,"61":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"74":1,"126":1,"127":1,"128":1,"129":1,"130":1,"131":1,"132":1,"133":1,"134":1,"135":1,"136":1,"137":1,"138":1,"139":1,"140":1,"141":1,"142":1,"143":1,"144":1,"145":1,"146":1,"147":1,"148":1,"149":1,"150":1,"151":1,"152":1,"153":1,"154":1,"155":1,"156":1,"157":1,"158":1,"159":1,"160":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"168":1,"169":1,"170":1,"171":1,"172":1,"173":1,"174":1,"175":1,"189":1,"190":1,"191":1},"2":{"4":2,"8":1,"10":1,"11":1,"14":3,"15":1,"20":3,"27":1,"75":1,"77":2,"81":1,"88":1,"118":1,"147":1,"151":1,"153":1,"195":1}}],["arc",{"0":{"62":1,"68":1,"101":1},"2":{"17":1,"62":4,"68":5,"99":1,"100":1,"183":1}}],["are",{"2":{"16":1,"20":3,"36":1,"38":1,"98":2,"100":1,"123":2,"124":1,"154":1,"157":1,"159":1,"170":1,"171":1,"179":5,"180":1,"184":1,"185":1,"186":1,"187":2,"190":1,"191":1,"192":1}}],["area",{"2":{"5":1,"15":1,"85":1,"122":2,"183":2,"198":2,"206":1}}],["array",{"2":{"15":1,"27":2,"36":3,"38":4,"40":1,"41":1,"61":1,"64":1,"65":1,"69":1,"70":1,"71":2,"72":1,"76":2,"103":2,"122":5,"146":2,"147":2,"149":1,"153":3,"154":3,"157":3,"159":1,"172":3,"173":3,"179":4,"183":3}}],["arrays",{"2":{"10":1}}],["axisline",{"2":{"183":2}}],["axisoptions",{"2":{"11":1,"27":1,"77":2,"78":2,"79":1,"80":1,"153":3,"168":3}}],["axis",{"0":{"40":1,"41":1,"75":1,"196":1},"1":{"76":1,"77":1,"78":1,"79":1,"80":1},"2":{"1":2,"15":1,"20":1,"38":4,"40":5,"41":5,"60":1,"62":2,"63":2,"66":2,"67":2,"68":2,"69":2,"72":2,"73":2,"75":3,"76":1,"77":1,"78":2,"79":1,"80":1,"101":2,"102":2,"104":2,"105":2,"110":2,"122":4,"153":2,"159":2,"168":1,"172":2,"173":1,"179":9,"196":3}}],["f2f3f5",{"2":{"183":1}}],["fff",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["ffffff",{"2":{"174":1,"183":6,"203":1}}],["ff9600",{"2":{"154":1,"183":1}}],["f00",{"2":{"157":1,"159":1}}],["flex",{"2":{"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["floor",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":1}}],["flag",{"2":{"153":1,"168":1}}],["fluctuation",{"0":{"84":1}}],["full",{"0":{"183":1}}],["functions",{"2":{"195":1}}],["function",{"2":{"114":1,"151":1,"157":14,"159":14,"195":1,"196":5,"197":1,"198":2,"199":2,"200":2,"201":3,"202":2,"203":2,"204":2,"205":5}}],["future",{"2":{"1":1}}],["fefefe",{"2":{"183":1}}],["feedback",{"0":{"92":1},"1":{"93":1,"94":1,"95":1,"96":1,"97":1}}],["features",{"0":{"195":1},"2":{"20":1}}],["fall",{"2":{"203":6}}],["false",{"2":{"79":1,"153":1,"154":1,"157":5,"159":5,"183":10,"196":2,"201":1,"205":1}}],["fast",{"2":{"195":1}}],["factor",{"2":{"165":1,"166":1,"167":1}}],["faq",{"0":{"82":1},"1":{"83":1,"84":1,"85":1,"86":1,"87":1,"88":1}}],["family",{"0":{"58":1},"2":{"58":1,"67":2,"73":2,"105":1,"183":10}}],["f92855",{"2":{"13":1,"183":4,"203":1}}],["fruits",{"2":{"201":2}}],["frequent",{"2":{"175":1}}],["free",{"2":{"7":1,"206":1}}],["from",{"0":{"184":1},"1":{"185":1,"186":1,"187":1,"188":1,"189":1,"190":1,"191":1,"192":1},"2":{"52":1,"76":1,"114":11,"122":7,"145":1,"171":1,"179":2,"184":1,"185":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":3,"202":1,"203":1,"204":1,"205":1}}],["frame",{"2":{"9":1,"102":1,"103":1,"104":1,"105":1}}],["financial",{"2":{"194":1}}],["finder",{"0":{"172":1,"173":1},"2":{"172":2,"173":2,"190":4}}],["files",{"2":{"195":1}}],["filter",{"2":{"172":1,"173":1}}],["filltext",{"2":{"201":1}}],["filled",{"2":{"111":1,"180":1}}],["fillet",{"2":{"104":1,"105":1}}],["fill`",{"2":{"102":1,"103":1,"104":1,"105":1}}],["fillstyle",{"2":{"111":1}}],["fills",{"2":{"83":1}}],["fill",{"2":{"69":2,"71":2,"72":2,"73":2,"81":1,"102":2,"103":2,"104":2,"105":2,"110":4,"111":5,"153":4,"154":6,"175":1,"180":2,"183":34,"202":1,"203":4}}],["field",{"2":{"81":6,"108":1,"179":1}}],["fields",{"2":{"81":2,"179":1}}],["first",{"0":{"114":1},"2":{"16":1,"110":1,"114":1,"123":2,"151":1}}],["figures",{"0":{"100":1},"1":{"101":1,"102":1,"103":1,"104":1,"105":1,"106":1},"2":{"20":1,"36":2,"38":3,"98":2,"100":1,"107":1,"122":3,"123":3,"124":4,"153":1,"154":3,"192":1,"201":1}}],["figureindex",{"2":{"15":1}}],["figurekey",{"2":{"15":1}}],["figure",{"0":{"33":1,"98":1,"107":1},"1":{"99":1,"100":1,"101":1,"102":1,"103":1,"104":1,"105":1,"106":1,"107":1,"108":2,"109":2,"110":2,"111":2},"2":{"7":1,"8":1,"12":1,"16":2,"17":1,"33":5,"35":1,"36":1,"38":3,"98":3,"99":4,"101":1,"102":1,"103":2,"104":1,"105":1,"107":2,"108":3,"111":1,"122":1,"154":1,"159":3}}],["fixed",{"2":{"81":1,"105":2,"183":2}}],["fix",{"2":{"1":3,"2":2,"3":2,"4":2,"5":2,"6":1,"7":1,"9":1,"12":1,"15":2,"16":2,"17":1,"19":1}}],["foxmail",{"2":{"206":1}}],["follow",{"2":{"183":2,"205":2}}],["following",{"2":{"116":1,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["fold",{"2":{"27":1,"57":1,"179":1}}],["folding",{"2":{"1":1}}],["fontfamily",{"2":{"183":2}}],["font",{"2":{"67":1,"73":1,"105":1,"196":1,"198":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":1}}],["foreach",{"2":{"124":1,"196":4,"198":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":4}}],["formed",{"2":{"60":1,"61":1}}],["formatfolddecimal",{"0":{"57":1}}],["formatthousands",{"0":{"56":1}}],["formatting",{"2":{"1":1,"53":1}}],["formatprecision",{"0":{"53":1}}],["formatvalue",{"0":{"52":1},"2":{"52":1}}],["formats",{"2":{"27":1}}],["format",{"0":{"55":1},"2":{"27":2,"36":1,"54":1,"55":3,"56":1,"57":1,"81":1,"122":2,"124":1,"154":1,"179":1}}],["formatdate",{"0":{"55":1},"2":{"27":2}}],["formatbignumber",{"0":{"54":1},"2":{"14":1,"27":2}}],["force",{"2":{"18":1}}],["for",{"2":{"1":1,"3":1,"14":1,"16":2,"21":1,"22":1,"23":1,"27":2,"32":1,"33":1,"36":3,"37":1,"38":3,"39":1,"81":1,"87":1,"108":1,"117":1,"122":9,"128":1,"146":1,"147":1,"148":1,"149":1,"152":1,"153":1,"154":3,"159":1,"169":1,"179":4,"183":1,"186":1,"196":3,"197":2,"198":3,"199":2,"200":3,"201":4,"202":3,"203":3,"204":3,"205":3,"206":1}}],["forward",{"2":{"1":1,"152":2}}],["trc20",{"2":{"210":1}}],["transparent",{"2":{"183":2}}],["traditional",{"2":{"117":1}}],["true",{"2":{"122":1,"146":1,"147":1,"153":2,"154":2,"157":1,"159":1,"168":2,"179":1,"183":27,"196":2,"199":2,"201":1,"202":3}}],["trix",{"2":{"120":1}}],["triggered",{"2":{"122":1,"179":2}}],["triggering",{"2":{"16":2}}],["trigger",{"2":{"8":2,"179":1}}],["tsimport",{"2":{"114":1}}],["t",{"2":{"94":1}}],["two",{"2":{"59":1,"60":1,"84":1,"110":1,"111":1,"116":1,"123":1}}],["take",{"2":{"124":1}}],["takes",{"2":{"52":1}}],["targetcoordinate",{"0":{"60":1,"61":1},"2":{"60":1,"61":1}}],["target",{"0":{"44":1,"45":1},"2":{"44":1,"45":1}}],["tagid",{"2":{"190":1}}],["tag",{"2":{"20":1,"186":1,"187":1,"190":1}}],["tickline",{"2":{"183":2}}],["ticktext",{"2":{"183":2}}],["ticks",{"2":{"40":1,"41":1,"76":2}}],["ticketext",{"2":{"20":8,"187":8}}],["tip",{"2":{"36":1,"154":1,"205":2}}],["title>",{"2":{"114":1}}],["title>quick",{"2":{"114":1}}],["title",{"2":{"36":3,"122":2,"123":2,"124":4,"153":3,"154":3,"183":7,"192":2}}],["times",{"2":{"123":2}}],["timestamp",{"0":{"55":1,"164":1,"167":1},"2":{"27":1,"38":1,"55":1,"81":2,"114":70,"146":1,"147":1,"148":2,"149":1,"151":3,"157":4,"159":3,"164":4,"167":4,"172":5,"173":2,"179":6,"196":5,"197":5,"198":5,"199":7,"200":5,"201":5,"202":5,"203":5,"204":5,"205":5}}],["timezone",{"0":{"131":1,"204":1},"2":{"27":3,"131":2,"204":2}}],["time",{"0":{"85":1},"2":{"1":2,"16":1,"27":2,"29":1,"117":1,"124":1,"131":4,"132":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"172":1,"179":1,"183":3,"200":1}}],["thjptqmfgavm12ke1jzc5mlxiapp6qxmci",{"2":{"210":1}}],["those",{"2":{"206":1}}],["thousandsseparator",{"2":{"27":2,"179":1}}],["thousands",{"2":{"14":1,"27":1,"56":1,"179":1}}],["that",{"2":{"90":1,"109":1,"122":3,"124":2,"137":1,"138":1,"153":1,"154":1,"155":1,"156":1,"159":2,"179":2,"206":1}}],["than",{"0":{"87":1},"2":{"153":2,"168":2}}],["think",{"2":{"206":1}}],["this",{"2":{"81":1,"98":1,"114":1,"117":1,"119":1,"122":1,"146":1,"147":1,"151":1,"153":1,"175":1,"176":1,"184":1}}],["thickness",{"2":{"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"105":1}}],["three",{"2":{"110":1,"174":1,"180":1,"206":1}}],["threshold",{"0":{"57":1},"2":{"27":1,"57":1,"179":1}}],["through",{"2":{"27":1,"75":1,"81":1,"85":1,"98":1,"107":1,"113":2,"117":1,"118":1,"121":1,"128":1,"178":1,"190":1}}],["theme",{"0":{"203":1},"2":{"114":1,"203":4}}],["then",{"2":{"107":1,"121":1,"178":1}}],["these",{"2":{"100":1}}],["there",{"2":{"15":1,"99":1,"124":2,"146":1,"147":1}}],["the",{"0":{"83":1,"84":1,"87":1,"88":1,"114":1},"2":{"1":5,"3":6,"4":5,"5":5,"7":2,"9":4,"10":1,"11":3,"13":1,"14":3,"15":6,"16":5,"17":2,"18":3,"19":1,"20":8,"21":1,"22":1,"23":1,"24":1,"25":1,"27":5,"28":1,"31":2,"32":1,"33":2,"34":2,"36":2,"38":5,"42":2,"52":2,"59":2,"60":2,"61":4,"62":7,"63":6,"64":1,"67":1,"68":6,"69":7,"70":1,"71":1,"75":1,"77":5,"78":7,"79":3,"80":3,"81":5,"83":3,"84":1,"86":1,"88":2,"90":2,"96":1,"98":5,"99":3,"100":1,"101":6,"102":6,"104":4,"105":4,"107":3,"108":6,"109":1,"110":14,"114":14,"116":3,"118":1,"119":2,"121":2,"122":36,"123":10,"124":14,"126":4,"127":4,"128":1,"129":2,"130":2,"131":2,"132":1,"137":3,"138":3,"139":3,"140":3,"141":2,"142":2,"143":2,"144":2,"146":5,"147":3,"148":3,"149":3,"150":4,"151":2,"153":11,"154":4,"155":5,"156":4,"157":3,"158":2,"159":4,"160":2,"163":3,"164":1,"165":3,"166":2,"167":1,"168":5,"171":3,"172":6,"173":1,"174":7,"175":4,"176":2,"178":2,"179":49,"180":9,"181":4,"183":3,"184":1,"187":1,"190":4,"192":6,"195":2,"196":4,"198":4,"200":4,"201":4,"202":4,"203":4,"204":4,"205":4,"206":6}}],["typo",{"2":{"9":1}}],["type=",{"2":{"113":1,"114":1}}],["types",{"0":{"177":1},"2":{"15":2,"18":1,"31":1,"171":1,"174":1,"183":2,"196":2,"205":3}}],["typescriptklinecharts",{"2":{"117":1}}],["typescriptnew",{"2":{"101":1,"102":1,"103":2,"104":1,"105":1}}],["typescriptsetpaneoptions",{"2":{"80":1}}],["typescriptcreateindicator",{"2":{"79":1}}],["typescriptinit",{"2":{"78":1}}],["typescript",{"2":{"6":1,"7":1,"9":1,"13":1,"15":1,"19":1,"20":1,"27":1,"28":1,"29":1,"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"44":1,"45":1,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":1,"59":1,"60":1,"61":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"76":1,"81":1,"108":1,"122":1,"126":1,"127":1,"128":1,"129":1,"130":1,"131":1,"132":1,"133":1,"134":1,"135":1,"136":1,"137":1,"138":1,"139":1,"140":1,"141":1,"142":1,"143":1,"144":1,"145":1,"146":1,"147":1,"148":1,"149":1,"150":1,"151":1,"152":1,"153":1,"154":1,"155":1,"156":1,"157":1,"158":1,"159":1,"160":1,"161":1,"162":1,"163":1,"164":1,"165":1,"166":1,"167":1,"168":1,"169":1,"170":1,"171":1,"172":1,"173":1,"174":1,"175":1,"179":1,"195":1}}],["type",{"0":{"169":1,"170":1,"171":1,"174":1,"198":1},"2":{"1":1,"5":1,"9":1,"12":1,"20":1,"27":2,"32":1,"34":1,"36":2,"38":6,"78":2,"85":1,"110":1,"122":10,"123":2,"124":3,"129":1,"146":1,"147":1,"148":1,"149":1,"152":2,"153":3,"154":2,"157":1,"169":2,"170":2,"171":2,"174":3,"179":8,"180":1,"183":4,"190":3,"195":1,"196":2,"198":2,"202":1}}],["tells",{"2":{"146":1,"147":1}}],["telegram",{"0":{"94":1}}],["terminals",{"2":{"195":1}}],["terminal",{"2":{"90":1}}],["term",{"2":{"59":1,"61":1}}],["technicalindicator",{"2":{"20":4,"187":3,"192":1}}],["technical",{"0":{"86":1,"87":1,"119":1,"120":1,"121":1,"192":1},"1":{"120":1,"121":1,"122":2,"123":2,"124":2},"2":{"7":1,"20":6,"36":2,"37":1,"81":1,"87":1,"98":1,"119":2,"121":3,"122":11,"123":1,"130":1,"153":3,"154":1,"155":2,"156":2}}],["textalign",{"2":{"201":1}}],["textweight",{"2":{"183":2}}],["textfamily",{"2":{"183":2}}],["textsize",{"2":{"183":2}}],["textmargin",{"2":{"183":2}}],["text",{"0":{"58":1,"67":1,"105":1},"2":{"4":1,"5":1,"7":1,"15":1,"20":4,"36":2,"40":1,"41":1,"58":2,"67":7,"73":5,"74":2,"76":2,"100":1,"105":2,"106":2,"113":1,"114":1,"122":4,"153":2,"154":2,"183":10,"196":17,"198":8,"200":5,"201":2,"202":4,"203":6,"204":5,"205":13}}],["template>",{"2":{"114":2}}],["templates",{"2":{"9":1,"183":1}}],["template",{"2":{"4":1,"20":1,"114":1,"189":4}}],["turnover",{"2":{"4":1,"81":2,"117":1,"146":1,"147":1,"148":1,"149":1,"196":2,"197":2,"198":2,"199":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["tofixed",{"2":{"196":4,"197":4,"198":4,"199":4,"200":4,"201":4,"202":4,"203":4,"204":4,"205":4}}],["tools",{"2":{"113":1}}],["tooltip",{"0":{"205":1},"2":{"4":1,"8":1,"9":1,"14":2,"20":2,"122":1,"183":2,"187":3,"205":4}}],["total",{"2":{"38":1,"179":1}}],["totalstep",{"2":{"38":2,"179":1,"180":1,"202":1}}],["top",{"2":{"27":2,"67":1,"73":2,"76":1,"105":1,"122":4,"127":1,"153":5,"168":4,"179":2,"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":2,"206":1}}],["to",{"0":{"84":1,"85":1,"86":1,"87":1,"88":1,"184":1},"1":{"185":1,"186":1,"187":1,"188":1,"189":1,"190":1,"191":1,"192":1},"2":{"1":1,"13":2,"14":1,"16":1,"18":1,"20":25,"21":2,"22":2,"23":2,"24":2,"25":2,"27":2,"32":1,"36":4,"38":2,"59":1,"76":1,"77":2,"81":3,"83":1,"84":1,"90":3,"96":1,"98":3,"99":1,"107":4,"114":7,"116":2,"117":1,"119":1,"121":3,"122":16,"123":1,"124":5,"128":1,"129":1,"131":1,"133":1,"137":1,"138":1,"141":1,"142":1,"145":1,"146":2,"147":1,"148":1,"149":1,"150":2,"152":1,"153":1,"154":6,"155":1,"158":1,"159":3,"162":1,"163":1,"164":1,"165":1,"168":1,"170":1,"171":1,"172":4,"173":2,"174":1,"176":1,"178":1,"179":16,"180":4,"183":2,"184":4,"186":1,"187":11,"189":1,"190":16,"191":1,"192":6,"195":1,"196":1,"198":1,"200":1,"201":3,"202":1,"203":1,"204":1,"205":1,"206":2}}],["css",{"2":{"196":2,"198":2,"200":1,"201":2,"202":2,"203":2,"204":2,"205":2}}],["ci",{"2":{"177":1}}],["circles",{"2":{"20":1,"154":1,"183":1,"187":1,"203":2}}],["circle",{"0":{"63":1,"69":1,"102":1},"2":{"20":1,"62":2,"63":6,"68":2,"69":6,"99":1,"100":1,"101":2,"102":2,"180":5,"183":1,"187":1,"202":5}}],["cb",{"0":{"151":1,"152":1},"2":{"151":2,"152":2}}],["cycle",{"2":{"123":2}}],["cci",{"2":{"120":1}}],["cdn",{"2":{"113":2,"114":1}}],["center",{"2":{"62":2,"63":2,"67":1,"68":2,"69":2,"73":1,"101":2,"102":2,"110":2,"196":1,"198":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":1}}],["certain",{"2":{"52":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"161":1,"165":1,"166":1,"179":1}}],["c",{"2":{"52":3}}],["ctx",{"0":{"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"74":1},"2":{"33":1,"68":2,"69":2,"70":2,"71":2,"72":2,"73":2,"74":2,"99":2,"108":1,"111":21,"122":1,"192":2,"201":4}}],["cn",{"2":{"27":1,"29":1,"116":1,"200":1}}],["cup",{"2":{"206":1}}],["currentstep",{"2":{"179":1}}],["currently",{"2":{"115":1,"116":1,"148":1}}],["currentcolor",{"2":{"111":2}}],["current",{"2":{"42":1,"122":2,"149":1,"171":1,"179":1}}],["cursor",{"2":{"15":1,"122":2}}],["customxaxisname",{"2":{"78":2}}],["customyaxisname",{"2":{"78":2,"79":2,"80":2}}],["customizable",{"2":{"194":1}}],["customization",{"2":{"11":1,"109":1}}],["customizing",{"2":{"78":2,"79":1,"80":1}}],["customized",{"0":{"192":1}}],["customize",{"0":{"107":1},"1":{"108":1,"109":1,"110":1,"111":1},"2":{"27":1,"98":1,"119":1,"176":1,"178":1,"181":1}}],["customapi",{"2":{"27":2}}],["custom",{"0":{"75":1,"121":1,"178":1},"1":{"76":1,"77":1,"78":1,"79":1,"80":1,"122":1,"123":1,"124":1,"179":1,"180":1},"2":{"1":1,"4":1,"8":1,"9":1,"20":2,"27":1,"36":2,"40":1,"41":1,"75":1,"87":1,"98":1,"107":1,"111":1,"121":1,"122":2,"124":1,"154":2,"180":1,"183":2,"187":1,"201":3,"202":1}}],["chicago",{"2":{"204":2}}],["child",{"2":{"183":1,"205":1}}],["chinese",{"2":{"117":1}}],["checking",{"2":{"83":1}}],["checkcoordinateontext",{"0":{"67":1}}],["checkcoordinateonrect",{"0":{"66":1}}],["checkcoordinateonpolygon",{"0":{"65":1}}],["checkcoordinateonline",{"0":{"64":1}}],["checkcoordinateoncircle",{"0":{"63":1}}],["checkcoordinateonarc",{"0":{"62":1}}],["checks",{"2":{"33":1,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"63":1,"65":1,"66":1}}],["checkeventon",{"2":{"33":2,"108":1,"111":2}}],["check",{"2":{"12":2,"21":1,"22":1,"23":1,"62":1,"64":1,"67":1,"108":1}}],["channels",{"0":{"207":1},"1":{"208":1,"209":1,"210":1}}],["changing",{"2":{"13":1}}],["changes",{"2":{"181":1}}],["changed",{"2":{"20":25,"124":2,"187":10,"189":1,"190":11,"192":4}}],["change",{"0":{"0":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1,"21":1,"22":1,"23":1,"24":1,"25":1},"2":{"8":1,"20":1,"21":1,"22":1,"23":1,"117":1,"122":1,"124":1,"192":2}}],["charset=",{"2":{"114":1}}],["chartcomponent",{"2":{"114":1}}],["charts",{"2":{"29":1,"87":1}}],["chart",{"0":{"26":1,"78":1,"83":1,"85":1,"114":1,"189":1},"1":{"27":1,"28":1,"29":1,"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"43":1,"44":1,"45":1,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"52":1,"53":1,"54":1,"55":1,"56":1,"57":1,"58":1,"59":1,"60":1,"61":1,"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"74":1},"2":{"4":1,"8":1,"11":1,"15":2,"18":1,"20":3,"27":3,"28":4,"30":1,"31":1,"37":1,"39":1,"42":1,"75":2,"77":1,"81":3,"83":1,"84":1,"86":1,"88":1,"90":1,"98":3,"100":1,"107":1,"114":56,"116":1,"118":1,"119":1,"121":1,"122":1,"126":1,"127":1,"132":1,"137":1,"138":1,"139":1,"140":1,"143":1,"144":1,"146":2,"147":1,"149":1,"150":2,"152":1,"153":2,"165":1,"169":1,"170":1,"171":1,"174":1,"175":2,"176":1,"178":1,"180":1,"181":3,"194":1,"195":1,"196":8,"197":4,"198":5,"199":9,"200":5,"201":6,"202":5,"203":8,"204":5,"205":10}}],["chat",{"2":{"96":1}}],["cryptocurrency",{"0":{"210":1}}],["cr",{"2":{"120":1}}],["creating",{"2":{"153":1}}],["creation",{"2":{"36":1,"38":1,"108":1,"114":1,"154":1,"159":1,"179":1}}],["createelement",{"2":{"196":5,"198":2,"200":2,"201":5,"202":2,"203":2,"204":2,"205":8}}],["created",{"2":{"88":1}}],["creates",{"2":{"38":3,"157":1}}],["createshape",{"2":{"20":1,"190":1}}],["createyaxisfigures",{"2":{"38":2,"179":1}}],["createxaxisfigures",{"2":{"38":2,"179":1}}],["createpointfigures",{"2":{"38":2,"179":1,"180":1,"202":1}}],["create",{"0":{"85":1,"87":1,"114":1},"2":{"36":1,"40":1,"41":1,"76":1,"107":1,"121":1,"122":1,"153":1,"154":1,"179":3,"180":1}}],["createhtml",{"2":{"20":1,"190":1}}],["createticks",{"2":{"40":2,"41":2,"76":1}}],["createtooltipdatasource",{"2":{"36":2,"122":1,"153":1,"154":2,"192":2}}],["createtag",{"2":{"20":1,"190":1}}],["createtechnicalindicator",{"2":{"20":1,"190":1}}],["createannotation",{"2":{"20":1,"190":1}}],["createoverlay",{"0":{"157":1},"2":{"10":1,"20":2,"88":1,"157":1,"158":1,"160":1,"190":1,"202":3}}],["createindicator",{"0":{"79":1,"153":1},"2":{"4":1,"11":1,"20":1,"27":1,"77":1,"86":1,"153":1,"155":1,"156":1,"190":1,"201":2,"203":1,"205":2}}],["cross",{"2":{"15":1,"122":3,"183":2,"205":2}}],["crosshair",{"2":{"5":1,"20":2,"122":1,"183":1,"192":2}}],["cleared",{"2":{"150":1}}],["cleardata",{"0":{"150":1},"2":{"146":1}}],["clear",{"2":{"146":1,"150":1}}],["click",{"2":{"38":3,"159":3,"179":4,"196":4,"198":1,"200":1,"201":2,"202":1,"203":1,"204":1,"205":4,"206":1}}],["clicking",{"2":{"18":1}}],["classname",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":2}}],["class",{"2":{"35":1,"99":1,"114":1}}],["clarity",{"2":{"1":1}}],["closing",{"2":{"123":1,"183":1}}],["closesums",{"2":{"124":5}}],["closepath",{"2":{"111":2}}],["close",{"2":{"29":1,"81":2,"114":70,"117":1,"124":4,"146":1,"147":1,"148":1,"149":1,"183":3,"196":4,"197":4,"198":4,"199":7,"200":5,"201":5,"202":4,"203":4,"204":4,"205":4}}],["clone",{"0":{"44":1},"2":{"4":1}}],["code",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["cost",{"2":{"195":1}}],["corresponds",{"2":{"172":1}}],["corresponding",{"2":{"38":1,"52":1,"124":1,"179":8,"180":2,"190":1}}],["core",{"2":{"114":1}}],["combined",{"2":{"190":1}}],["com",{"2":{"93":2,"206":2}}],["compression",{"2":{"195":1}}],["component",{"2":{"114":2,"122":4,"179":2}}],["composed",{"2":{"59":1,"98":1}}],["completely",{"2":{"206":1}}],["complete",{"2":{"118":1,"129":1,"179":1,"180":2,"195":1}}],["completes",{"2":{"114":1}}],["completed",{"2":{"77":1,"111":1,"124":1}}],["complex",{"2":{"98":1}}],["copy",{"2":{"44":1}}],["collection",{"2":{"43":1}}],["color",{"2":{"36":2,"67":3,"68":3,"69":4,"70":3,"71":4,"72":4,"73":5,"101":2,"102":3,"103":5,"104":3,"105":4,"110":4,"111":2,"114":1,"122":2,"153":4,"154":5,"157":1,"159":1,"174":1,"183":38,"192":3,"196":2,"198":2,"200":2,"201":2,"202":2,"203":2,"204":2,"205":2}}],["coord",{"2":{"40":1,"41":1,"76":2}}],["coordinates",{"2":{"64":1,"65":1,"70":1,"71":1,"103":4,"108":1,"172":1,"173":1,"179":1,"180":7,"202":7}}],["coordinate2",{"0":{"59":1,"60":1},"2":{"59":1,"60":1}}],["coordinate1",{"0":{"59":1,"60":1},"2":{"59":1,"60":1}}],["coordinate",{"0":{"62":1,"63":1,"64":1,"65":1,"66":1,"67":1,"165":1,"173":1},"2":{"1":1,"33":2,"36":2,"59":1,"60":2,"61":1,"62":4,"63":4,"64":2,"65":2,"66":4,"67":4,"77":1,"101":2,"102":2,"104":2,"105":2,"108":1,"110":2,"111":3,"122":2,"165":4,"172":1,"173":3,"179":1,"190":1}}],["coverage",{"2":{"15":1}}],["console",{"2":{"157":14,"159":14}}],["consistent",{"2":{"124":2,"153":1,"157":1,"179":3}}],["constructor",{"2":{"179":1}}],["constant",{"2":{"59":1,"61":1}}],["const",{"2":{"52":1,"99":1,"111":5,"114":6,"124":3,"180":3,"196":19,"197":9,"198":13,"199":12,"200":13,"201":23,"202":16,"203":17,"204":13,"205":20}}],["connecting",{"2":{"123":1}}],["configure",{"2":{"180":1,"183":1}}],["configured",{"2":{"122":1,"123":1}}],["configuration",{"0":{"183":1,"187":1},"2":{"4":1,"8":1,"9":1,"11":1,"14":1,"20":3,"27":1,"29":1,"32":2,"36":1,"122":1,"123":1,"128":2,"129":1,"153":1,"154":1,"168":2,"179":1,"195":1}}],["conversion",{"2":{"122":4,"179":2}}],["convertfrompixel",{"0":{"173":1},"2":{"190":1}}],["convert",{"2":{"172":1,"173":1}}],["converttopixel",{"0":{"172":1},"2":{"190":1,"201":2}}],["converttimestamptopixel",{"2":{"10":1}}],["converttimestampfrompixel",{"2":{"10":1}}],["converted",{"2":{"36":2,"154":2,"172":2,"173":1,"174":2}}],["context",{"2":{"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"99":2,"108":1,"122":1}}],["content=",{"2":{"114":4}}],["content",{"2":{"27":2,"67":1,"73":1,"105":1}}],["container",{"2":{"27":1,"78":1,"83":2,"126":2,"127":1,"175":1,"196":7,"198":7,"200":7,"201":7,"202":7,"203":7,"204":7,"205":10}}],["caution",{"2":{"175":1}}],["carefully",{"2":{"98":1}}],["cancel",{"2":{"171":1,"179":1}}],["cannot",{"2":{"124":1}}],["canvastextbaseline",{"2":{"105":1}}],["canvastextalign",{"2":{"105":1}}],["canvasgradient",{"2":{"69":1,"71":1,"72":1,"105":1}}],["canvas",{"2":{"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"90":2,"99":2,"108":1,"122":1}}],["canvasrenderingcontext2d",{"2":{"33":1,"68":1,"69":1,"70":1,"71":1,"72":1,"73":1,"108":1,"122":1}}],["can",{"0":{"83":1},"2":{"27":3,"28":1,"75":1,"77":1,"86":1,"88":2,"98":1,"109":1,"110":2,"113":1,"116":1,"117":1,"118":1,"122":1,"128":1,"134":1,"137":1,"138":1,"146":1,"147":1,"153":6,"155":1,"157":1,"161":1,"162":1,"163":1,"164":1,"165":2,"166":1,"167":1,"168":5,"172":1,"173":1,"174":3,"179":12,"180":1,"181":2,"183":3,"195":1,"206":2}}],["candles",{"2":{"141":1,"142":1}}],["candlesticks",{"2":{"122":2,"179":2}}],["candlestick",{"2":{"122":2,"143":1,"144":1,"179":2}}],["candle",{"0":{"84":1,"198":1},"2":{"1":1,"3":2,"4":1,"5":1,"8":1,"9":1,"10":1,"14":8,"20":3,"27":1,"78":1,"80":1,"85":1,"153":1,"154":2,"155":1,"156":1,"157":1,"168":1,"183":6,"187":3,"198":5,"201":1,"203":2,"205":3}}],["calls",{"2":{"158":1,"175":1}}],["calling",{"2":{"155":1,"156":1,"160":1}}],["call",{"2":{"84":1,"146":1,"150":1,"175":1}}],["callback",{"0":{"146":1,"147":1,"148":1,"153":1,"154":1,"170":1,"171":1},"2":{"4":1,"14":1,"15":1,"77":1,"124":1,"146":4,"147":3,"148":4,"151":2,"152":4,"153":3,"154":3,"170":3,"171":3,"179":13,"183":1,"190":2}}],["calculates",{"2":{"123":2}}],["calculated",{"0":{"86":1}}],["calculate",{"2":{"58":1,"122":1}}],["calculation",{"2":{"36":2,"122":5,"123":2,"124":5,"154":2}}],["calcparms",{"2":{"36":1,"122":1,"153":1,"154":1}}],["calcparamstext",{"2":{"36":1,"122":1,"153":1,"154":1,"192":1}}],["calcparams",{"2":{"20":1,"36":2,"122":1,"123":2,"124":4,"153":1,"154":3}}],["calc",{"2":{"20":1,"36":2,"86":1,"120":3,"122":1,"124":1,"153":1,"154":3,"192":1,"201":1}}],["calctechnicalindicator",{"2":{"20":1,"192":1}}],["calctextwidth",{"0":{"58":1},"2":{"11":1}}],["0xd2c3911654db861e0a2e17415e11a209c1fc3594",{"2":{"210":2}}],["000000",{"2":{"114":1}}],["0+",{"0":{"40":1,"41":1,"57":1,"58":1,"75":1,"138":1,"139":1,"140":1,"152":1,"169":1},"1":{"76":1,"77":1,"78":1,"79":1,"80":1},"2":{"27":2,"38":2,"146":1,"147":1,"148":1,"153":3,"154":1,"159":2,"168":2}}],["02",{"2":{"18":1,"19":1,"20":1,"114":7}}],["05",{"2":{"10":1,"11":1,"12":1}}],["06",{"2":{"9":1,"114":7}}],["08",{"2":{"8":1}}],["09",{"2":{"5":1,"6":1,"7":1,"114":7}}],["01c5c4",{"2":{"183":1}}],["01",{"2":{"1":1,"183":1}}],["04",{"2":{"1":1,"12":1,"13":1,"14":1,"15":1,"16":1}}],["03",{"2":{"1":1,"17":1}}],["0",{"0":{"1":1,"3":1,"4":1,"9":1,"10":1,"11":1,"14":1,"18":1,"19":1,"20":2},"2":{"124":1,"146":1,"147":1,"148":1,"151":1,"153":2,"157":1,"159":1,"168":2,"180":3,"183":27,"196":3,"197":3,"198":3,"199":3,"200":3,"201":3,"202":6,"203":3,"204":3,"205":4}}],["8px",{"2":{"196":1,"198":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["800",{"2":{"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1,"205":1}}],["85",{"2":{"183":3,"203":1}}],["888888",{"2":{"154":2,"183":14,"203":4}}],["88",{"2":{"114":7}}],["89",{"2":{"114":7}}],["8",{"0":{"1":1,"21":1,"40":1,"41":1,"57":1,"75":1,"152":1},"1":{"76":1,"77":1,"78":1,"79":1,"80":1},"2":{"21":1,"27":1,"114":1,"146":1,"147":1,"148":1,"151":1,"153":1,"157":1,"159":1,"168":1,"183":6,"184":2}}],["96",{"2":{"114":7}}],["935ebd",{"2":{"183":1}}],["93",{"2":{"114":21}}],["94",{"2":{"114":7}}],["99",{"2":{"114":14}}],["9",{"0":{"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1},"2":{"120":3,"146":1,"147":1,"148":1,"151":1,"184":1}}]],"serializationVersion":2}';export{e as default};
diff --git a/assets/chunks/SampleChart.xePfGVXN.js b/assets/chunks/SampleChart.OnyG1hsW.js
similarity index 99%
rename from assets/chunks/SampleChart.xePfGVXN.js
rename to assets/chunks/SampleChart.OnyG1hsW.js
index 3fe216839..d72b18ca2 100644
--- a/assets/chunks/SampleChart.xePfGVXN.js
+++ b/assets/chunks/SampleChart.OnyG1hsW.js
@@ -1,4 +1,4 @@
-import{_ as gb,o as Sx,c as Fb,m as xt,r as s_e,t as i_e,q as cz,s as xz,u as o_e,h as xb,l as u_e,y as d_e,A as l_e,b as c_e,e as x_e,J as Ax,w as bx,p as Rx}from"./framework.b3gnc5d8.js";const D_e=500,f_e=20,p_e=300,g_e="https://stackblitz.com",iz=["angular-cli","create-react-app","html","javascript","node","polymer","typescript","vue"],F_e=["project","search","ports","settings"],m_e=["light","dark"],y_e=["editor","preview"],oz={clickToLoad:De=>jo("ctl",De),devToolsHeight:De=>uz("devtoolsheight",De),forceEmbedLayout:De=>jo("embed",De),hideDevTools:De=>jo("hidedevtools",De),hideExplorer:De=>jo("hideExplorer",De),hideNavigation:De=>jo("hideNavigation",De),openFile:De=>dz("file",De),showSidebar:De=>h_e("showSidebar",De),sidebarView:De=>Db("sidebarView",De,F_e),startScript:De=>dz("startScript",De),terminalHeight:De=>uz("terminalHeight",De),theme:De=>Db("theme",De,m_e),view:De=>Db("view",De,y_e),zenMode:De=>jo("zenMode",De)};function Dz(De={}){const me=Object.entries(De).map(([ye,Oe])=>Oe!=null&&oz.hasOwnProperty(ye)?oz[ye](Oe):"").filter(Boolean);return me.length?`?${me.join("&")}`:""}function jo(De,me){return me===!0?`${De}=1`:""}function h_e(De,me){return typeof me=="boolean"?`${De}=${me?"1":"0"}`:""}function uz(De,me){if(typeof me=="number"&&!Number.isNaN(me)){const ye=Math.min(100,Math.max(0,me));return`${De}=${encodeURIComponent(Math.round(ye))}`}return""}function Db(De,me="",ye=[]){return ye.includes(me)?`${De}=${encodeURIComponent(me)}`:""}function dz(De,me){return(Array.isArray(me)?me:[me]).filter(Oe=>typeof Oe=="string"&&Oe.trim()!=="").map(Oe=>`${De}=${encodeURIComponent(Oe)}`).join("&")}function fz(){return Math.random().toString(36).slice(2,6)+Math.random().toString(36).slice(2,6)}function mb(De,me){return`${pz(me)}${De}${Dz(me)}`}function yb(De,me){const ye={forceEmbedLayout:!0};return me&&typeof me=="object"&&Object.assign(ye,me),`${pz(ye)}${De}${Dz(ye)}`}function pz(De={}){return(typeof De.origin=="string"?De.origin:g_e).replace(/\/$/,"")}function hb(De,me,ye){if(!me||!De||!De.parentNode)throw new Error("Invalid Element");De.id&&(me.id=De.id),De.className&&(me.className=De.className),E_e(me,ye),De.replaceWith(me)}function Eb(De){if(typeof De=="string"){const me=document.getElementById(De);if(!me)throw new Error(`Could not find element with id '${De}'`);return me}else if(De instanceof HTMLElement)return De;throw new Error(`Invalid element: ${De}`)}function Cb(De){return De&&De.newWindow===!1?"_self":"_blank"}function E_e(De,me={}){const ye=Object.hasOwnProperty.call(me,"height")?`${me.height}`:`${p_e}`,Oe=Object.hasOwnProperty.call(me,"width")?`${me.width}`:void 0;De.setAttribute("height",ye),Oe?De.setAttribute("width",Oe):De.setAttribute("style","width:100%;")}class C_e{constructor(me){this.pending={},this.port=me,this.port.onmessage=this.messageListener.bind(this)}request({type:me,payload:ye}){return new Promise((Oe,Ue)=>{const Cr=fz();this.pending[Cr]={resolve:Oe,reject:Ue},this.port.postMessage({type:me,payload:{...ye,__reqid:Cr}})})}messageListener(me){var kr;if(typeof((kr=me.data.payload)==null?void 0:kr.__reqid)!="string")return;const{type:ye,payload:Oe}=me.data,{__reqid:Ue,__success:Cr,__error:Re}=Oe;this.pending[Ue]&&(Cr?this.pending[Ue].resolve(this.cleanResult(Oe)):this.pending[Ue].reject(Re?`${ye}: ${Re}`:ye),delete this.pending[Ue])}cleanResult(me){const ye={...me};return delete ye.__reqid,delete ye.__success,delete ye.__error,Object.keys(ye).length?ye:null}}class v_e{constructor(me,ye){this.editor={openFile:Oe=>this._rdc.request({type:"SDK_OPEN_FILE",payload:{path:Oe}}),setCurrentFile:Oe=>this._rdc.request({type:"SDK_SET_CURRENT_FILE",payload:{path:Oe}}),setTheme:Oe=>this._rdc.request({type:"SDK_SET_UI_THEME",payload:{theme:Oe}}),setView:Oe=>this._rdc.request({type:"SDK_SET_UI_VIEW",payload:{view:Oe}}),showSidebar:(Oe=!0)=>this._rdc.request({type:"SDK_TOGGLE_SIDEBAR",payload:{visible:Oe}})},this.preview={origin:"",getUrl:()=>this._rdc.request({type:"SDK_GET_PREVIEW_URL",payload:{}}).then(Oe=>(Oe==null?void 0:Oe.url)??null),setUrl:(Oe="/")=>{if(typeof Oe!="string"||!Oe.startsWith("/"))throw new Error(`Invalid argument: expected a path starting with '/', got '${Oe}'`);return this._rdc.request({type:"SDK_SET_PREVIEW_URL",payload:{path:Oe}})}},this._rdc=new C_e(me),Object.defineProperty(this.preview,"origin",{value:typeof ye.previewOrigin=="string"?ye.previewOrigin:null,writable:!1})}applyFsDiff(me){const ye=Oe=>Oe!==null&&typeof Oe=="object";if(!ye(me)||!ye(me.create))throw new Error("Invalid diff object: expected diff.create to be an object.");if(!Array.isArray(me.destroy))throw new Error("Invalid diff object: expected diff.destroy to be an array.");return this._rdc.request({type:"SDK_APPLY_FS_DIFF",payload:me})}getDependencies(){return this._rdc.request({type:"SDK_GET_DEPS_SNAPSHOT",payload:{}})}getFsSnapshot(){return this._rdc.request({type:"SDK_GET_FS_SNAPSHOT",payload:{}})}}const wx=[];class A_e{constructor(me){this.id=fz(),this.element=me,this.pending=new Promise((ye,Oe)=>{const Ue=({data:tr,ports:gr})=>{(tr==null?void 0:tr.action)==="SDK_INIT_SUCCESS"&&tr.id===this.id&&(this.vm=new v_e(gr[0],tr.payload),ye(this.vm),Re())},Cr=()=>{var tr;(tr=this.element.contentWindow)==null||tr.postMessage({action:"SDK_INIT",id:this.id},"*")};function Re(){window.clearInterval(nr),window.removeEventListener("message",Ue)}window.addEventListener("message",Ue),Cr();let kr=0;const nr=window.setInterval(()=>{if(this.vm){Re();return}if(kr>=f_e){Re(),Oe("Timeout: Unable to establish a connection with the StackBlitz VM"),wx.forEach((tr,gr)=>{tr.id===this.id&&wx.splice(gr,1)});return}kr++,Cr()},D_e)}),wx.push(this)}}const b_e=De=>{const me=De instanceof Element?"element":"id";return wx.find(ye=>ye[me]===De)??null};function R_e(De,me){const ye=document.createElement("input");return ye.type="hidden",ye.name=De,ye.value=me,ye}function B_e(De){return De.replace(/\[/g,"%5B").replace(/\]/g,"%5D")}function gz({template:De,title:me,description:ye,dependencies:Oe,files:Ue,settings:Cr}){if(!iz.includes(De)){const tr=iz.map(gr=>`'${gr}'`).join(", ");console.warn(`Unsupported project.template: must be one of ${tr}`)}const Re=[],kr=(tr,gr,sr="")=>{Re.push(R_e(tr,typeof gr=="string"?gr:sr))};kr("project[title]",me),typeof ye=="string"&&ye.length>0&&kr("project[description]",ye),kr("project[template]",De,"javascript"),Oe&&(De==="node"?console.warn("Invalid project.dependencies: dependencies must be provided as a 'package.json' file when using the 'node' template."):kr("project[dependencies]",JSON.stringify(Oe))),Cr&&kr("project[settings]",JSON.stringify(Cr)),Object.entries(Ue).forEach(([tr,gr])=>{kr(`project[files][${B_e(tr)}]`,gr)});const nr=document.createElement("form");return nr.method="POST",nr.setAttribute("style","display:none!important;"),nr.append(...Re),nr}function w_e(De,me){const ye=gz(De);return ye.action=yb("/run",me),ye.id="sb_run",`<!doctype html>
+import{_ as gb,o as Sx,c as Fb,m as xt,r as s_e,t as i_e,q as cz,s as xz,u as o_e,h as xb,l as u_e,y as d_e,A as l_e,b as c_e,e as x_e,J as Ax,w as bx,p as Rx}from"./framework.S5btFSuR.js";const D_e=500,f_e=20,p_e=300,g_e="https://stackblitz.com",iz=["angular-cli","create-react-app","html","javascript","node","polymer","typescript","vue"],F_e=["project","search","ports","settings"],m_e=["light","dark"],y_e=["editor","preview"],oz={clickToLoad:De=>jo("ctl",De),devToolsHeight:De=>uz("devtoolsheight",De),forceEmbedLayout:De=>jo("embed",De),hideDevTools:De=>jo("hidedevtools",De),hideExplorer:De=>jo("hideExplorer",De),hideNavigation:De=>jo("hideNavigation",De),openFile:De=>dz("file",De),showSidebar:De=>h_e("showSidebar",De),sidebarView:De=>Db("sidebarView",De,F_e),startScript:De=>dz("startScript",De),terminalHeight:De=>uz("terminalHeight",De),theme:De=>Db("theme",De,m_e),view:De=>Db("view",De,y_e),zenMode:De=>jo("zenMode",De)};function Dz(De={}){const me=Object.entries(De).map(([ye,Oe])=>Oe!=null&&oz.hasOwnProperty(ye)?oz[ye](Oe):"").filter(Boolean);return me.length?`?${me.join("&")}`:""}function jo(De,me){return me===!0?`${De}=1`:""}function h_e(De,me){return typeof me=="boolean"?`${De}=${me?"1":"0"}`:""}function uz(De,me){if(typeof me=="number"&&!Number.isNaN(me)){const ye=Math.min(100,Math.max(0,me));return`${De}=${encodeURIComponent(Math.round(ye))}`}return""}function Db(De,me="",ye=[]){return ye.includes(me)?`${De}=${encodeURIComponent(me)}`:""}function dz(De,me){return(Array.isArray(me)?me:[me]).filter(Oe=>typeof Oe=="string"&&Oe.trim()!=="").map(Oe=>`${De}=${encodeURIComponent(Oe)}`).join("&")}function fz(){return Math.random().toString(36).slice(2,6)+Math.random().toString(36).slice(2,6)}function mb(De,me){return`${pz(me)}${De}${Dz(me)}`}function yb(De,me){const ye={forceEmbedLayout:!0};return me&&typeof me=="object"&&Object.assign(ye,me),`${pz(ye)}${De}${Dz(ye)}`}function pz(De={}){return(typeof De.origin=="string"?De.origin:g_e).replace(/\/$/,"")}function hb(De,me,ye){if(!me||!De||!De.parentNode)throw new Error("Invalid Element");De.id&&(me.id=De.id),De.className&&(me.className=De.className),E_e(me,ye),De.replaceWith(me)}function Eb(De){if(typeof De=="string"){const me=document.getElementById(De);if(!me)throw new Error(`Could not find element with id '${De}'`);return me}else if(De instanceof HTMLElement)return De;throw new Error(`Invalid element: ${De}`)}function Cb(De){return De&&De.newWindow===!1?"_self":"_blank"}function E_e(De,me={}){const ye=Object.hasOwnProperty.call(me,"height")?`${me.height}`:`${p_e}`,Oe=Object.hasOwnProperty.call(me,"width")?`${me.width}`:void 0;De.setAttribute("height",ye),Oe?De.setAttribute("width",Oe):De.setAttribute("style","width:100%;")}class C_e{constructor(me){this.pending={},this.port=me,this.port.onmessage=this.messageListener.bind(this)}request({type:me,payload:ye}){return new Promise((Oe,Ue)=>{const Cr=fz();this.pending[Cr]={resolve:Oe,reject:Ue},this.port.postMessage({type:me,payload:{...ye,__reqid:Cr}})})}messageListener(me){var kr;if(typeof((kr=me.data.payload)==null?void 0:kr.__reqid)!="string")return;const{type:ye,payload:Oe}=me.data,{__reqid:Ue,__success:Cr,__error:Re}=Oe;this.pending[Ue]&&(Cr?this.pending[Ue].resolve(this.cleanResult(Oe)):this.pending[Ue].reject(Re?`${ye}: ${Re}`:ye),delete this.pending[Ue])}cleanResult(me){const ye={...me};return delete ye.__reqid,delete ye.__success,delete ye.__error,Object.keys(ye).length?ye:null}}class v_e{constructor(me,ye){this.editor={openFile:Oe=>this._rdc.request({type:"SDK_OPEN_FILE",payload:{path:Oe}}),setCurrentFile:Oe=>this._rdc.request({type:"SDK_SET_CURRENT_FILE",payload:{path:Oe}}),setTheme:Oe=>this._rdc.request({type:"SDK_SET_UI_THEME",payload:{theme:Oe}}),setView:Oe=>this._rdc.request({type:"SDK_SET_UI_VIEW",payload:{view:Oe}}),showSidebar:(Oe=!0)=>this._rdc.request({type:"SDK_TOGGLE_SIDEBAR",payload:{visible:Oe}})},this.preview={origin:"",getUrl:()=>this._rdc.request({type:"SDK_GET_PREVIEW_URL",payload:{}}).then(Oe=>(Oe==null?void 0:Oe.url)??null),setUrl:(Oe="/")=>{if(typeof Oe!="string"||!Oe.startsWith("/"))throw new Error(`Invalid argument: expected a path starting with '/', got '${Oe}'`);return this._rdc.request({type:"SDK_SET_PREVIEW_URL",payload:{path:Oe}})}},this._rdc=new C_e(me),Object.defineProperty(this.preview,"origin",{value:typeof ye.previewOrigin=="string"?ye.previewOrigin:null,writable:!1})}applyFsDiff(me){const ye=Oe=>Oe!==null&&typeof Oe=="object";if(!ye(me)||!ye(me.create))throw new Error("Invalid diff object: expected diff.create to be an object.");if(!Array.isArray(me.destroy))throw new Error("Invalid diff object: expected diff.destroy to be an array.");return this._rdc.request({type:"SDK_APPLY_FS_DIFF",payload:me})}getDependencies(){return this._rdc.request({type:"SDK_GET_DEPS_SNAPSHOT",payload:{}})}getFsSnapshot(){return this._rdc.request({type:"SDK_GET_FS_SNAPSHOT",payload:{}})}}const wx=[];class A_e{constructor(me){this.id=fz(),this.element=me,this.pending=new Promise((ye,Oe)=>{const Ue=({data:tr,ports:gr})=>{(tr==null?void 0:tr.action)==="SDK_INIT_SUCCESS"&&tr.id===this.id&&(this.vm=new v_e(gr[0],tr.payload),ye(this.vm),Re())},Cr=()=>{var tr;(tr=this.element.contentWindow)==null||tr.postMessage({action:"SDK_INIT",id:this.id},"*")};function Re(){window.clearInterval(nr),window.removeEventListener("message",Ue)}window.addEventListener("message",Ue),Cr();let kr=0;const nr=window.setInterval(()=>{if(this.vm){Re();return}if(kr>=f_e){Re(),Oe("Timeout: Unable to establish a connection with the StackBlitz VM"),wx.forEach((tr,gr)=>{tr.id===this.id&&wx.splice(gr,1)});return}kr++,Cr()},D_e)}),wx.push(this)}}const b_e=De=>{const me=De instanceof Element?"element":"id";return wx.find(ye=>ye[me]===De)??null};function R_e(De,me){const ye=document.createElement("input");return ye.type="hidden",ye.name=De,ye.value=me,ye}function B_e(De){return De.replace(/\[/g,"%5B").replace(/\]/g,"%5D")}function gz({template:De,title:me,description:ye,dependencies:Oe,files:Ue,settings:Cr}){if(!iz.includes(De)){const tr=iz.map(gr=>`'${gr}'`).join(", ");console.warn(`Unsupported project.template: must be one of ${tr}`)}const Re=[],kr=(tr,gr,sr="")=>{Re.push(R_e(tr,typeof gr=="string"?gr:sr))};kr("project[title]",me),typeof ye=="string"&&ye.length>0&&kr("project[description]",ye),kr("project[template]",De,"javascript"),Oe&&(De==="node"?console.warn("Invalid project.dependencies: dependencies must be provided as a 'package.json' file when using the 'node' template."):kr("project[dependencies]",JSON.stringify(Oe))),Cr&&kr("project[settings]",JSON.stringify(Cr)),Object.entries(Ue).forEach(([tr,gr])=>{kr(`project[files][${B_e(tr)}]`,gr)});const nr=document.createElement("form");return nr.method="POST",nr.setAttribute("style","display:none!important;"),nr.append(...Re),nr}function w_e(De,me){const ye=gz(De);return ye.action=yb("/run",me),ye.id="sb_run",`<!doctype html>
 <html>
 <head><title></title></head>
 <body>
diff --git a/assets/chunks/StyleExplain.5uViWWeX.js b/assets/chunks/StyleExplain.80h5cdQ4.js
similarity index 87%
rename from assets/chunks/StyleExplain.5uViWWeX.js
rename to assets/chunks/StyleExplain.80h5cdQ4.js
index 52eb27b93..15119a207 100644
--- a/assets/chunks/StyleExplain.5uViWWeX.js
+++ b/assets/chunks/StyleExplain.80h5cdQ4.js
@@ -1 +1 @@
-import{_ as n,h as d,o as e,c as t,m as s,F as i,G as p,t as c,a as x,q as _,s as h,ab as u}from"./framework.b3gnc5d8.js";const k=a=>(_("data-v-214cdbcb"),a=a(),h(),a),m=k(()=>s("img",{src:u},null,-1)),y={class:"style-explain"},v={class:"style-explain-item"},g={__name:"StyleExplain",setup(a){const r=d(["grid.horizontal","grid.vertical","candle.bar","candle.candle.priceMark.last.line","candle.candle.priceMark.last.text","candle.candle.priceMark.high","candle.candle.priceMark.low","candle.candle.tooltip","indicator.ohlc","indicator.lastValueMark","indicator.tooltip","xAxis.axisLine","xAxis.tickLine","xAxis.tickText","yAxis.axisLine","yAxis.tickLine","yAxis.tickText","separator","crosshair.horizontal.line","crosshair.horizontal.text","crosshair.vertical.line","crosshair.vertical.text","overlay"]);return(S,b)=>(e(),t(i,null,[m,s("div",y,[(e(!0),t(i,null,p(r.value,(l,o)=>(e(),t("span",v,[s("strong",null,c(o+1),1),x(" "+c(l),1)]))),256))])],64))}},L=n(g,[["__scopeId","data-v-214cdbcb"]]);export{L as S};
+import{_ as n,h as d,o as e,c as t,m as s,F as i,G as p,t as c,a as x,q as _,s as h,aa as u}from"./framework.S5btFSuR.js";const k=a=>(_("data-v-214cdbcb"),a=a(),h(),a),m=k(()=>s("img",{src:u},null,-1)),y={class:"style-explain"},v={class:"style-explain-item"},g={__name:"StyleExplain",setup(a){const r=d(["grid.horizontal","grid.vertical","candle.bar","candle.candle.priceMark.last.line","candle.candle.priceMark.last.text","candle.candle.priceMark.high","candle.candle.priceMark.low","candle.candle.tooltip","indicator.ohlc","indicator.lastValueMark","indicator.tooltip","xAxis.axisLine","xAxis.tickLine","xAxis.tickText","yAxis.axisLine","yAxis.tickLine","yAxis.tickText","separator","crosshair.horizontal.line","crosshair.horizontal.text","crosshair.vertical.line","crosshair.vertical.text","overlay"]);return(S,A)=>(e(),t(i,null,[m,s("div",y,[(e(!0),t(i,null,p(r.value,(l,o)=>(e(),t("span",v,[s("strong",null,c(o+1),1),x(" "+c(l),1)]))),256))])],64))}},L=n(g,[["__scopeId","data-v-214cdbcb"]]);export{L as S};
diff --git a/assets/chunks/VPLocalSearchBox.XzComPsV.js b/assets/chunks/VPLocalSearchBox.v9K90Uve.js
similarity index 99%
rename from assets/chunks/VPLocalSearchBox.XzComPsV.js
rename to assets/chunks/VPLocalSearchBox.v9K90Uve.js
index e2373efec..bd1bd8914 100644
--- a/assets/chunks/VPLocalSearchBox.XzComPsV.js
+++ b/assets/chunks/VPLocalSearchBox.v9K90Uve.js
@@ -1,10 +1,10 @@
-var It=Object.defineProperty;var Dt=(o,e,t)=>e in o?It(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var _e=(o,e,t)=>(Dt(o,typeof e!="symbol"?e+"":e,t),t);import{Y as $e,h as oe,y as We,ap as kt,aq as _t,d as Ot,H as xe,ar as rt,k as Fe,as as Rt,at as Mt,z as Lt,au as Pt,l as Oe,U as de,S as Ee,av as zt,aw as Vt,Z as Bt,j as $t,ax as Wt,o as ee,b as Kt,m as k,a2 as Ut,p as j,ay as Jt,az as jt,aA as Gt,c as re,n as at,e as Se,G as nt,F as it,a as ve,t as pe,aB as qt,q as Ht,s as Qt,aC as ot,aD as Yt,af as Zt,al as Xt,aE as er,_ as tr}from"./framework.b3gnc5d8.js";import{u as rr,c as ar}from"./theme.8D-jh89Q.js";const nr={"en-US":()=>$e(()=>import("./@localSearchIndexen-US.4evaEQdO.js"),__vite__mapDeps([])),root:()=>$e(()=>import("./@localSearchIndexroot.H9Msyn8G.js"),__vite__mapDeps([]))};/*!
+var It=Object.defineProperty;var Dt=(o,e,t)=>e in o?It(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var _e=(o,e,t)=>(Dt(o,typeof e!="symbol"?e+"":e,t),t);import{Y as $e,h as oe,y as We,ap as kt,aq as _t,d as Ot,H as xe,ar as rt,k as Fe,as as Rt,at as Mt,z as Lt,au as Pt,l as Oe,U as de,S as Ee,av as zt,aw as Vt,Z as Bt,j as $t,ax as Wt,o as ee,b as Kt,m as k,a2 as Ut,p as j,ay as Jt,az as jt,aA as Gt,c as re,n as at,e as Se,G as nt,F as it,a as ve,t as pe,aB as qt,q as Ht,s as Qt,aC as ot,aD as Yt,ae as Zt,ak as Xt,aE as er,_ as tr}from"./framework.S5btFSuR.js";import{u as rr,c as ar}from"./theme.u0a61rzK.js";const nr={"en-US":()=>$e(()=>import("./@localSearchIndexen-US.Qs-0YSNC.js"),__vite__mapDeps([])),root:()=>$e(()=>import("./@localSearchIndexroot.H9Msyn8G.js"),__vite__mapDeps([]))};/*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */var mt=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],Ce=mt.join(","),gt=typeof Element>"u",ue=gt?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Ne=!gt&&Element.prototype.getRootNode?function(o){var e;return o==null||(e=o.getRootNode)===null||e===void 0?void 0:e.call(o)}:function(o){return o==null?void 0:o.ownerDocument},Ie=function o(e,t){var r;t===void 0&&(t=!0);var n=e==null||(r=e.getAttribute)===null||r===void 0?void 0:r.call(e,"inert"),a=n===""||n==="true",i=a||t&&e&&o(e.parentNode);return i},ir=function(e){var t,r=e==null||(t=e.getAttribute)===null||t===void 0?void 0:t.call(e,"contenteditable");return r===""||r==="true"},bt=function(e,t,r){if(Ie(e))return[];var n=Array.prototype.slice.apply(e.querySelectorAll(Ce));return t&&ue.call(e,Ce)&&n.unshift(e),n=n.filter(r),n},wt=function o(e,t,r){for(var n=[],a=Array.from(e);a.length;){var i=a.shift();if(!Ie(i,!1))if(i.tagName==="SLOT"){var s=i.assignedElements(),u=s.length?s:i.children,l=o(u,!0,r);r.flatten?n.push.apply(n,l):n.push({scopeParent:i,candidates:l})}else{var h=ue.call(i,Ce);h&&r.filter(i)&&(t||!e.includes(i))&&n.push(i);var d=i.shadowRoot||typeof r.getShadowRoot=="function"&&r.getShadowRoot(i),v=!Ie(d,!1)&&(!r.shadowRootFilter||r.shadowRootFilter(i));if(d&&v){var y=o(d===!0?i.children:d.children,!0,r);r.flatten?n.push.apply(n,y):n.push({scopeParent:i,candidates:y})}else a.unshift.apply(a,i.children)}}return n},xt=function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))},se=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||ir(e))&&!xt(e)?0:e.tabIndex},or=function(e,t){var r=se(e);return r<0&&t&&!xt(e)?0:r},sr=function(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex},Ft=function(e){return e.tagName==="INPUT"},ur=function(e){return Ft(e)&&e.type==="hidden"},lr=function(e){var t=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some(function(r){return r.tagName==="SUMMARY"});return t},cr=function(e,t){for(var r=0;r<e.length;r++)if(e[r].checked&&e[r].form===t)return e[r]},fr=function(e){if(!e.name)return!0;var t=e.form||Ne(e),r=function(s){return t.querySelectorAll('input[type="radio"][name="'+s+'"]')},n;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")n=r(window.CSS.escape(e.name));else try{n=r(e.name)}catch(i){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",i.message),!1}var a=cr(n,e.form);return!a||a===e},hr=function(e){return Ft(e)&&e.type==="radio"},dr=function(e){return hr(e)&&!fr(e)},vr=function(e){var t,r=e&&Ne(e),n=(t=r)===null||t===void 0?void 0:t.host,a=!1;if(r&&r!==e){var i,s,u;for(a=!!((i=n)!==null&&i!==void 0&&(s=i.ownerDocument)!==null&&s!==void 0&&s.contains(n)||e!=null&&(u=e.ownerDocument)!==null&&u!==void 0&&u.contains(e));!a&&n;){var l,h,d;r=Ne(n),n=(l=r)===null||l===void 0?void 0:l.host,a=!!((h=n)!==null&&h!==void 0&&(d=h.ownerDocument)!==null&&d!==void 0&&d.contains(n))}}return a},st=function(e){var t=e.getBoundingClientRect(),r=t.width,n=t.height;return r===0&&n===0},pr=function(e,t){var r=t.displayCheck,n=t.getShadowRoot;if(getComputedStyle(e).visibility==="hidden")return!0;var a=ue.call(e,"details>summary:first-of-type"),i=a?e.parentElement:e;if(ue.call(i,"details:not([open]) *"))return!0;if(!r||r==="full"||r==="legacy-full"){if(typeof n=="function"){for(var s=e;e;){var u=e.parentElement,l=Ne(e);if(u&&!u.shadowRoot&&n(u)===!0)return st(e);e.assignedSlot?e=e.assignedSlot:!u&&l!==e.ownerDocument?e=l.host:e=u}e=s}if(vr(e))return!e.getClientRects().length;if(r!=="legacy-full")return!0}else if(r==="non-zero-area")return st(e);return!1},yr=function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if(t.tagName==="FIELDSET"&&t.disabled){for(var r=0;r<t.children.length;r++){var n=t.children.item(r);if(n.tagName==="LEGEND")return ue.call(t,"fieldset[disabled] *")?!0:!n.contains(e)}return!0}t=t.parentElement}return!1},De=function(e,t){return!(t.disabled||Ie(t)||ur(t)||pr(t,e)||lr(t)||yr(t))},Ke=function(e,t){return!(dr(t)||se(t)<0||!De(e,t))},mr=function(e){var t=parseInt(e.getAttribute("tabindex"),10);return!!(isNaN(t)||t>=0)},gr=function o(e){var t=[],r=[];return e.forEach(function(n,a){var i=!!n.scopeParent,s=i?n.scopeParent:n,u=or(s,i),l=i?o(n.candidates):s;u===0?i?t.push.apply(t,l):t.push(s):r.push({documentOrder:a,tabIndex:u,item:n,isScope:i,content:l})}),r.sort(sr).reduce(function(n,a){return a.isScope?n.push.apply(n,a.content):n.push(a.content),n},[]).concat(t)},br=function(e,t){t=t||{};var r;return t.getShadowRoot?r=wt([e],t.includeContainer,{filter:Ke.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:mr}):r=bt(e,t.includeContainer,Ke.bind(null,t)),gr(r)},wr=function(e,t){t=t||{};var r;return t.getShadowRoot?r=wt([e],t.includeContainer,{filter:De.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):r=bt(e,t.includeContainer,De.bind(null,t)),r},le=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return ue.call(e,Ce)===!1?!1:Ke(t,e)},xr=mt.concat("iframe").join(","),Re=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return ue.call(e,xr)===!1?!1:De(t,e)};/*!
 * focus-trap 7.5.4
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function ut(o,e){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(o);e&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable})),t.push.apply(t,r)}return t}function lt(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?ut(Object(t),!0).forEach(function(r){Fr(o,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):ut(Object(t)).forEach(function(r){Object.defineProperty(o,r,Object.getOwnPropertyDescriptor(t,r))})}return o}function Fr(o,e,t){return e=Sr(e),e in o?Object.defineProperty(o,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[e]=t,o}function Er(o,e){if(typeof o!="object"||o===null)return o;var t=o[Symbol.toPrimitive];if(t!==void 0){var r=t.call(o,e||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(o)}function Sr(o){var e=Er(o,"string");return typeof e=="symbol"?e:String(e)}var ct={activateTrap:function(e,t){if(e.length>0){var r=e[e.length-1];r!==t&&r.pause()}var n=e.indexOf(t);n===-1||e.splice(n,1),e.push(t)},deactivateTrap:function(e,t){var r=e.indexOf(t);r!==-1&&e.splice(r,1),e.length>0&&e[e.length-1].unpause()}},Ar=function(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select=="function"},Tr=function(e){return(e==null?void 0:e.key)==="Escape"||(e==null?void 0:e.key)==="Esc"||(e==null?void 0:e.keyCode)===27},ge=function(e){return(e==null?void 0:e.key)==="Tab"||(e==null?void 0:e.keyCode)===9},Cr=function(e){return ge(e)&&!e.shiftKey},Nr=function(e){return ge(e)&&e.shiftKey},ft=function(e){return setTimeout(e,0)},ht=function(e,t){var r=-1;return e.every(function(n,a){return t(n)?(r=a,!1):!0}),r},ye=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return typeof e=="function"?e.apply(void 0,r):e},Ae=function(e){return e.target.shadowRoot&&typeof e.composedPath=="function"?e.composedPath()[0]:e.target},Ir=[],Dr=function(e,t){var r=(t==null?void 0:t.document)||document,n=(t==null?void 0:t.trapStack)||Ir,a=lt({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:Cr,isKeyBackward:Nr},t),i={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},s,u=function(c,f,p){return c&&c[f]!==void 0?c[f]:a[p||f]},l=function(c,f){var p=typeof(f==null?void 0:f.composedPath)=="function"?f.composedPath():void 0;return i.containerGroups.findIndex(function(N){var I=N.container,M=N.tabbableNodes;return I.contains(c)||(p==null?void 0:p.includes(I))||M.find(function(P){return P===c})})},h=function(c){var f=a[c];if(typeof f=="function"){for(var p=arguments.length,N=new Array(p>1?p-1:0),I=1;I<p;I++)N[I-1]=arguments[I];f=f.apply(void 0,N)}if(f===!0&&(f=void 0),!f){if(f===void 0||f===!1)return f;throw new Error("`".concat(c,"` was specified but was not a node, or did not return a node"))}var M=f;if(typeof f=="string"&&(M=r.querySelector(f),!M))throw new Error("`".concat(c,"` as selector refers to no known node"));return M},d=function(){var c=h("initialFocus");if(c===!1)return!1;if(c===void 0||!Re(c,a.tabbableOptions))if(l(r.activeElement)>=0)c=r.activeElement;else{var f=i.tabbableGroups[0],p=f&&f.firstTabbableNode;c=p||h("fallbackFocus")}if(!c)throw new Error("Your focus-trap needs to have at least one focusable element");return c},v=function(){if(i.containerGroups=i.containers.map(function(c){var f=br(c,a.tabbableOptions),p=wr(c,a.tabbableOptions),N=f.length>0?f[0]:void 0,I=f.length>0?f[f.length-1]:void 0,M=p.find(function(m){return le(m)}),P=p.slice().reverse().find(function(m){return le(m)}),z=!!f.find(function(m){return se(m)>0});return{container:c,tabbableNodes:f,focusableNodes:p,posTabIndexesFound:z,firstTabbableNode:N,lastTabbableNode:I,firstDomTabbableNode:M,lastDomTabbableNode:P,nextTabbableNode:function(x){var $=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,K=f.indexOf(x);return K<0?$?p.slice(p.indexOf(x)+1).find(function(q){return le(q)}):p.slice(0,p.indexOf(x)).reverse().find(function(q){return le(q)}):f[K+($?1:-1)]}}}),i.tabbableGroups=i.containerGroups.filter(function(c){return c.tabbableNodes.length>0}),i.tabbableGroups.length<=0&&!h("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(i.containerGroups.find(function(c){return c.posTabIndexesFound})&&i.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},y=function w(c){var f=c.activeElement;if(f)return f.shadowRoot&&f.shadowRoot.activeElement!==null?w(f.shadowRoot):f},b=function w(c){if(c!==!1&&c!==y(document)){if(!c||!c.focus){w(d());return}c.focus({preventScroll:!!a.preventScroll}),i.mostRecentlyFocusedNode=c,Ar(c)&&c.select()}},E=function(c){var f=h("setReturnFocus",c);return f||(f===!1?!1:c)},g=function(c){var f=c.target,p=c.event,N=c.isBackward,I=N===void 0?!1:N;f=f||Ae(p),v();var M=null;if(i.tabbableGroups.length>0){var P=l(f,p),z=P>=0?i.containerGroups[P]:void 0;if(P<0)I?M=i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:M=i.tabbableGroups[0].firstTabbableNode;else if(I){var m=ht(i.tabbableGroups,function(V){var J=V.firstTabbableNode;return f===J});if(m<0&&(z.container===f||Re(f,a.tabbableOptions)&&!le(f,a.tabbableOptions)&&!z.nextTabbableNode(f,!1))&&(m=P),m>=0){var x=m===0?i.tabbableGroups.length-1:m-1,$=i.tabbableGroups[x];M=se(f)>=0?$.lastTabbableNode:$.lastDomTabbableNode}else ge(p)||(M=z.nextTabbableNode(f,!1))}else{var K=ht(i.tabbableGroups,function(V){var J=V.lastTabbableNode;return f===J});if(K<0&&(z.container===f||Re(f,a.tabbableOptions)&&!le(f,a.tabbableOptions)&&!z.nextTabbableNode(f))&&(K=P),K>=0){var q=K===i.tabbableGroups.length-1?0:K+1,H=i.tabbableGroups[q];M=se(f)>=0?H.firstTabbableNode:H.firstDomTabbableNode}else ge(p)||(M=z.nextTabbableNode(f))}}else M=h("fallbackFocus");return M},S=function(c){var f=Ae(c);if(!(l(f,c)>=0)){if(ye(a.clickOutsideDeactivates,c)){s.deactivate({returnFocus:a.returnFocusOnDeactivate});return}ye(a.allowOutsideClick,c)||c.preventDefault()}},T=function(c){var f=Ae(c),p=l(f,c)>=0;if(p||f instanceof Document)p&&(i.mostRecentlyFocusedNode=f);else{c.stopImmediatePropagation();var N,I=!0;if(i.mostRecentlyFocusedNode)if(se(i.mostRecentlyFocusedNode)>0){var M=l(i.mostRecentlyFocusedNode),P=i.containerGroups[M].tabbableNodes;if(P.length>0){var z=P.findIndex(function(m){return m===i.mostRecentlyFocusedNode});z>=0&&(a.isKeyForward(i.recentNavEvent)?z+1<P.length&&(N=P[z+1],I=!1):z-1>=0&&(N=P[z-1],I=!1))}}else i.containerGroups.some(function(m){return m.tabbableNodes.some(function(x){return se(x)>0})})||(I=!1);else I=!1;I&&(N=g({target:i.mostRecentlyFocusedNode,isBackward:a.isKeyBackward(i.recentNavEvent)})),b(N||i.mostRecentlyFocusedNode||d())}i.recentNavEvent=void 0},F=function(c){var f=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;i.recentNavEvent=c;var p=g({event:c,isBackward:f});p&&(ge(c)&&c.preventDefault(),b(p))},L=function(c){if(Tr(c)&&ye(a.escapeDeactivates,c)!==!1){c.preventDefault(),s.deactivate();return}(a.isKeyForward(c)||a.isKeyBackward(c))&&F(c,a.isKeyBackward(c))},R=function(c){var f=Ae(c);l(f,c)>=0||ye(a.clickOutsideDeactivates,c)||ye(a.allowOutsideClick,c)||(c.preventDefault(),c.stopImmediatePropagation())},B=function(){if(i.active)return ct.activateTrap(n,s),i.delayInitialFocusTimer=a.delayInitialFocus?ft(function(){b(d())}):b(d()),r.addEventListener("focusin",T,!0),r.addEventListener("mousedown",S,{capture:!0,passive:!1}),r.addEventListener("touchstart",S,{capture:!0,passive:!1}),r.addEventListener("click",R,{capture:!0,passive:!1}),r.addEventListener("keydown",L,{capture:!0,passive:!1}),s},C=function(){if(i.active)return r.removeEventListener("focusin",T,!0),r.removeEventListener("mousedown",S,!0),r.removeEventListener("touchstart",S,!0),r.removeEventListener("click",R,!0),r.removeEventListener("keydown",L,!0),s},O=function(c){var f=c.some(function(p){var N=Array.from(p.removedNodes);return N.some(function(I){return I===i.mostRecentlyFocusedNode})});f&&b(d())},A=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(O):void 0,_=function(){A&&(A.disconnect(),i.active&&!i.paused&&i.containers.map(function(c){A.observe(c,{subtree:!0,childList:!0})}))};return s={get active(){return i.active},get paused(){return i.paused},activate:function(c){if(i.active)return this;var f=u(c,"onActivate"),p=u(c,"onPostActivate"),N=u(c,"checkCanFocusTrap");N||v(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=r.activeElement,f==null||f();var I=function(){N&&v(),B(),_(),p==null||p()};return N?(N(i.containers.concat()).then(I,I),this):(I(),this)},deactivate:function(c){if(!i.active)return this;var f=lt({onDeactivate:a.onDeactivate,onPostDeactivate:a.onPostDeactivate,checkCanReturnFocus:a.checkCanReturnFocus},c);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,C(),i.active=!1,i.paused=!1,_(),ct.deactivateTrap(n,s);var p=u(f,"onDeactivate"),N=u(f,"onPostDeactivate"),I=u(f,"checkCanReturnFocus"),M=u(f,"returnFocus","returnFocusOnDeactivate");p==null||p();var P=function(){ft(function(){M&&b(E(i.nodeFocusedBeforeActivation)),N==null||N()})};return M&&I?(I(E(i.nodeFocusedBeforeActivation)).then(P,P),this):(P(),this)},pause:function(c){if(i.paused||!i.active)return this;var f=u(c,"onPause"),p=u(c,"onPostPause");return i.paused=!0,f==null||f(),C(),_(),p==null||p(),this},unpause:function(c){if(!i.paused||!i.active)return this;var f=u(c,"onUnpause"),p=u(c,"onPostUnpause");return i.paused=!1,f==null||f(),v(),B(),_(),p==null||p(),this},updateContainerElements:function(c){var f=[].concat(c).filter(Boolean);return i.containers=f.map(function(p){return typeof p=="string"?r.querySelector(p):p}),i.active&&v(),_(),this}},s.updateContainerElements(e),s};function kr(o,e={}){let t;const{immediate:r,...n}=e,a=oe(!1),i=oe(!1),s=d=>t&&t.activate(d),u=d=>t&&t.deactivate(d),l=()=>{t&&(t.pause(),i.value=!0)},h=()=>{t&&(t.unpause(),i.value=!1)};return We(()=>kt(o),d=>{d&&(t=Dr(d,{...n,onActivate(){a.value=!0,e.onActivate&&e.onActivate()},onDeactivate(){a.value=!1,e.onDeactivate&&e.onDeactivate()}}),r&&s())},{flush:"post"}),_t(()=>u()),{hasFocus:a,isPaused:i,activate:s,deactivate:u,pause:l,unpause:h}}class fe{constructor(e,t=!0,r=[],n=5e3){this.ctx=e,this.iframes=t,this.exclude=r,this.iframesTimeout=n}static matches(e,t){const r=typeof t=="string"?[t]:t,n=e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector;if(n){let a=!1;return r.every(i=>n.call(e,i)?(a=!0,!1):!0),a}else return!1}getContexts(){let e,t=[];return typeof this.ctx>"u"||!this.ctx?e=[]:NodeList.prototype.isPrototypeOf(this.ctx)?e=Array.prototype.slice.call(this.ctx):Array.isArray(this.ctx)?e=this.ctx:typeof this.ctx=="string"?e=Array.prototype.slice.call(document.querySelectorAll(this.ctx)):e=[this.ctx],e.forEach(r=>{const n=t.filter(a=>a.contains(r)).length>0;t.indexOf(r)===-1&&!n&&t.push(r)}),t}getIframeContents(e,t,r=()=>{}){let n;try{const a=e.contentWindow;if(n=a.document,!a||!n)throw new Error("iframe inaccessible")}catch{r()}n&&t(n)}isIframeBlank(e){const t="about:blank",r=e.getAttribute("src").trim();return e.contentWindow.location.href===t&&r!==t&&r}observeIframeLoad(e,t,r){let n=!1,a=null;const i=()=>{if(!n){n=!0,clearTimeout(a);try{this.isIframeBlank(e)||(e.removeEventListener("load",i),this.getIframeContents(e,t,r))}catch{r()}}};e.addEventListener("load",i),a=setTimeout(i,this.iframesTimeout)}onIframeReady(e,t,r){try{e.contentWindow.document.readyState==="complete"?this.isIframeBlank(e)?this.observeIframeLoad(e,t,r):this.getIframeContents(e,t,r):this.observeIframeLoad(e,t,r)}catch{r()}}waitForIframes(e,t){let r=0;this.forEachIframe(e,()=>!0,n=>{r++,this.waitForIframes(n.querySelector("html"),()=>{--r||t()})},n=>{n||t()})}forEachIframe(e,t,r,n=()=>{}){let a=e.querySelectorAll("iframe"),i=a.length,s=0;a=Array.prototype.slice.call(a);const u=()=>{--i<=0&&n(s)};i||u(),a.forEach(l=>{fe.matches(l,this.exclude)?u():this.onIframeReady(l,h=>{t(l)&&(s++,r(h)),u()},u)})}createIterator(e,t,r){return document.createNodeIterator(e,t,r,!1)}createInstanceOnIframe(e){return new fe(e.querySelector("html"),this.iframes)}compareNodeIframe(e,t,r){const n=e.compareDocumentPosition(r),a=Node.DOCUMENT_POSITION_PRECEDING;if(n&a)if(t!==null){const i=t.compareDocumentPosition(r),s=Node.DOCUMENT_POSITION_FOLLOWING;if(i&s)return!0}else return!0;return!1}getIteratorNode(e){const t=e.previousNode();let r;return t===null?r=e.nextNode():r=e.nextNode()&&e.nextNode(),{prevNode:t,node:r}}checkIframeFilter(e,t,r,n){let a=!1,i=!1;return n.forEach((s,u)=>{s.val===r&&(a=u,i=s.handled)}),this.compareNodeIframe(e,t,r)?(a===!1&&!i?n.push({val:r,handled:!0}):a!==!1&&!i&&(n[a].handled=!0),!0):(a===!1&&n.push({val:r,handled:!1}),!1)}handleOpenIframes(e,t,r,n){e.forEach(a=>{a.handled||this.getIframeContents(a.val,i=>{this.createInstanceOnIframe(i).forEachNode(t,r,n)})})}iterateThroughNodes(e,t,r,n,a){const i=this.createIterator(t,e,n);let s=[],u=[],l,h,d=()=>({prevNode:h,node:l}=this.getIteratorNode(i),l);for(;d();)this.iframes&&this.forEachIframe(t,v=>this.checkIframeFilter(l,h,v,s),v=>{this.createInstanceOnIframe(v).forEachNode(e,y=>u.push(y),n)}),u.push(l);u.forEach(v=>{r(v)}),this.iframes&&this.handleOpenIframes(s,e,r,n),a()}forEachNode(e,t,r,n=()=>{}){const a=this.getContexts();let i=a.length;i||n(),a.forEach(s=>{const u=()=>{this.iterateThroughNodes(e,s,t,r,()=>{--i<=0&&n()})};this.iframes?this.waitForIframes(s,u):u()})}}let _r=class{constructor(e){this.ctx=e,this.ie=!1;const t=window.navigator.userAgent;(t.indexOf("MSIE")>-1||t.indexOf("Trident")>-1)&&(this.ie=!0)}set opt(e){this._opt=Object.assign({},{element:"",className:"",exclude:[],iframes:!1,iframesTimeout:5e3,separateWordSearch:!0,diacritics:!0,synonyms:{},accuracy:"partially",acrossElements:!1,caseSensitive:!1,ignoreJoiners:!1,ignoreGroups:0,ignorePunctuation:[],wildcards:"disabled",each:()=>{},noMatch:()=>{},filter:()=>!0,done:()=>{},debug:!1,log:window.console},e)}get opt(){return this._opt}get iterator(){return new fe(this.ctx,this.opt.iframes,this.opt.exclude,this.opt.iframesTimeout)}log(e,t="debug"){const r=this.opt.log;this.opt.debug&&typeof r=="object"&&typeof r[t]=="function"&&r[t](`mark.js: ${e}`)}escapeStr(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}createRegExp(e){return this.opt.wildcards!=="disabled"&&(e=this.setupWildcardsRegExp(e)),e=this.escapeStr(e),Object.keys(this.opt.synonyms).length&&(e=this.createSynonymsRegExp(e)),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),this.opt.diacritics&&(e=this.createDiacriticsRegExp(e)),e=this.createMergedBlanksRegExp(e),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.createJoinersRegExp(e)),this.opt.wildcards!=="disabled"&&(e=this.createWildcardsRegExp(e)),e=this.createAccuracyRegExp(e),e}createSynonymsRegExp(e){const t=this.opt.synonyms,r=this.opt.caseSensitive?"":"i",n=this.opt.ignoreJoiners||this.opt.ignorePunctuation.length?"\0":"";for(let a in t)if(t.hasOwnProperty(a)){const i=t[a],s=this.opt.wildcards!=="disabled"?this.setupWildcardsRegExp(a):this.escapeStr(a),u=this.opt.wildcards!=="disabled"?this.setupWildcardsRegExp(i):this.escapeStr(i);s!==""&&u!==""&&(e=e.replace(new RegExp(`(${this.escapeStr(s)}|${this.escapeStr(u)})`,`gm${r}`),n+`(${this.processSynomyms(s)}|${this.processSynomyms(u)})`+n))}return e}processSynomyms(e){return(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),e}setupWildcardsRegExp(e){return e=e.replace(/(?:\\)*\?/g,t=>t.charAt(0)==="\\"?"?":"
"),e.replace(/(?:\\)*\*/g,t=>t.charAt(0)==="\\"?"*":"")}createWildcardsRegExp(e){let t=this.opt.wildcards==="withSpaces";return e.replace(/\u0001/g,t?"[\\S\\s]?":"\\S?").replace(/\u0002/g,t?"[\\S\\s]*?":"\\S*")}setupIgnoreJoinersRegExp(e){return e.replace(/[^(|)\\]/g,(t,r,n)=>{let a=n.charAt(r+1);return/[(|)\\]/.test(a)||a===""?t:t+"\0"})}createJoinersRegExp(e){let t=[];const r=this.opt.ignorePunctuation;return Array.isArray(r)&&r.length&&t.push(this.escapeStr(r.join(""))),this.opt.ignoreJoiners&&t.push("\\u00ad\\u200b\\u200c\\u200d"),t.length?e.split(/\u0000+/).join(`[${t.join("")}]*`):e}createDiacriticsRegExp(e){const t=this.opt.caseSensitive?"":"i",r=this.opt.caseSensitive?["aàáảãạăằắẳẵặâầấẩẫậäåāą","AÀÁẢÃẠĂẰẮẲẴẶÂẦẤẨẪẬÄÅĀĄ","cçćč","CÇĆČ","dđď","DĐĎ","eèéẻẽẹêềếểễệëěēę","EÈÉẺẼẸÊỀẾỂỄỆËĚĒĘ","iìíỉĩịîïī","IÌÍỈĨỊÎÏĪ","lł","LŁ","nñňń","NÑŇŃ","oòóỏõọôồốổỗộơởỡớờợöøō","OÒÓỎÕỌÔỒỐỔỖỘƠỞỠỚỜỢÖØŌ","rř","RŘ","sšśșş","SŠŚȘŞ","tťțţ","TŤȚŢ","uùúủũụưừứửữựûüůū","UÙÚỦŨỤƯỪỨỬỮỰÛÜŮŪ","yýỳỷỹỵÿ","YÝỲỶỸỴŸ","zžżź","ZŽŻŹ"]:["aàáảãạăằắẳẵặâầấẩẫậäåāąAÀÁẢÃẠĂẰẮẲẴẶÂẦẤẨẪẬÄÅĀĄ","cçćčCÇĆČ","dđďDĐĎ","eèéẻẽẹêềếểễệëěēęEÈÉẺẼẸÊỀẾỂỄỆËĚĒĘ","iìíỉĩịîïīIÌÍỈĨỊÎÏĪ","lłLŁ","nñňńNÑŇŃ","oòóỏõọôồốổỗộơởỡớờợöøōOÒÓỎÕỌÔỒỐỔỖỘƠỞỠỚỜỢÖØŌ","rřRŘ","sšśșşSŠŚȘŞ","tťțţTŤȚŢ","uùúủũụưừứửữựûüůūUÙÚỦŨỤƯỪỨỬỮỰÛÜŮŪ","yýỳỷỹỵÿYÝỲỶỸỴŸ","zžżźZŽŻŹ"];let n=[];return e.split("").forEach(a=>{r.every(i=>{if(i.indexOf(a)!==-1){if(n.indexOf(i)>-1)return!1;e=e.replace(new RegExp(`[${i}]`,`gm${t}`),`[${i}]`),n.push(i)}return!0})}),e}createMergedBlanksRegExp(e){return e.replace(/[\s]+/gmi,"[\\s]+")}createAccuracyRegExp(e){const t="!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~¡¿";let r=this.opt.accuracy,n=typeof r=="string"?r:r.value,a=typeof r=="string"?[]:r.limiters,i="";switch(a.forEach(s=>{i+=`|${this.escapeStr(s)}`}),n){case"partially":default:return`()(${e})`;case"complementary":return i="\\s"+(i||this.escapeStr(t)),`()([^${i}]*${e}[^${i}]*)`;case"exactly":return`(^|\\s${i})(${e})(?=$|\\s${i})`}}getSeparatedKeywords(e){let t=[];return e.forEach(r=>{this.opt.separateWordSearch?r.split(" ").forEach(n=>{n.trim()&&t.indexOf(n)===-1&&t.push(n)}):r.trim()&&t.indexOf(r)===-1&&t.push(r)}),{keywords:t.sort((r,n)=>n.length-r.length),length:t.length}}isNumeric(e){return Number(parseFloat(e))==e}checkRanges(e){if(!Array.isArray(e)||Object.prototype.toString.call(e[0])!=="[object Object]")return this.log("markRanges() will only accept an array of objects"),this.opt.noMatch(e),[];const t=[];let r=0;return e.sort((n,a)=>n.start-a.start).forEach(n=>{let{start:a,end:i,valid:s}=this.callNoMatchOnInvalidRanges(n,r);s&&(n.start=a,n.length=i-a,t.push(n),r=i)}),t}callNoMatchOnInvalidRanges(e,t){let r,n,a=!1;return e&&typeof e.start<"u"?(r=parseInt(e.start,10),n=r+parseInt(e.length,10),this.isNumeric(e.start)&&this.isNumeric(e.length)&&n-t>0&&n-r>0?a=!0:(this.log(`Ignoring invalid or overlapping range: ${JSON.stringify(e)}`),this.opt.noMatch(e))):(this.log(`Ignoring invalid range: ${JSON.stringify(e)}`),this.opt.noMatch(e)),{start:r,end:n,valid:a}}checkWhitespaceRanges(e,t,r){let n,a=!0,i=r.length,s=t-i,u=parseInt(e.start,10)-s;return u=u>i?i:u,n=u+parseInt(e.length,10),n>i&&(n=i,this.log(`End range automatically set to the max value of ${i}`)),u<0||n-u<0||u>i||n>i?(a=!1,this.log(`Invalid range: ${JSON.stringify(e)}`),this.opt.noMatch(e)):r.substring(u,n).replace(/\s+/g,"")===""&&(a=!1,this.log("Skipping whitespace only range: "+JSON.stringify(e)),this.opt.noMatch(e)),{start:u,end:n,valid:a}}getTextNodes(e){let t="",r=[];this.iterator.forEachNode(NodeFilter.SHOW_TEXT,n=>{r.push({start:t.length,end:(t+=n.textContent).length,node:n})},n=>this.matchesExclude(n.parentNode)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT,()=>{e({value:t,nodes:r})})}matchesExclude(e){return fe.matches(e,this.opt.exclude.concat(["script","style","title","head","html"]))}wrapRangeInTextNode(e,t,r){const n=this.opt.element?this.opt.element:"mark",a=e.splitText(t),i=a.splitText(r-t);let s=document.createElement(n);return s.setAttribute("data-markjs","true"),this.opt.className&&s.setAttribute("class",this.opt.className),s.textContent=a.textContent,a.parentNode.replaceChild(s,a),i}wrapRangeInMappedTextNode(e,t,r,n,a){e.nodes.every((i,s)=>{const u=e.nodes[s+1];if(typeof u>"u"||u.start>t){if(!n(i.node))return!1;const l=t-i.start,h=(r>i.end?i.end:r)-i.start,d=e.value.substr(0,i.start),v=e.value.substr(h+i.start);if(i.node=this.wrapRangeInTextNode(i.node,l,h),e.value=d+v,e.nodes.forEach((y,b)=>{b>=s&&(e.nodes[b].start>0&&b!==s&&(e.nodes[b].start-=h),e.nodes[b].end-=h)}),r-=h,a(i.node.previousSibling,i.start),r>i.end)t=i.end;else return!1}return!0})}wrapMatches(e,t,r,n,a){const i=t===0?0:t+1;this.getTextNodes(s=>{s.nodes.forEach(u=>{u=u.node;let l;for(;(l=e.exec(u.textContent))!==null&&l[i]!=="";){if(!r(l[i],u))continue;let h=l.index;if(i!==0)for(let d=1;d<i;d++)h+=l[d].length;u=this.wrapRangeInTextNode(u,h,h+l[i].length),n(u.previousSibling),e.lastIndex=0}}),a()})}wrapMatchesAcrossElements(e,t,r,n,a){const i=t===0?0:t+1;this.getTextNodes(s=>{let u;for(;(u=e.exec(s.value))!==null&&u[i]!=="";){let l=u.index;if(i!==0)for(let d=1;d<i;d++)l+=u[d].length;const h=l+u[i].length;this.wrapRangeInMappedTextNode(s,l,h,d=>r(u[i],d),(d,v)=>{e.lastIndex=v,n(d)})}a()})}wrapRangeFromIndex(e,t,r,n){this.getTextNodes(a=>{const i=a.value.length;e.forEach((s,u)=>{let{start:l,end:h,valid:d}=this.checkWhitespaceRanges(s,i,a.value);d&&this.wrapRangeInMappedTextNode(a,l,h,v=>t(v,s,a.value.substring(l,h),u),v=>{r(v,s)})}),n()})}unwrapMatches(e){const t=e.parentNode;let r=document.createDocumentFragment();for(;e.firstChild;)r.appendChild(e.removeChild(e.firstChild));t.replaceChild(r,e),this.ie?this.normalizeTextNode(t):t.normalize()}normalizeTextNode(e){if(e){if(e.nodeType===3)for(;e.nextSibling&&e.nextSibling.nodeType===3;)e.nodeValue+=e.nextSibling.nodeValue,e.parentNode.removeChild(e.nextSibling);else this.normalizeTextNode(e.firstChild);this.normalizeTextNode(e.nextSibling)}}markRegExp(e,t){this.opt=t,this.log(`Searching with expression "${e}"`);let r=0,n="wrapMatches";const a=i=>{r++,this.opt.each(i)};this.opt.acrossElements&&(n="wrapMatchesAcrossElements"),this[n](e,this.opt.ignoreGroups,(i,s)=>this.opt.filter(s,i,r),a,()=>{r===0&&this.opt.noMatch(e),this.opt.done(r)})}mark(e,t){this.opt=t;let r=0,n="wrapMatches";const{keywords:a,length:i}=this.getSeparatedKeywords(typeof e=="string"?[e]:e),s=this.opt.caseSensitive?"":"i",u=l=>{let h=new RegExp(this.createRegExp(l),`gm${s}`),d=0;this.log(`Searching with expression "${h}"`),this[n](h,1,(v,y)=>this.opt.filter(y,l,r,d),v=>{d++,r++,this.opt.each(v)},()=>{d===0&&this.opt.noMatch(l),a[i-1]===l?this.opt.done(r):u(a[a.indexOf(l)+1])})};this.opt.acrossElements&&(n="wrapMatchesAcrossElements"),i===0?this.opt.done(r):u(a[0])}markRanges(e,t){this.opt=t;let r=0,n=this.checkRanges(e);n&&n.length?(this.log("Starting to mark with the following ranges: "+JSON.stringify(n)),this.wrapRangeFromIndex(n,(a,i,s,u)=>this.opt.filter(a,i,s,u),(a,i)=>{r++,this.opt.each(a,i)},()=>{this.opt.done(r)})):this.opt.done(r)}unmark(e){this.opt=e;let t=this.opt.element?this.opt.element:"*";t+="[data-markjs]",this.opt.className&&(t+=`.${this.opt.className}`),this.log(`Removal selector "${t}"`),this.iterator.forEachNode(NodeFilter.SHOW_ELEMENT,r=>{this.unwrapMatches(r)},r=>{const n=fe.matches(r,t),a=this.matchesExclude(r);return!n||a?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT},this.opt.done)}};function Or(o){const e=new _r(o);return this.mark=(t,r)=>(e.mark(t,r),this),this.markRegExp=(t,r)=>(e.markRegExp(t,r),this),this.markRanges=(t,r)=>(e.markRanges(t,r),this),this.unmark=t=>(e.unmark(t),this),this}var W=function(){return W=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},W.apply(this,arguments)};function Rr(o,e,t,r){function n(a){return a instanceof t?a:new t(function(i){i(a)})}return new(t||(t=Promise))(function(a,i){function s(h){try{l(r.next(h))}catch(d){i(d)}}function u(h){try{l(r.throw(h))}catch(d){i(d)}}function l(h){h.done?a(h.value):n(h.value).then(s,u)}l((r=r.apply(o,e||[])).next())})}function Mr(o,e){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol=="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(l){return function(h){return u([l,h])}}function u(l){if(r)throw new TypeError("Generator is already executing.");for(;i&&(i=0,l[0]&&(t=0)),t;)try{if(r=1,n&&(a=l[0]&2?n.return:l[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,l[1])).done)return a;switch(n=0,a&&(l=[l[0]&2,a.value]),l[0]){case 0:case 1:a=l;break;case 4:return t.label++,{value:l[1],done:!1};case 5:t.label++,n=l[1],l=[0];continue;case 7:l=t.ops.pop(),t.trys.pop();continue;default:if(a=t.trys,!(a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){t.label=l[1];break}if(l[0]===6&&t.label<a[1]){t.label=a[1],a=l;break}if(a&&t.label<a[2]){t.label=a[2],t.ops.push(l);break}a[2]&&t.ops.pop(),t.trys.pop();continue}l=e.call(o,t)}catch(h){l=[6,h],n=0}finally{r=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}}function D(o){var e=typeof Symbol=="function"&&Symbol.iterator,t=e&&o[e],r=0;if(t)return t.call(o);if(o&&typeof o.length=="number")return{next:function(){return o&&r>=o.length&&(o=void 0),{value:o&&o[r++],done:!o}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function U(o,e){var t=typeof Symbol=="function"&&o[Symbol.iterator];if(!t)return o;var r=t.call(o),n,a=[],i;try{for(;(e===void 0||e-- >0)&&!(n=r.next()).done;)a.push(n.value)}catch(s){i={error:s}}finally{try{n&&!n.done&&(t=r.return)&&t.call(r)}finally{if(i)throw i.error}}return a}var Lr="ENTRIES",Et="KEYS",St="VALUES",G="",Me=function(){function o(e,t){var r=e._tree,n=Array.from(r.keys());this.set=e,this._type=t,this._path=n.length>0?[{node:r,keys:n}]:[]}return o.prototype.next=function(){var e=this.dive();return this.backtrack(),e},o.prototype.dive=function(){if(this._path.length===0)return{done:!0,value:void 0};var e=ce(this._path),t=e.node,r=e.keys;if(ce(r)===G)return{done:!1,value:this.result()};var n=t.get(ce(r));return this._path.push({node:n,keys:Array.from(n.keys())}),this.dive()},o.prototype.backtrack=function(){if(this._path.length!==0){var e=ce(this._path).keys;e.pop(),!(e.length>0)&&(this._path.pop(),this.backtrack())}},o.prototype.key=function(){return this.set._prefix+this._path.map(function(e){var t=e.keys;return ce(t)}).filter(function(e){return e!==G}).join("")},o.prototype.value=function(){return ce(this._path).node.get(G)},o.prototype.result=function(){switch(this._type){case St:return this.value();case Et:return this.key();default:return[this.key(),this.value()]}},o.prototype[Symbol.iterator]=function(){return this},o}(),ce=function(o){return o[o.length-1]},Pr=function(o,e,t){var r=new Map;if(e===void 0)return r;for(var n=e.length+1,a=n+t,i=new Uint8Array(a*n).fill(t+1),s=0;s<n;++s)i[s]=s;for(var u=1;u<a;++u)i[u*n]=u;return At(o,e,t,r,i,1,n,""),r},At=function(o,e,t,r,n,a,i,s){var u,l,h=a*i;try{e:for(var d=D(o.keys()),v=d.next();!v.done;v=d.next()){var y=v.value;if(y===G){var b=n[h-1];b<=t&&r.set(s,[o.get(y),b])}else{for(var E=a,g=0;g<y.length;++g,++E){for(var S=y[g],T=i*E,F=T-i,L=n[T],R=Math.max(0,E-t-1),B=Math.min(i-1,E+t),C=R;C<B;++C){var O=S!==e[C],A=n[F+C]+ +O,_=n[F+C+1]+1,w=n[T+C]+1,c=n[T+C+1]=Math.min(A,_,w);c<L&&(L=c)}if(L>t)continue e}At(o.get(y),e,t,r,n,E,i,s+y)}}}catch(f){u={error:f}}finally{try{v&&!v.done&&(l=d.return)&&l.call(d)}finally{if(u)throw u.error}}},Le=function(){function o(e,t){e===void 0&&(e=new Map),t===void 0&&(t=""),this._size=void 0,this._tree=e,this._prefix=t}return o.prototype.atPrefix=function(e){var t,r;if(!e.startsWith(this._prefix))throw new Error("Mismatched prefix");var n=U(ke(this._tree,e.slice(this._prefix.length)),2),a=n[0],i=n[1];if(a===void 0){var s=U(Ge(i),2),u=s[0],l=s[1];try{for(var h=D(u.keys()),d=h.next();!d.done;d=h.next()){var v=d.value;if(v!==G&&v.startsWith(l)){var y=new Map;return y.set(v.slice(l.length),u.get(v)),new o(y,e)}}}catch(b){t={error:b}}finally{try{d&&!d.done&&(r=h.return)&&r.call(h)}finally{if(t)throw t.error}}}return new o(a,e)},o.prototype.clear=function(){this._size=void 0,this._tree.clear()},o.prototype.delete=function(e){return this._size=void 0,zr(this._tree,e)},o.prototype.entries=function(){return new Me(this,Lr)},o.prototype.forEach=function(e){var t,r;try{for(var n=D(this),a=n.next();!a.done;a=n.next()){var i=U(a.value,2),s=i[0],u=i[1];e(s,u,this)}}catch(l){t={error:l}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}},o.prototype.fuzzyGet=function(e,t){return Pr(this._tree,e,t)},o.prototype.get=function(e){var t=Ue(this._tree,e);return t!==void 0?t.get(G):void 0},o.prototype.has=function(e){var t=Ue(this._tree,e);return t!==void 0&&t.has(G)},o.prototype.keys=function(){return new Me(this,Et)},o.prototype.set=function(e,t){if(typeof e!="string")throw new Error("key must be a string");this._size=void 0;var r=Pe(this._tree,e);return r.set(G,t),this},Object.defineProperty(o.prototype,"size",{get:function(){if(this._size)return this._size;this._size=0;for(var e=this.entries();!e.next().done;)this._size+=1;return this._size},enumerable:!1,configurable:!0}),o.prototype.update=function(e,t){if(typeof e!="string")throw new Error("key must be a string");this._size=void 0;var r=Pe(this._tree,e);return r.set(G,t(r.get(G))),this},o.prototype.fetch=function(e,t){if(typeof e!="string")throw new Error("key must be a string");this._size=void 0;var r=Pe(this._tree,e),n=r.get(G);return n===void 0&&r.set(G,n=t()),n},o.prototype.values=function(){return new Me(this,St)},o.prototype[Symbol.iterator]=function(){return this.entries()},o.from=function(e){var t,r,n=new o;try{for(var a=D(e),i=a.next();!i.done;i=a.next()){var s=U(i.value,2),u=s[0],l=s[1];n.set(u,l)}}catch(h){t={error:h}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}return n},o.fromObject=function(e){return o.from(Object.entries(e))},o}(),ke=function(o,e,t){var r,n;if(t===void 0&&(t=[]),e.length===0||o==null)return[o,t];try{for(var a=D(o.keys()),i=a.next();!i.done;i=a.next()){var s=i.value;if(s!==G&&e.startsWith(s))return t.push([o,s]),ke(o.get(s),e.slice(s.length),t)}}catch(u){r={error:u}}finally{try{i&&!i.done&&(n=a.return)&&n.call(a)}finally{if(r)throw r.error}}return t.push([o,e]),ke(void 0,"",t)},Ue=function(o,e){var t,r;if(e.length===0||o==null)return o;try{for(var n=D(o.keys()),a=n.next();!a.done;a=n.next()){var i=a.value;if(i!==G&&e.startsWith(i))return Ue(o.get(i),e.slice(i.length))}}catch(s){t={error:s}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}},Pe=function(o,e){var t,r,n=e.length;e:for(var a=0;o&&a<n;){try{for(var i=(t=void 0,D(o.keys())),s=i.next();!s.done;s=i.next()){var u=s.value;if(u!==G&&e[a]===u[0]){for(var l=Math.min(n-a,u.length),h=1;h<l&&e[a+h]===u[h];)++h;var d=o.get(u);if(h===u.length)o=d;else{var v=new Map;v.set(u.slice(h),d),o.set(e.slice(a,a+h),v),o.delete(u),o=v}a+=h;continue e}}}catch(b){t={error:b}}finally{try{s&&!s.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}var y=new Map;return o.set(e.slice(a),y),y}return o},zr=function(o,e){var t=U(ke(o,e),2),r=t[0],n=t[1];if(r!==void 0){if(r.delete(G),r.size===0)Tt(n);else if(r.size===1){var a=U(r.entries().next().value,2),i=a[0],s=a[1];Ct(n,i,s)}}},Tt=function(o){if(o.length!==0){var e=U(Ge(o),2),t=e[0],r=e[1];if(t.delete(r),t.size===0)Tt(o.slice(0,-1));else if(t.size===1){var n=U(t.entries().next().value,2),a=n[0],i=n[1];a!==G&&Ct(o.slice(0,-1),a,i)}}},Ct=function(o,e,t){if(o.length!==0){var r=U(Ge(o),2),n=r[0],a=r[1];n.set(a+e,t),n.delete(a)}},Ge=function(o){return o[o.length-1]},me,qe="or",Nt="and",Vr="and_not",Br=function(){function o(e){if((e==null?void 0:e.fields)==null)throw new Error('MiniSearch: option "fields" must be provided');var t=e.autoVacuum==null||e.autoVacuum===!0?Be:e.autoVacuum;this._options=W(W(W({},Ve),e),{autoVacuum:t,searchOptions:W(W({},dt),e.searchOptions||{}),autoSuggestOptions:W(W({},Jr),e.autoSuggestOptions||{})}),this._index=new Le,this._documentCount=0,this._documentIds=new Map,this._idToShortId=new Map,this._fieldIds={},this._fieldLength=new Map,this._avgFieldLength=[],this._nextId=0,this._storedFields=new Map,this._dirtCount=0,this._currentVacuum=null,this._enqueuedVacuum=null,this._enqueuedVacuumConditions=je,this.addFields(this._options.fields)}return o.prototype.add=function(e){var t,r,n,a,i,s,u=this._options,l=u.extractField,h=u.tokenize,d=u.processTerm,v=u.fields,y=u.idField,b=l(e,y);if(b==null)throw new Error('MiniSearch: document does not have ID field "'.concat(y,'"'));if(this._idToShortId.has(b))throw new Error("MiniSearch: duplicate ID ".concat(b));var E=this.addDocumentId(b);this.saveStoredFields(E,e);try{for(var g=D(v),S=g.next();!S.done;S=g.next()){var T=S.value,F=l(e,T);if(F!=null){var L=h(F.toString(),T),R=this._fieldIds[T],B=new Set(L).size;this.addFieldLength(E,R,this._documentCount-1,B);try{for(var C=(n=void 0,D(L)),O=C.next();!O.done;O=C.next()){var A=O.value,_=d(A,T);if(Array.isArray(_))try{for(var w=(i=void 0,D(_)),c=w.next();!c.done;c=w.next()){var f=c.value;this.addTerm(R,E,f)}}catch(p){i={error:p}}finally{try{c&&!c.done&&(s=w.return)&&s.call(w)}finally{if(i)throw i.error}}else _&&this.addTerm(R,E,_)}}catch(p){n={error:p}}finally{try{O&&!O.done&&(a=C.return)&&a.call(C)}finally{if(n)throw n.error}}}}}catch(p){t={error:p}}finally{try{S&&!S.done&&(r=g.return)&&r.call(g)}finally{if(t)throw t.error}}},o.prototype.addAll=function(e){var t,r;try{for(var n=D(e),a=n.next();!a.done;a=n.next()){var i=a.value;this.add(i)}}catch(s){t={error:s}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}},o.prototype.addAllAsync=function(e,t){var r=this;t===void 0&&(t={});var n=t.chunkSize,a=n===void 0?10:n,i={chunk:[],promise:Promise.resolve()},s=e.reduce(function(h,d,v){var y=h.chunk,b=h.promise;return y.push(d),(v+1)%a===0?{chunk:[],promise:b.then(function(){return new Promise(function(E){return setTimeout(E,0)})}).then(function(){return r.addAll(y)})}:{chunk:y,promise:b}},i),u=s.chunk,l=s.promise;return l.then(function(){return r.addAll(u)})},o.prototype.remove=function(e){var t,r,n,a,i,s,u=this._options,l=u.tokenize,h=u.processTerm,d=u.extractField,v=u.fields,y=u.idField,b=d(e,y);if(b==null)throw new Error('MiniSearch: document does not have ID field "'.concat(y,'"'));var E=this._idToShortId.get(b);if(E==null)throw new Error("MiniSearch: cannot remove document with ID ".concat(b,": it is not in the index"));try{for(var g=D(v),S=g.next();!S.done;S=g.next()){var T=S.value,F=d(e,T);if(F!=null){var L=l(F.toString(),T),R=this._fieldIds[T],B=new Set(L).size;this.removeFieldLength(E,R,this._documentCount,B);try{for(var C=(n=void 0,D(L)),O=C.next();!O.done;O=C.next()){var A=O.value,_=h(A,T);if(Array.isArray(_))try{for(var w=(i=void 0,D(_)),c=w.next();!c.done;c=w.next()){var f=c.value;this.removeTerm(R,E,f)}}catch(p){i={error:p}}finally{try{c&&!c.done&&(s=w.return)&&s.call(w)}finally{if(i)throw i.error}}else _&&this.removeTerm(R,E,_)}}catch(p){n={error:p}}finally{try{O&&!O.done&&(a=C.return)&&a.call(C)}finally{if(n)throw n.error}}}}}catch(p){t={error:p}}finally{try{S&&!S.done&&(r=g.return)&&r.call(g)}finally{if(t)throw t.error}}this._storedFields.delete(E),this._documentIds.delete(E),this._idToShortId.delete(b),this._fieldLength.delete(E),this._documentCount-=1},o.prototype.removeAll=function(e){var t,r;if(e)try{for(var n=D(e),a=n.next();!a.done;a=n.next()){var i=a.value;this.remove(i)}}catch(s){t={error:s}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}else{if(arguments.length>0)throw new Error("Expected documents to be present. Omit the argument to remove all documents.");this._index=new Le,this._documentCount=0,this._documentIds=new Map,this._idToShortId=new Map,this._fieldLength=new Map,this._avgFieldLength=[],this._storedFields=new Map,this._nextId=0}},o.prototype.discard=function(e){var t=this,r=this._idToShortId.get(e);if(r==null)throw new Error("MiniSearch: cannot discard document with ID ".concat(e,": it is not in the index"));this._idToShortId.delete(e),this._documentIds.delete(r),this._storedFields.delete(r),(this._fieldLength.get(r)||[]).forEach(function(n,a){t.removeFieldLength(r,a,t._documentCount,n)}),this._fieldLength.delete(r),this._documentCount-=1,this._dirtCount+=1,this.maybeAutoVacuum()},o.prototype.maybeAutoVacuum=function(){if(this._options.autoVacuum!==!1){var e=this._options.autoVacuum,t=e.minDirtFactor,r=e.minDirtCount,n=e.batchSize,a=e.batchWait;this.conditionalVacuum({batchSize:n,batchWait:a},{minDirtCount:r,minDirtFactor:t})}},o.prototype.discardAll=function(e){var t,r,n=this._options.autoVacuum;try{this._options.autoVacuum=!1;try{for(var a=D(e),i=a.next();!i.done;i=a.next()){var s=i.value;this.discard(s)}}catch(u){t={error:u}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}}finally{this._options.autoVacuum=n}this.maybeAutoVacuum()},o.prototype.replace=function(e){var t=this._options,r=t.idField,n=t.extractField,a=n(e,r);this.discard(a),this.add(e)},o.prototype.vacuum=function(e){return e===void 0&&(e={}),this.conditionalVacuum(e)},o.prototype.conditionalVacuum=function(e,t){var r=this;return this._currentVacuum?(this._enqueuedVacuumConditions=this._enqueuedVacuumConditions&&t,this._enqueuedVacuum!=null?this._enqueuedVacuum:(this._enqueuedVacuum=this._currentVacuum.then(function(){var n=r._enqueuedVacuumConditions;return r._enqueuedVacuumConditions=je,r.performVacuuming(e,n)}),this._enqueuedVacuum)):this.vacuumConditionsMet(t)===!1?Promise.resolve():(this._currentVacuum=this.performVacuuming(e),this._currentVacuum)},o.prototype.performVacuuming=function(e,t){return Rr(this,void 0,void 0,function(){var r,n,a,i,s,u,l,h,d,v,y,b,E,g,S,T,F,L,R,B,C,O,A,_,w;return Mr(this,function(c){switch(c.label){case 0:if(r=this._dirtCount,!this.vacuumConditionsMet(t))return[3,10];n=e.batchSize||Je.batchSize,a=e.batchWait||Je.batchWait,i=1,c.label=1;case 1:c.trys.push([1,7,8,9]),s=D(this._index),u=s.next(),c.label=2;case 2:if(u.done)return[3,6];l=U(u.value,2),h=l[0],d=l[1];try{for(v=(O=void 0,D(d)),y=v.next();!y.done;y=v.next()){b=U(y.value,2),E=b[0],g=b[1];try{for(S=(_=void 0,D(g)),T=S.next();!T.done;T=S.next())F=U(T.value,1),L=F[0],!this._documentIds.has(L)&&(g.size<=1?d.delete(E):g.delete(L))}catch(f){_={error:f}}finally{try{T&&!T.done&&(w=S.return)&&w.call(S)}finally{if(_)throw _.error}}}}catch(f){O={error:f}}finally{try{y&&!y.done&&(A=v.return)&&A.call(v)}finally{if(O)throw O.error}}return this._index.get(h).size===0&&this._index.delete(h),i%n!==0?[3,4]:[4,new Promise(function(f){return setTimeout(f,a)})];case 3:c.sent(),c.label=4;case 4:i+=1,c.label=5;case 5:return u=s.next(),[3,2];case 6:return[3,9];case 7:return R=c.sent(),B={error:R},[3,9];case 8:try{u&&!u.done&&(C=s.return)&&C.call(s)}finally{if(B)throw B.error}return[7];case 9:this._dirtCount-=r,c.label=10;case 10:return[4,null];case 11:return c.sent(),this._currentVacuum=this._enqueuedVacuum,this._enqueuedVacuum=null,[2]}})})},o.prototype.vacuumConditionsMet=function(e){if(e==null)return!0;var t=e.minDirtCount,r=e.minDirtFactor;return t=t||Be.minDirtCount,r=r||Be.minDirtFactor,this.dirtCount>=t&&this.dirtFactor>=r},Object.defineProperty(o.prototype,"isVacuuming",{get:function(){return this._currentVacuum!=null},enumerable:!1,configurable:!0}),Object.defineProperty(o.prototype,"dirtCount",{get:function(){return this._dirtCount},enumerable:!1,configurable:!0}),Object.defineProperty(o.prototype,"dirtFactor",{get:function(){return this._dirtCount/(1+this._documentCount+this._dirtCount)},enumerable:!1,configurable:!0}),o.prototype.has=function(e){return this._idToShortId.has(e)},o.prototype.getStoredFields=function(e){var t=this._idToShortId.get(e);if(t!=null)return this._storedFields.get(t)},o.prototype.search=function(e,t){var r,n;t===void 0&&(t={});var a=this.executeQuery(e,t),i=[];try{for(var s=D(a),u=s.next();!u.done;u=s.next()){var l=U(u.value,2),h=l[0],d=l[1],v=d.score,y=d.terms,b=d.match,E=y.length||1,g={id:this._documentIds.get(h),score:v*E,terms:Object.keys(b),queryTerms:y,match:b};Object.assign(g,this._storedFields.get(h)),(t.filter==null||t.filter(g))&&i.push(g)}}catch(S){r={error:S}}finally{try{u&&!u.done&&(n=s.return)&&n.call(s)}finally{if(r)throw r.error}}return e===o.wildcard&&t.boostDocument==null&&this._options.searchOptions.boostDocument==null||i.sort(pt),i},o.prototype.autoSuggest=function(e,t){var r,n,a,i;t===void 0&&(t={}),t=W(W({},this._options.autoSuggestOptions),t);var s=new Map;try{for(var u=D(this.search(e,t)),l=u.next();!l.done;l=u.next()){var h=l.value,d=h.score,v=h.terms,y=v.join(" "),b=s.get(y);b!=null?(b.score+=d,b.count+=1):s.set(y,{score:d,terms:v,count:1})}}catch(R){r={error:R}}finally{try{l&&!l.done&&(n=u.return)&&n.call(u)}finally{if(r)throw r.error}}var E=[];try{for(var g=D(s),S=g.next();!S.done;S=g.next()){var T=U(S.value,2),b=T[0],F=T[1],d=F.score,v=F.terms,L=F.count;E.push({suggestion:b,terms:v,score:d/L})}}catch(R){a={error:R}}finally{try{S&&!S.done&&(i=g.return)&&i.call(g)}finally{if(a)throw a.error}}return E.sort(pt),E},Object.defineProperty(o.prototype,"documentCount",{get:function(){return this._documentCount},enumerable:!1,configurable:!0}),Object.defineProperty(o.prototype,"termCount",{get:function(){return this._index.size},enumerable:!1,configurable:!0}),o.loadJSON=function(e,t){if(t==null)throw new Error("MiniSearch: loadJSON should be given the same options used when serializing the index");return this.loadJS(JSON.parse(e),t)},o.getDefault=function(e){if(Ve.hasOwnProperty(e))return ze(Ve,e);throw new Error('MiniSearch: unknown option "'.concat(e,'"'))},o.loadJS=function(e,t){var r,n,a,i,s,u,l=e.index,h=e.documentCount,d=e.nextId,v=e.documentIds,y=e.fieldIds,b=e.fieldLength,E=e.averageFieldLength,g=e.storedFields,S=e.dirtCount,T=e.serializationVersion;if(T!==1&&T!==2)throw new Error("MiniSearch: cannot deserialize an index created with an incompatible version");var F=new o(t);F._documentCount=h,F._nextId=d,F._documentIds=Te(v),F._idToShortId=new Map,F._fieldIds=y,F._fieldLength=Te(b),F._avgFieldLength=E,F._storedFields=Te(g),F._dirtCount=S||0,F._index=new Le;try{for(var L=D(F._documentIds),R=L.next();!R.done;R=L.next()){var B=U(R.value,2),C=B[0],O=B[1];F._idToShortId.set(O,C)}}catch(z){r={error:z}}finally{try{R&&!R.done&&(n=L.return)&&n.call(L)}finally{if(r)throw r.error}}try{for(var A=D(l),_=A.next();!_.done;_=A.next()){var w=U(_.value,2),c=w[0],f=w[1],p=new Map;try{for(var N=(s=void 0,D(Object.keys(f))),I=N.next();!I.done;I=N.next()){var M=I.value,P=f[M];T===1&&(P=P.ds),p.set(parseInt(M,10),Te(P))}}catch(z){s={error:z}}finally{try{I&&!I.done&&(u=N.return)&&u.call(N)}finally{if(s)throw s.error}}F._index.set(c,p)}}catch(z){a={error:z}}finally{try{_&&!_.done&&(i=A.return)&&i.call(A)}finally{if(a)throw a.error}}return F},o.prototype.executeQuery=function(e,t){var r=this;if(t===void 0&&(t={}),e===o.wildcard)return this.executeWildcardQuery(t);if(typeof e!="string"){var n=W(W(W({},t),e),{queries:void 0}),a=e.queries.map(function(g){return r.executeQuery(g,n)});return this.combineResults(a,n.combineWith)}var i=this._options,s=i.tokenize,u=i.processTerm,l=i.searchOptions,h=W(W({tokenize:s,processTerm:u},l),t),d=h.tokenize,v=h.processTerm,y=d(e).flatMap(function(g){return v(g)}).filter(function(g){return!!g}),b=y.map(Ur(h)),E=b.map(function(g){return r.executeQuerySpec(g,h)});return this.combineResults(E,h.combineWith)},o.prototype.executeQuerySpec=function(e,t){var r,n,a,i,s=W(W({},this._options.searchOptions),t),u=(s.fields||this._options.fields).reduce(function(M,P){var z;return W(W({},M),(z={},z[P]=ze(s.boost,P)||1,z))},{}),l=s.boostDocument,h=s.weights,d=s.maxFuzzy,v=s.bm25,y=W(W({},dt.weights),h),b=y.fuzzy,E=y.prefix,g=this._index.get(e.term),S=this.termResults(e.term,e.term,1,g,u,l,v),T,F;if(e.prefix&&(T=this._index.atPrefix(e.term)),e.fuzzy){var L=e.fuzzy===!0?.2:e.fuzzy,R=L<1?Math.min(d,Math.round(e.term.length*L)):L;R&&(F=this._index.fuzzyGet(e.term,R))}if(T)try{for(var B=D(T),C=B.next();!C.done;C=B.next()){var O=U(C.value,2),A=O[0],_=O[1],w=A.length-e.term.length;if(w){F==null||F.delete(A);var c=E*A.length/(A.length+.3*w);this.termResults(e.term,A,c,_,u,l,v,S)}}}catch(M){r={error:M}}finally{try{C&&!C.done&&(n=B.return)&&n.call(B)}finally{if(r)throw r.error}}if(F)try{for(var f=D(F.keys()),p=f.next();!p.done;p=f.next()){var A=p.value,N=U(F.get(A),2),I=N[0],w=N[1];if(w){var c=b*A.length/(A.length+w);this.termResults(e.term,A,c,I,u,l,v,S)}}}catch(M){a={error:M}}finally{try{p&&!p.done&&(i=f.return)&&i.call(f)}finally{if(a)throw a.error}}return S},o.prototype.executeWildcardQuery=function(e){var t,r,n=new Map,a=W(W({},this._options.searchOptions),e);try{for(var i=D(this._documentIds),s=i.next();!s.done;s=i.next()){var u=U(s.value,2),l=u[0],h=u[1],d=a.boostDocument?a.boostDocument(h,"",this._storedFields.get(l)):1;n.set(l,{score:d,terms:[],match:{}})}}catch(v){t={error:v}}finally{try{s&&!s.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}return n},o.prototype.combineResults=function(e,t){if(t===void 0&&(t=qe),e.length===0)return new Map;var r=t.toLowerCase();return e.reduce($r[r])||new Map},o.prototype.toJSON=function(){var e,t,r,n,a=[];try{for(var i=D(this._index),s=i.next();!s.done;s=i.next()){var u=U(s.value,2),l=u[0],h=u[1],d={};try{for(var v=(r=void 0,D(h)),y=v.next();!y.done;y=v.next()){var b=U(y.value,2),E=b[0],g=b[1];d[E]=Object.fromEntries(g)}}catch(S){r={error:S}}finally{try{y&&!y.done&&(n=v.return)&&n.call(v)}finally{if(r)throw r.error}}a.push([l,d])}}catch(S){e={error:S}}finally{try{s&&!s.done&&(t=i.return)&&t.call(i)}finally{if(e)throw e.error}}return{documentCount:this._documentCount,nextId:this._nextId,documentIds:Object.fromEntries(this._documentIds),fieldIds:this._fieldIds,fieldLength:Object.fromEntries(this._fieldLength),averageFieldLength:this._avgFieldLength,storedFields:Object.fromEntries(this._storedFields),dirtCount:this._dirtCount,index:a,serializationVersion:2}},o.prototype.termResults=function(e,t,r,n,a,i,s,u){var l,h,d,v,y;if(u===void 0&&(u=new Map),n==null)return u;try{for(var b=D(Object.keys(a)),E=b.next();!E.done;E=b.next()){var g=E.value,S=a[g],T=this._fieldIds[g],F=n.get(T);if(F!=null){var L=F.size,R=this._avgFieldLength[T];try{for(var B=(d=void 0,D(F.keys())),C=B.next();!C.done;C=B.next()){var O=C.value;if(!this._documentIds.has(O)){this.removeTerm(T,O,t),L-=1;continue}var A=i?i(this._documentIds.get(O),t,this._storedFields.get(O)):1;if(A){var _=F.get(O),w=this._fieldLength.get(O)[T],c=Kr(_,L,this._documentCount,w,R,s),f=r*S*A*c,p=u.get(O);if(p){p.score+=f,jr(p.terms,e);var N=ze(p.match,t);N?N.push(g):p.match[t]=[g]}else u.set(O,{score:f,terms:[e],match:(y={},y[t]=[g],y)})}}}catch(I){d={error:I}}finally{try{C&&!C.done&&(v=B.return)&&v.call(B)}finally{if(d)throw d.error}}}}}catch(I){l={error:I}}finally{try{E&&!E.done&&(h=b.return)&&h.call(b)}finally{if(l)throw l.error}}return u},o.prototype.addTerm=function(e,t,r){var n=this._index.fetch(r,yt),a=n.get(e);if(a==null)a=new Map,a.set(t,1),n.set(e,a);else{var i=a.get(t);a.set(t,(i||0)+1)}},o.prototype.removeTerm=function(e,t,r){if(!this._index.has(r)){this.warnDocumentChanged(t,e,r);return}var n=this._index.fetch(r,yt),a=n.get(e);a==null||a.get(t)==null?this.warnDocumentChanged(t,e,r):a.get(t)<=1?a.size<=1?n.delete(e):a.delete(t):a.set(t,a.get(t)-1),this._index.get(r).size===0&&this._index.delete(r)},o.prototype.warnDocumentChanged=function(e,t,r){var n,a;try{for(var i=D(Object.keys(this._fieldIds)),s=i.next();!s.done;s=i.next()){var u=s.value;if(this._fieldIds[u]===t){this._options.logger("warn","MiniSearch: document with ID ".concat(this._documentIds.get(e),' has changed before removal: term "').concat(r,'" was not present in field "').concat(u,'". Removing a document after it has changed can corrupt the index!'),"version_conflict");return}}}catch(l){n={error:l}}finally{try{s&&!s.done&&(a=i.return)&&a.call(i)}finally{if(n)throw n.error}}},o.prototype.addDocumentId=function(e){var t=this._nextId;return this._idToShortId.set(e,t),this._documentIds.set(t,e),this._documentCount+=1,this._nextId+=1,t},o.prototype.addFields=function(e){for(var t=0;t<e.length;t++)this._fieldIds[e[t]]=t},o.prototype.addFieldLength=function(e,t,r,n){var a=this._fieldLength.get(e);a==null&&this._fieldLength.set(e,a=[]),a[t]=n;var i=this._avgFieldLength[t]||0,s=i*r+n;this._avgFieldLength[t]=s/(r+1)},o.prototype.removeFieldLength=function(e,t,r,n){if(r===1){this._avgFieldLength[t]=0;return}var a=this._avgFieldLength[t]*r-n;this._avgFieldLength[t]=a/(r-1)},o.prototype.saveStoredFields=function(e,t){var r,n,a=this._options,i=a.storeFields,s=a.extractField;if(!(i==null||i.length===0)){var u=this._storedFields.get(e);u==null&&this._storedFields.set(e,u={});try{for(var l=D(i),h=l.next();!h.done;h=l.next()){var d=h.value,v=s(t,d);v!==void 0&&(u[d]=v)}}catch(y){r={error:y}}finally{try{h&&!h.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}}},o.wildcard=Symbol("*"),o}(),ze=function(o,e){return Object.prototype.hasOwnProperty.call(o,e)?o[e]:void 0},$r=(me={},me[qe]=function(o,e){var t,r;try{for(var n=D(e.keys()),a=n.next();!a.done;a=n.next()){var i=a.value,s=o.get(i);if(s==null)o.set(i,e.get(i));else{var u=e.get(i),l=u.score,h=u.terms,d=u.match;s.score=s.score+l,s.match=Object.assign(s.match,d),vt(s.terms,h)}}}catch(v){t={error:v}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}return o},me[Nt]=function(o,e){var t,r,n=new Map;try{for(var a=D(e.keys()),i=a.next();!i.done;i=a.next()){var s=i.value,u=o.get(s);if(u!=null){var l=e.get(s),h=l.score,d=l.terms,v=l.match;vt(u.terms,d),n.set(s,{score:u.score+h,terms:u.terms,match:Object.assign(u.match,v)})}}}catch(y){t={error:y}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}return n},me[Vr]=function(o,e){var t,r;try{for(var n=D(e.keys()),a=n.next();!a.done;a=n.next()){var i=a.value;o.delete(i)}}catch(s){t={error:s}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}return o},me),Wr={k:1.2,b:.7,d:.5},Kr=function(o,e,t,r,n,a){var i=a.k,s=a.b,u=a.d,l=Math.log(1+(t-e+.5)/(e+.5));return l*(u+o*(i+1)/(o+i*(1-s+s*r/n)))},Ur=function(o){return function(e,t,r){var n=typeof o.fuzzy=="function"?o.fuzzy(e,t,r):o.fuzzy||!1,a=typeof o.prefix=="function"?o.prefix(e,t,r):o.prefix===!0;return{term:e,fuzzy:n,prefix:a}}},Ve={idField:"id",extractField:function(o,e){return o[e]},tokenize:function(o){return o.split(Gr)},processTerm:function(o){return o.toLowerCase()},fields:void 0,searchOptions:void 0,storeFields:[],logger:function(o,e){typeof(console==null?void 0:console[o])=="function"&&console[o](e)},autoVacuum:!0},dt={combineWith:qe,prefix:!1,fuzzy:!1,maxFuzzy:6,boost:{},weights:{fuzzy:.45,prefix:.375},bm25:Wr},Jr={combineWith:Nt,prefix:function(o,e,t){return e===t.length-1}},Je={batchSize:1e3,batchWait:10},je={minDirtFactor:.1,minDirtCount:20},Be=W(W({},Je),je),jr=function(o,e){o.includes(e)||o.push(e)},vt=function(o,e){var t,r;try{for(var n=D(e),a=n.next();!a.done;a=n.next()){var i=a.value;o.includes(i)||o.push(i)}}catch(s){t={error:s}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}},pt=function(o,e){var t=o.score,r=e.score;return r-t},yt=function(){return new Map},Te=function(o){var e,t,r=new Map;try{for(var n=D(Object.keys(o)),a=n.next();!a.done;a=n.next()){var i=a.value;r.set(parseInt(i,10),o[i])}}catch(s){e={error:s}}finally{try{a&&!a.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}return r},Gr=/[\n\r -#%-*,-/:;?@[-\]_{}\u00A0\u00A1\u00A7\u00AB\u00B6\u00B7\u00BB\u00BF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u09FD\u0A76\u0AF0\u0C77\u0C84\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166E\u1680\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2000-\u200A\u2010-\u2029\u202F-\u2043\u2045-\u2051\u2053-\u205F\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E4F\u3000-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]+/u;class qr{constructor(e=10){_e(this,"max");_e(this,"cache");this.max=e,this.cache=new Map}get(e){let t=this.cache.get(e);return t!==void 0&&(this.cache.delete(e),this.cache.set(e,t)),t}set(e,t){this.cache.has(e)?this.cache.delete(e):this.cache.size===this.max&&this.cache.delete(this.first()),this.cache.set(e,t)}first(){return this.cache.keys().next().value}clear(){this.cache.clear()}}const Y=o=>(Ht("data-v-112fb72d"),o=o(),Qt(),o),Hr=["aria-owns"],Qr={class:"shell"},Yr=["title"],Zr=Y(()=>k("span",{"aria-hidden":"true",class:"vpi-search search-icon local-search-icon"},null,-1)),Xr=[Zr],ea={class:"search-actions before"},ta=["title"],ra=Y(()=>k("span",{class:"vpi-arrow-left local-search-icon"},null,-1)),aa=[ra],na=["placeholder"],ia={class:"search-actions"},oa=["title"],sa=Y(()=>k("span",{class:"vpi-layout-list local-search-icon"},null,-1)),ua=[sa],la=["disabled","title"],ca=Y(()=>k("span",{class:"vpi-delete local-search-icon"},null,-1)),fa=[ca],ha=["id","role","aria-labelledby"],da=["aria-selected"],va=["href","aria-label","onMouseenter","onFocusin"],pa={class:"titles"},ya=Y(()=>k("span",{class:"title-icon"},"#",-1)),ma=["innerHTML"],ga=Y(()=>k("span",{class:"vpi-chevron-right local-search-icon"},null,-1)),ba={class:"title main"},wa=["innerHTML"],xa={key:0,class:"excerpt-wrapper"},Fa={key:0,class:"excerpt",inert:""},Ea=["innerHTML"],Sa=Y(()=>k("div",{class:"excerpt-gradient-bottom"},null,-1)),Aa=Y(()=>k("div",{class:"excerpt-gradient-top"},null,-1)),Ta={key:0,class:"no-results"},Ca={class:"search-keyboard-shortcuts"},Na=["aria-label"],Ia=Y(()=>k("span",{class:"vpi-arrow-up navigate-icon"},null,-1)),Da=[Ia],ka=["aria-label"],_a=Y(()=>k("span",{class:"vpi-arrow-down navigate-icon"},null,-1)),Oa=[_a],Ra=["aria-label"],Ma=Y(()=>k("span",{class:"vpi-corner-down-left navigate-icon"},null,-1)),La=[Ma],Pa=["aria-label"],za=Ot({__name:"VPLocalSearchBox",emits:["close"],setup(o,{emit:e}){var P,z;const t=e,r=xe(),n=xe(),a=xe(nr),i=rr(),{activate:s}=kr(r,{immediate:!0,allowOutsideClick:!0,clickOutsideDeactivates:!0,escapeDeactivates:!0}),{localeIndex:u,theme:l}=i,h=rt(async()=>{var m,x,$,K,q,H,V,J,Z;return ot(Br.loadJSON(($=await((x=(m=a.value)[u.value])==null?void 0:x.call(m)))==null?void 0:$.default,{fields:["title","titles","text"],storeFields:["title","titles"],searchOptions:{fuzzy:.2,prefix:!0,boost:{title:4,text:2,titles:1},...((K=l.value.search)==null?void 0:K.provider)==="local"&&((H=(q=l.value.search.options)==null?void 0:q.miniSearch)==null?void 0:H.searchOptions)},...((V=l.value.search)==null?void 0:V.provider)==="local"&&((Z=(J=l.value.search.options)==null?void 0:J.miniSearch)==null?void 0:Z.options)}))}),v=Fe(()=>{var m,x;return((m=l.value.search)==null?void 0:m.provider)==="local"&&((x=l.value.search.options)==null?void 0:x.disableQueryPersistence)===!0}).value?oe(""):Rt("vitepress:local-search-filter",""),y=Mt("vitepress:local-search-detailed-list",((P=l.value.search)==null?void 0:P.provider)==="local"&&((z=l.value.search.options)==null?void 0:z.detailedView)===!0),b=Fe(()=>{var m,x,$;return((m=l.value.search)==null?void 0:m.provider)==="local"&&(((x=l.value.search.options)==null?void 0:x.disableDetailedView)===!0||(($=l.value.search.options)==null?void 0:$.detailedView)===!1)}),E=Fe(()=>{var x,$,K,q,H,V,J;const m=((x=l.value.search)==null?void 0:x.options)??l.value.algolia;return((H=(q=(K=($=m==null?void 0:m.locales)==null?void 0:$[u.value])==null?void 0:K.translations)==null?void 0:q.button)==null?void 0:H.buttonText)||((J=(V=m==null?void 0:m.translations)==null?void 0:V.button)==null?void 0:J.buttonText)||"Search"});Lt(()=>{b.value&&(y.value=!1)});const g=xe([]),S=oe(!1);We(v,()=>{S.value=!1});const T=rt(async()=>{if(n.value)return ot(new Or(n.value))},null),F=new qr(16);Pt(()=>[h.value,v.value,y.value],async([m,x,$],K,q)=>{var be,He,Qe,Ye;(K==null?void 0:K[0])!==m&&F.clear();let H=!1;if(q(()=>{H=!0}),!m)return;g.value=m.search(x).slice(0,16),S.value=!0;const V=$?await Promise.all(g.value.map(Q=>L(Q.id))):[];if(H)return;for(const{id:Q,mod:ae}of V){const ne=Q.slice(0,Q.indexOf("#"));let te=F.get(ne);if(te)continue;te=new Map,F.set(ne,te);const X=ae.default??ae;if(X!=null&&X.render||X!=null&&X.setup){const ie=Yt(X);ie.config.warnHandler=()=>{},ie.provide(Zt,i),Object.defineProperties(ie.config.globalProperties,{$frontmatter:{get(){return i.frontmatter.value}},$params:{get(){return i.page.value.params}}});const Ze=document.createElement("div");ie.mount(Ze),Ze.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(he=>{var tt;const we=(tt=he.querySelector("a"))==null?void 0:tt.getAttribute("href"),Xe=(we==null?void 0:we.startsWith("#"))&&we.slice(1);if(!Xe)return;let et="";for(;(he=he.nextElementSibling)&&!/^h[1-6]$/i.test(he.tagName);)et+=he.outerHTML;te.set(Xe,et)}),ie.unmount()}if(H)return}const J=new Set;if(g.value=g.value.map(Q=>{const[ae,ne]=Q.id.split("#"),te=F.get(ae),X=(te==null?void 0:te.get(ne))??"";for(const ie in Q.match)J.add(ie);return{...Q,text:X}}),await de(),H)return;await new Promise(Q=>{var ae;(ae=T.value)==null||ae.unmark({done:()=>{var ne;(ne=T.value)==null||ne.markRegExp(M(J),{done:Q})}})});const Z=((be=r.value)==null?void 0:be.querySelectorAll(".result .excerpt"))??[];for(const Q of Z)(He=Q.querySelector('mark[data-markjs="true"]'))==null||He.scrollIntoView({block:"center"});(Ye=(Qe=n.value)==null?void 0:Qe.firstElementChild)==null||Ye.scrollIntoView({block:"start"})},{debounce:200,immediate:!0});async function L(m){const x=Xt(m.slice(0,m.indexOf("#")));try{if(!x)throw new Error(`Cannot find file for id: ${m}`);return{id:m,mod:await $e(()=>import(x),__vite__mapDeps([]))}}catch($){return console.error($),{id:m,mod:{}}}}const R=oe(),B=Fe(()=>{var m;return((m=v.value)==null?void 0:m.length)<=0});function C(m=!0){var x,$;(x=R.value)==null||x.focus(),m&&(($=R.value)==null||$.select())}Oe(()=>{C()});function O(m){m.pointerType==="mouse"&&C()}const A=oe(-1),_=oe(!1);We(g,m=>{A.value=m.length?0:-1,w()});function w(){de(()=>{const m=document.querySelector(".result.selected");m&&m.scrollIntoView({block:"nearest"})})}Ee("ArrowUp",m=>{m.preventDefault(),A.value--,A.value<0&&(A.value=g.value.length-1),_.value=!0,w()}),Ee("ArrowDown",m=>{m.preventDefault(),A.value++,A.value>=g.value.length&&(A.value=0),_.value=!0,w()});const c=zt();Ee("Enter",m=>{if(m.isComposing||m.target instanceof HTMLButtonElement&&m.target.type!=="submit")return;const x=g.value[A.value];if(m.target instanceof HTMLInputElement&&!x){m.preventDefault();return}x&&(c.go(x.id),t("close"))}),Ee("Escape",()=>{t("close")});const p=ar({modal:{displayDetails:"Display detailed list",resetButtonTitle:"Reset search",backButtonTitle:"Close search",noResultsText:"No results for",footer:{selectText:"to select",selectKeyAriaLabel:"enter",navigateText:"to navigate",navigateUpKeyAriaLabel:"up arrow",navigateDownKeyAriaLabel:"down arrow",closeText:"to close",closeKeyAriaLabel:"escape"}}});Oe(()=>{window.history.pushState(null,"",null)}),Vt("popstate",m=>{m.preventDefault(),t("close")});const N=Bt($t?document.body:null);Oe(()=>{de(()=>{N.value=!0,de().then(()=>s())})}),Wt(()=>{N.value=!1});function I(){v.value="",de().then(()=>C(!1))}function M(m){return new RegExp([...m].sort((x,$)=>$.length-x.length).map(x=>`(${er(x)})`).join("|"),"gi")}return(m,x)=>{var $,K,q,H;return ee(),Kt(qt,{to:"body"},[k("div",{ref_key:"el",ref:r,role:"button","aria-owns":($=g.value)!=null&&$.length?"localsearch-list":void 0,"aria-expanded":"true","aria-haspopup":"listbox","aria-labelledby":"localsearch-label",class:"VPLocalSearchBox"},[k("div",{class:"backdrop",onClick:x[0]||(x[0]=V=>m.$emit("close"))}),k("div",Qr,[k("form",{class:"search-bar",onPointerup:x[4]||(x[4]=V=>O(V)),onSubmit:x[5]||(x[5]=Ut(()=>{},["prevent"]))},[k("label",{title:E.value,id:"localsearch-label",for:"localsearch-input"},Xr,8,Yr),k("div",ea,[k("button",{class:"back-button",title:j(p)("modal.backButtonTitle"),onClick:x[1]||(x[1]=V=>m.$emit("close"))},aa,8,ta)]),Jt(k("input",{ref_key:"searchInput",ref:R,"onUpdate:modelValue":x[2]||(x[2]=V=>Gt(v)?v.value=V:null),placeholder:E.value,id:"localsearch-input","aria-labelledby":"localsearch-label",class:"search-input"},null,8,na),[[jt,j(v)]]),k("div",ia,[b.value?Se("",!0):(ee(),re("button",{key:0,class:at(["toggle-layout-button",{"detailed-list":j(y)}]),type:"button",title:j(p)("modal.displayDetails"),onClick:x[3]||(x[3]=V=>A.value>-1&&(y.value=!j(y)))},ua,10,oa)),k("button",{class:"clear-button",type:"reset",disabled:B.value,title:j(p)("modal.resetButtonTitle"),onClick:I},fa,8,la)])],32),k("ul",{ref_key:"resultsEl",ref:n,id:(K=g.value)!=null&&K.length?"localsearch-list":void 0,role:(q=g.value)!=null&&q.length?"listbox":void 0,"aria-labelledby":(H=g.value)!=null&&H.length?"localsearch-label":void 0,class:"results",onMousemove:x[7]||(x[7]=V=>_.value=!1)},[(ee(!0),re(it,null,nt(g.value,(V,J)=>(ee(),re("li",{key:V.id,role:"option","aria-selected":A.value===J?"true":"false"},[k("a",{href:V.id,class:at(["result",{selected:A.value===J}]),"aria-label":[...V.titles,V.title].join(" > "),onMouseenter:Z=>!_.value&&(A.value=J),onFocusin:Z=>A.value=J,onClick:x[6]||(x[6]=Z=>m.$emit("close"))},[k("div",null,[k("div",pa,[ya,(ee(!0),re(it,null,nt(V.titles,(Z,be)=>(ee(),re("span",{key:be,class:"title"},[k("span",{class:"text",innerHTML:Z},null,8,ma),ga]))),128)),k("span",ba,[k("span",{class:"text",innerHTML:V.title},null,8,wa)])]),j(y)?(ee(),re("div",xa,[V.text?(ee(),re("div",Fa,[k("div",{class:"vp-doc",innerHTML:V.text},null,8,Ea)])):Se("",!0),Sa,Aa])):Se("",!0)])],42,va)],8,da))),128)),j(v)&&!g.value.length&&S.value?(ee(),re("li",Ta,[ve(pe(j(p)("modal.noResultsText"))+' "',1),k("strong",null,pe(j(v)),1),ve('" ')])):Se("",!0)],40,ha),k("div",Ca,[k("span",null,[k("kbd",{"aria-label":j(p)("modal.footer.navigateUpKeyAriaLabel")},Da,8,Na),k("kbd",{"aria-label":j(p)("modal.footer.navigateDownKeyAriaLabel")},Oa,8,ka),ve(" "+pe(j(p)("modal.footer.navigateText")),1)]),k("span",null,[k("kbd",{"aria-label":j(p)("modal.footer.selectKeyAriaLabel")},La,8,Ra),ve(" "+pe(j(p)("modal.footer.selectText")),1)]),k("span",null,[k("kbd",{"aria-label":j(p)("modal.footer.closeKeyAriaLabel")},"esc",8,Pa),ve(" "+pe(j(p)("modal.footer.closeText")),1)])])])],8,Hr)])}}}),Ua=tr(za,[["__scopeId","data-v-112fb72d"]]);export{Ua as default};
+*/function ut(o,e){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(o);e&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable})),t.push.apply(t,r)}return t}function lt(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?ut(Object(t),!0).forEach(function(r){Fr(o,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):ut(Object(t)).forEach(function(r){Object.defineProperty(o,r,Object.getOwnPropertyDescriptor(t,r))})}return o}function Fr(o,e,t){return e=Sr(e),e in o?Object.defineProperty(o,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[e]=t,o}function Er(o,e){if(typeof o!="object"||o===null)return o;var t=o[Symbol.toPrimitive];if(t!==void 0){var r=t.call(o,e||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(o)}function Sr(o){var e=Er(o,"string");return typeof e=="symbol"?e:String(e)}var ct={activateTrap:function(e,t){if(e.length>0){var r=e[e.length-1];r!==t&&r.pause()}var n=e.indexOf(t);n===-1||e.splice(n,1),e.push(t)},deactivateTrap:function(e,t){var r=e.indexOf(t);r!==-1&&e.splice(r,1),e.length>0&&e[e.length-1].unpause()}},Ar=function(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select=="function"},Tr=function(e){return(e==null?void 0:e.key)==="Escape"||(e==null?void 0:e.key)==="Esc"||(e==null?void 0:e.keyCode)===27},ge=function(e){return(e==null?void 0:e.key)==="Tab"||(e==null?void 0:e.keyCode)===9},Cr=function(e){return ge(e)&&!e.shiftKey},Nr=function(e){return ge(e)&&e.shiftKey},ft=function(e){return setTimeout(e,0)},ht=function(e,t){var r=-1;return e.every(function(n,a){return t(n)?(r=a,!1):!0}),r},ye=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return typeof e=="function"?e.apply(void 0,r):e},Ae=function(e){return e.target.shadowRoot&&typeof e.composedPath=="function"?e.composedPath()[0]:e.target},Ir=[],Dr=function(e,t){var r=(t==null?void 0:t.document)||document,n=(t==null?void 0:t.trapStack)||Ir,a=lt({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:Cr,isKeyBackward:Nr},t),i={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},s,u=function(c,f,p){return c&&c[f]!==void 0?c[f]:a[p||f]},l=function(c,f){var p=typeof(f==null?void 0:f.composedPath)=="function"?f.composedPath():void 0;return i.containerGroups.findIndex(function(N){var I=N.container,M=N.tabbableNodes;return I.contains(c)||(p==null?void 0:p.includes(I))||M.find(function(P){return P===c})})},h=function(c){var f=a[c];if(typeof f=="function"){for(var p=arguments.length,N=new Array(p>1?p-1:0),I=1;I<p;I++)N[I-1]=arguments[I];f=f.apply(void 0,N)}if(f===!0&&(f=void 0),!f){if(f===void 0||f===!1)return f;throw new Error("`".concat(c,"` was specified but was not a node, or did not return a node"))}var M=f;if(typeof f=="string"&&(M=r.querySelector(f),!M))throw new Error("`".concat(c,"` as selector refers to no known node"));return M},d=function(){var c=h("initialFocus");if(c===!1)return!1;if(c===void 0||!Re(c,a.tabbableOptions))if(l(r.activeElement)>=0)c=r.activeElement;else{var f=i.tabbableGroups[0],p=f&&f.firstTabbableNode;c=p||h("fallbackFocus")}if(!c)throw new Error("Your focus-trap needs to have at least one focusable element");return c},v=function(){if(i.containerGroups=i.containers.map(function(c){var f=br(c,a.tabbableOptions),p=wr(c,a.tabbableOptions),N=f.length>0?f[0]:void 0,I=f.length>0?f[f.length-1]:void 0,M=p.find(function(m){return le(m)}),P=p.slice().reverse().find(function(m){return le(m)}),z=!!f.find(function(m){return se(m)>0});return{container:c,tabbableNodes:f,focusableNodes:p,posTabIndexesFound:z,firstTabbableNode:N,lastTabbableNode:I,firstDomTabbableNode:M,lastDomTabbableNode:P,nextTabbableNode:function(x){var $=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,K=f.indexOf(x);return K<0?$?p.slice(p.indexOf(x)+1).find(function(q){return le(q)}):p.slice(0,p.indexOf(x)).reverse().find(function(q){return le(q)}):f[K+($?1:-1)]}}}),i.tabbableGroups=i.containerGroups.filter(function(c){return c.tabbableNodes.length>0}),i.tabbableGroups.length<=0&&!h("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(i.containerGroups.find(function(c){return c.posTabIndexesFound})&&i.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},y=function w(c){var f=c.activeElement;if(f)return f.shadowRoot&&f.shadowRoot.activeElement!==null?w(f.shadowRoot):f},b=function w(c){if(c!==!1&&c!==y(document)){if(!c||!c.focus){w(d());return}c.focus({preventScroll:!!a.preventScroll}),i.mostRecentlyFocusedNode=c,Ar(c)&&c.select()}},E=function(c){var f=h("setReturnFocus",c);return f||(f===!1?!1:c)},g=function(c){var f=c.target,p=c.event,N=c.isBackward,I=N===void 0?!1:N;f=f||Ae(p),v();var M=null;if(i.tabbableGroups.length>0){var P=l(f,p),z=P>=0?i.containerGroups[P]:void 0;if(P<0)I?M=i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:M=i.tabbableGroups[0].firstTabbableNode;else if(I){var m=ht(i.tabbableGroups,function(V){var J=V.firstTabbableNode;return f===J});if(m<0&&(z.container===f||Re(f,a.tabbableOptions)&&!le(f,a.tabbableOptions)&&!z.nextTabbableNode(f,!1))&&(m=P),m>=0){var x=m===0?i.tabbableGroups.length-1:m-1,$=i.tabbableGroups[x];M=se(f)>=0?$.lastTabbableNode:$.lastDomTabbableNode}else ge(p)||(M=z.nextTabbableNode(f,!1))}else{var K=ht(i.tabbableGroups,function(V){var J=V.lastTabbableNode;return f===J});if(K<0&&(z.container===f||Re(f,a.tabbableOptions)&&!le(f,a.tabbableOptions)&&!z.nextTabbableNode(f))&&(K=P),K>=0){var q=K===i.tabbableGroups.length-1?0:K+1,H=i.tabbableGroups[q];M=se(f)>=0?H.firstTabbableNode:H.firstDomTabbableNode}else ge(p)||(M=z.nextTabbableNode(f))}}else M=h("fallbackFocus");return M},S=function(c){var f=Ae(c);if(!(l(f,c)>=0)){if(ye(a.clickOutsideDeactivates,c)){s.deactivate({returnFocus:a.returnFocusOnDeactivate});return}ye(a.allowOutsideClick,c)||c.preventDefault()}},T=function(c){var f=Ae(c),p=l(f,c)>=0;if(p||f instanceof Document)p&&(i.mostRecentlyFocusedNode=f);else{c.stopImmediatePropagation();var N,I=!0;if(i.mostRecentlyFocusedNode)if(se(i.mostRecentlyFocusedNode)>0){var M=l(i.mostRecentlyFocusedNode),P=i.containerGroups[M].tabbableNodes;if(P.length>0){var z=P.findIndex(function(m){return m===i.mostRecentlyFocusedNode});z>=0&&(a.isKeyForward(i.recentNavEvent)?z+1<P.length&&(N=P[z+1],I=!1):z-1>=0&&(N=P[z-1],I=!1))}}else i.containerGroups.some(function(m){return m.tabbableNodes.some(function(x){return se(x)>0})})||(I=!1);else I=!1;I&&(N=g({target:i.mostRecentlyFocusedNode,isBackward:a.isKeyBackward(i.recentNavEvent)})),b(N||i.mostRecentlyFocusedNode||d())}i.recentNavEvent=void 0},F=function(c){var f=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;i.recentNavEvent=c;var p=g({event:c,isBackward:f});p&&(ge(c)&&c.preventDefault(),b(p))},L=function(c){if(Tr(c)&&ye(a.escapeDeactivates,c)!==!1){c.preventDefault(),s.deactivate();return}(a.isKeyForward(c)||a.isKeyBackward(c))&&F(c,a.isKeyBackward(c))},R=function(c){var f=Ae(c);l(f,c)>=0||ye(a.clickOutsideDeactivates,c)||ye(a.allowOutsideClick,c)||(c.preventDefault(),c.stopImmediatePropagation())},B=function(){if(i.active)return ct.activateTrap(n,s),i.delayInitialFocusTimer=a.delayInitialFocus?ft(function(){b(d())}):b(d()),r.addEventListener("focusin",T,!0),r.addEventListener("mousedown",S,{capture:!0,passive:!1}),r.addEventListener("touchstart",S,{capture:!0,passive:!1}),r.addEventListener("click",R,{capture:!0,passive:!1}),r.addEventListener("keydown",L,{capture:!0,passive:!1}),s},C=function(){if(i.active)return r.removeEventListener("focusin",T,!0),r.removeEventListener("mousedown",S,!0),r.removeEventListener("touchstart",S,!0),r.removeEventListener("click",R,!0),r.removeEventListener("keydown",L,!0),s},O=function(c){var f=c.some(function(p){var N=Array.from(p.removedNodes);return N.some(function(I){return I===i.mostRecentlyFocusedNode})});f&&b(d())},A=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(O):void 0,_=function(){A&&(A.disconnect(),i.active&&!i.paused&&i.containers.map(function(c){A.observe(c,{subtree:!0,childList:!0})}))};return s={get active(){return i.active},get paused(){return i.paused},activate:function(c){if(i.active)return this;var f=u(c,"onActivate"),p=u(c,"onPostActivate"),N=u(c,"checkCanFocusTrap");N||v(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=r.activeElement,f==null||f();var I=function(){N&&v(),B(),_(),p==null||p()};return N?(N(i.containers.concat()).then(I,I),this):(I(),this)},deactivate:function(c){if(!i.active)return this;var f=lt({onDeactivate:a.onDeactivate,onPostDeactivate:a.onPostDeactivate,checkCanReturnFocus:a.checkCanReturnFocus},c);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,C(),i.active=!1,i.paused=!1,_(),ct.deactivateTrap(n,s);var p=u(f,"onDeactivate"),N=u(f,"onPostDeactivate"),I=u(f,"checkCanReturnFocus"),M=u(f,"returnFocus","returnFocusOnDeactivate");p==null||p();var P=function(){ft(function(){M&&b(E(i.nodeFocusedBeforeActivation)),N==null||N()})};return M&&I?(I(E(i.nodeFocusedBeforeActivation)).then(P,P),this):(P(),this)},pause:function(c){if(i.paused||!i.active)return this;var f=u(c,"onPause"),p=u(c,"onPostPause");return i.paused=!0,f==null||f(),C(),_(),p==null||p(),this},unpause:function(c){if(!i.paused||!i.active)return this;var f=u(c,"onUnpause"),p=u(c,"onPostUnpause");return i.paused=!1,f==null||f(),v(),B(),_(),p==null||p(),this},updateContainerElements:function(c){var f=[].concat(c).filter(Boolean);return i.containers=f.map(function(p){return typeof p=="string"?r.querySelector(p):p}),i.active&&v(),_(),this}},s.updateContainerElements(e),s};function kr(o,e={}){let t;const{immediate:r,...n}=e,a=oe(!1),i=oe(!1),s=d=>t&&t.activate(d),u=d=>t&&t.deactivate(d),l=()=>{t&&(t.pause(),i.value=!0)},h=()=>{t&&(t.unpause(),i.value=!1)};return We(()=>kt(o),d=>{d&&(t=Dr(d,{...n,onActivate(){a.value=!0,e.onActivate&&e.onActivate()},onDeactivate(){a.value=!1,e.onDeactivate&&e.onDeactivate()}}),r&&s())},{flush:"post"}),_t(()=>u()),{hasFocus:a,isPaused:i,activate:s,deactivate:u,pause:l,unpause:h}}class fe{constructor(e,t=!0,r=[],n=5e3){this.ctx=e,this.iframes=t,this.exclude=r,this.iframesTimeout=n}static matches(e,t){const r=typeof t=="string"?[t]:t,n=e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector;if(n){let a=!1;return r.every(i=>n.call(e,i)?(a=!0,!1):!0),a}else return!1}getContexts(){let e,t=[];return typeof this.ctx>"u"||!this.ctx?e=[]:NodeList.prototype.isPrototypeOf(this.ctx)?e=Array.prototype.slice.call(this.ctx):Array.isArray(this.ctx)?e=this.ctx:typeof this.ctx=="string"?e=Array.prototype.slice.call(document.querySelectorAll(this.ctx)):e=[this.ctx],e.forEach(r=>{const n=t.filter(a=>a.contains(r)).length>0;t.indexOf(r)===-1&&!n&&t.push(r)}),t}getIframeContents(e,t,r=()=>{}){let n;try{const a=e.contentWindow;if(n=a.document,!a||!n)throw new Error("iframe inaccessible")}catch{r()}n&&t(n)}isIframeBlank(e){const t="about:blank",r=e.getAttribute("src").trim();return e.contentWindow.location.href===t&&r!==t&&r}observeIframeLoad(e,t,r){let n=!1,a=null;const i=()=>{if(!n){n=!0,clearTimeout(a);try{this.isIframeBlank(e)||(e.removeEventListener("load",i),this.getIframeContents(e,t,r))}catch{r()}}};e.addEventListener("load",i),a=setTimeout(i,this.iframesTimeout)}onIframeReady(e,t,r){try{e.contentWindow.document.readyState==="complete"?this.isIframeBlank(e)?this.observeIframeLoad(e,t,r):this.getIframeContents(e,t,r):this.observeIframeLoad(e,t,r)}catch{r()}}waitForIframes(e,t){let r=0;this.forEachIframe(e,()=>!0,n=>{r++,this.waitForIframes(n.querySelector("html"),()=>{--r||t()})},n=>{n||t()})}forEachIframe(e,t,r,n=()=>{}){let a=e.querySelectorAll("iframe"),i=a.length,s=0;a=Array.prototype.slice.call(a);const u=()=>{--i<=0&&n(s)};i||u(),a.forEach(l=>{fe.matches(l,this.exclude)?u():this.onIframeReady(l,h=>{t(l)&&(s++,r(h)),u()},u)})}createIterator(e,t,r){return document.createNodeIterator(e,t,r,!1)}createInstanceOnIframe(e){return new fe(e.querySelector("html"),this.iframes)}compareNodeIframe(e,t,r){const n=e.compareDocumentPosition(r),a=Node.DOCUMENT_POSITION_PRECEDING;if(n&a)if(t!==null){const i=t.compareDocumentPosition(r),s=Node.DOCUMENT_POSITION_FOLLOWING;if(i&s)return!0}else return!0;return!1}getIteratorNode(e){const t=e.previousNode();let r;return t===null?r=e.nextNode():r=e.nextNode()&&e.nextNode(),{prevNode:t,node:r}}checkIframeFilter(e,t,r,n){let a=!1,i=!1;return n.forEach((s,u)=>{s.val===r&&(a=u,i=s.handled)}),this.compareNodeIframe(e,t,r)?(a===!1&&!i?n.push({val:r,handled:!0}):a!==!1&&!i&&(n[a].handled=!0),!0):(a===!1&&n.push({val:r,handled:!1}),!1)}handleOpenIframes(e,t,r,n){e.forEach(a=>{a.handled||this.getIframeContents(a.val,i=>{this.createInstanceOnIframe(i).forEachNode(t,r,n)})})}iterateThroughNodes(e,t,r,n,a){const i=this.createIterator(t,e,n);let s=[],u=[],l,h,d=()=>({prevNode:h,node:l}=this.getIteratorNode(i),l);for(;d();)this.iframes&&this.forEachIframe(t,v=>this.checkIframeFilter(l,h,v,s),v=>{this.createInstanceOnIframe(v).forEachNode(e,y=>u.push(y),n)}),u.push(l);u.forEach(v=>{r(v)}),this.iframes&&this.handleOpenIframes(s,e,r,n),a()}forEachNode(e,t,r,n=()=>{}){const a=this.getContexts();let i=a.length;i||n(),a.forEach(s=>{const u=()=>{this.iterateThroughNodes(e,s,t,r,()=>{--i<=0&&n()})};this.iframes?this.waitForIframes(s,u):u()})}}let _r=class{constructor(e){this.ctx=e,this.ie=!1;const t=window.navigator.userAgent;(t.indexOf("MSIE")>-1||t.indexOf("Trident")>-1)&&(this.ie=!0)}set opt(e){this._opt=Object.assign({},{element:"",className:"",exclude:[],iframes:!1,iframesTimeout:5e3,separateWordSearch:!0,diacritics:!0,synonyms:{},accuracy:"partially",acrossElements:!1,caseSensitive:!1,ignoreJoiners:!1,ignoreGroups:0,ignorePunctuation:[],wildcards:"disabled",each:()=>{},noMatch:()=>{},filter:()=>!0,done:()=>{},debug:!1,log:window.console},e)}get opt(){return this._opt}get iterator(){return new fe(this.ctx,this.opt.iframes,this.opt.exclude,this.opt.iframesTimeout)}log(e,t="debug"){const r=this.opt.log;this.opt.debug&&typeof r=="object"&&typeof r[t]=="function"&&r[t](`mark.js: ${e}`)}escapeStr(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}createRegExp(e){return this.opt.wildcards!=="disabled"&&(e=this.setupWildcardsRegExp(e)),e=this.escapeStr(e),Object.keys(this.opt.synonyms).length&&(e=this.createSynonymsRegExp(e)),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),this.opt.diacritics&&(e=this.createDiacriticsRegExp(e)),e=this.createMergedBlanksRegExp(e),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.createJoinersRegExp(e)),this.opt.wildcards!=="disabled"&&(e=this.createWildcardsRegExp(e)),e=this.createAccuracyRegExp(e),e}createSynonymsRegExp(e){const t=this.opt.synonyms,r=this.opt.caseSensitive?"":"i",n=this.opt.ignoreJoiners||this.opt.ignorePunctuation.length?"\0":"";for(let a in t)if(t.hasOwnProperty(a)){const i=t[a],s=this.opt.wildcards!=="disabled"?this.setupWildcardsRegExp(a):this.escapeStr(a),u=this.opt.wildcards!=="disabled"?this.setupWildcardsRegExp(i):this.escapeStr(i);s!==""&&u!==""&&(e=e.replace(new RegExp(`(${this.escapeStr(s)}|${this.escapeStr(u)})`,`gm${r}`),n+`(${this.processSynomyms(s)}|${this.processSynomyms(u)})`+n))}return e}processSynomyms(e){return(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),e}setupWildcardsRegExp(e){return e=e.replace(/(?:\\)*\?/g,t=>t.charAt(0)==="\\"?"?":"
"),e.replace(/(?:\\)*\*/g,t=>t.charAt(0)==="\\"?"*":"")}createWildcardsRegExp(e){let t=this.opt.wildcards==="withSpaces";return e.replace(/\u0001/g,t?"[\\S\\s]?":"\\S?").replace(/\u0002/g,t?"[\\S\\s]*?":"\\S*")}setupIgnoreJoinersRegExp(e){return e.replace(/[^(|)\\]/g,(t,r,n)=>{let a=n.charAt(r+1);return/[(|)\\]/.test(a)||a===""?t:t+"\0"})}createJoinersRegExp(e){let t=[];const r=this.opt.ignorePunctuation;return Array.isArray(r)&&r.length&&t.push(this.escapeStr(r.join(""))),this.opt.ignoreJoiners&&t.push("\\u00ad\\u200b\\u200c\\u200d"),t.length?e.split(/\u0000+/).join(`[${t.join("")}]*`):e}createDiacriticsRegExp(e){const t=this.opt.caseSensitive?"":"i",r=this.opt.caseSensitive?["aàáảãạăằắẳẵặâầấẩẫậäåāą","AÀÁẢÃẠĂẰẮẲẴẶÂẦẤẨẪẬÄÅĀĄ","cçćč","CÇĆČ","dđď","DĐĎ","eèéẻẽẹêềếểễệëěēę","EÈÉẺẼẸÊỀẾỂỄỆËĚĒĘ","iìíỉĩịîïī","IÌÍỈĨỊÎÏĪ","lł","LŁ","nñňń","NÑŇŃ","oòóỏõọôồốổỗộơởỡớờợöøō","OÒÓỎÕỌÔỒỐỔỖỘƠỞỠỚỜỢÖØŌ","rř","RŘ","sšśșş","SŠŚȘŞ","tťțţ","TŤȚŢ","uùúủũụưừứửữựûüůū","UÙÚỦŨỤƯỪỨỬỮỰÛÜŮŪ","yýỳỷỹỵÿ","YÝỲỶỸỴŸ","zžżź","ZŽŻŹ"]:["aàáảãạăằắẳẵặâầấẩẫậäåāąAÀÁẢÃẠĂẰẮẲẴẶÂẦẤẨẪẬÄÅĀĄ","cçćčCÇĆČ","dđďDĐĎ","eèéẻẽẹêềếểễệëěēęEÈÉẺẼẸÊỀẾỂỄỆËĚĒĘ","iìíỉĩịîïīIÌÍỈĨỊÎÏĪ","lłLŁ","nñňńNÑŇŃ","oòóỏõọôồốổỗộơởỡớờợöøōOÒÓỎÕỌÔỒỐỔỖỘƠỞỠỚỜỢÖØŌ","rřRŘ","sšśșşSŠŚȘŞ","tťțţTŤȚŢ","uùúủũụưừứửữựûüůūUÙÚỦŨỤƯỪỨỬỮỰÛÜŮŪ","yýỳỷỹỵÿYÝỲỶỸỴŸ","zžżźZŽŻŹ"];let n=[];return e.split("").forEach(a=>{r.every(i=>{if(i.indexOf(a)!==-1){if(n.indexOf(i)>-1)return!1;e=e.replace(new RegExp(`[${i}]`,`gm${t}`),`[${i}]`),n.push(i)}return!0})}),e}createMergedBlanksRegExp(e){return e.replace(/[\s]+/gmi,"[\\s]+")}createAccuracyRegExp(e){const t="!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~¡¿";let r=this.opt.accuracy,n=typeof r=="string"?r:r.value,a=typeof r=="string"?[]:r.limiters,i="";switch(a.forEach(s=>{i+=`|${this.escapeStr(s)}`}),n){case"partially":default:return`()(${e})`;case"complementary":return i="\\s"+(i||this.escapeStr(t)),`()([^${i}]*${e}[^${i}]*)`;case"exactly":return`(^|\\s${i})(${e})(?=$|\\s${i})`}}getSeparatedKeywords(e){let t=[];return e.forEach(r=>{this.opt.separateWordSearch?r.split(" ").forEach(n=>{n.trim()&&t.indexOf(n)===-1&&t.push(n)}):r.trim()&&t.indexOf(r)===-1&&t.push(r)}),{keywords:t.sort((r,n)=>n.length-r.length),length:t.length}}isNumeric(e){return Number(parseFloat(e))==e}checkRanges(e){if(!Array.isArray(e)||Object.prototype.toString.call(e[0])!=="[object Object]")return this.log("markRanges() will only accept an array of objects"),this.opt.noMatch(e),[];const t=[];let r=0;return e.sort((n,a)=>n.start-a.start).forEach(n=>{let{start:a,end:i,valid:s}=this.callNoMatchOnInvalidRanges(n,r);s&&(n.start=a,n.length=i-a,t.push(n),r=i)}),t}callNoMatchOnInvalidRanges(e,t){let r,n,a=!1;return e&&typeof e.start<"u"?(r=parseInt(e.start,10),n=r+parseInt(e.length,10),this.isNumeric(e.start)&&this.isNumeric(e.length)&&n-t>0&&n-r>0?a=!0:(this.log(`Ignoring invalid or overlapping range: ${JSON.stringify(e)}`),this.opt.noMatch(e))):(this.log(`Ignoring invalid range: ${JSON.stringify(e)}`),this.opt.noMatch(e)),{start:r,end:n,valid:a}}checkWhitespaceRanges(e,t,r){let n,a=!0,i=r.length,s=t-i,u=parseInt(e.start,10)-s;return u=u>i?i:u,n=u+parseInt(e.length,10),n>i&&(n=i,this.log(`End range automatically set to the max value of ${i}`)),u<0||n-u<0||u>i||n>i?(a=!1,this.log(`Invalid range: ${JSON.stringify(e)}`),this.opt.noMatch(e)):r.substring(u,n).replace(/\s+/g,"")===""&&(a=!1,this.log("Skipping whitespace only range: "+JSON.stringify(e)),this.opt.noMatch(e)),{start:u,end:n,valid:a}}getTextNodes(e){let t="",r=[];this.iterator.forEachNode(NodeFilter.SHOW_TEXT,n=>{r.push({start:t.length,end:(t+=n.textContent).length,node:n})},n=>this.matchesExclude(n.parentNode)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT,()=>{e({value:t,nodes:r})})}matchesExclude(e){return fe.matches(e,this.opt.exclude.concat(["script","style","title","head","html"]))}wrapRangeInTextNode(e,t,r){const n=this.opt.element?this.opt.element:"mark",a=e.splitText(t),i=a.splitText(r-t);let s=document.createElement(n);return s.setAttribute("data-markjs","true"),this.opt.className&&s.setAttribute("class",this.opt.className),s.textContent=a.textContent,a.parentNode.replaceChild(s,a),i}wrapRangeInMappedTextNode(e,t,r,n,a){e.nodes.every((i,s)=>{const u=e.nodes[s+1];if(typeof u>"u"||u.start>t){if(!n(i.node))return!1;const l=t-i.start,h=(r>i.end?i.end:r)-i.start,d=e.value.substr(0,i.start),v=e.value.substr(h+i.start);if(i.node=this.wrapRangeInTextNode(i.node,l,h),e.value=d+v,e.nodes.forEach((y,b)=>{b>=s&&(e.nodes[b].start>0&&b!==s&&(e.nodes[b].start-=h),e.nodes[b].end-=h)}),r-=h,a(i.node.previousSibling,i.start),r>i.end)t=i.end;else return!1}return!0})}wrapMatches(e,t,r,n,a){const i=t===0?0:t+1;this.getTextNodes(s=>{s.nodes.forEach(u=>{u=u.node;let l;for(;(l=e.exec(u.textContent))!==null&&l[i]!=="";){if(!r(l[i],u))continue;let h=l.index;if(i!==0)for(let d=1;d<i;d++)h+=l[d].length;u=this.wrapRangeInTextNode(u,h,h+l[i].length),n(u.previousSibling),e.lastIndex=0}}),a()})}wrapMatchesAcrossElements(e,t,r,n,a){const i=t===0?0:t+1;this.getTextNodes(s=>{let u;for(;(u=e.exec(s.value))!==null&&u[i]!=="";){let l=u.index;if(i!==0)for(let d=1;d<i;d++)l+=u[d].length;const h=l+u[i].length;this.wrapRangeInMappedTextNode(s,l,h,d=>r(u[i],d),(d,v)=>{e.lastIndex=v,n(d)})}a()})}wrapRangeFromIndex(e,t,r,n){this.getTextNodes(a=>{const i=a.value.length;e.forEach((s,u)=>{let{start:l,end:h,valid:d}=this.checkWhitespaceRanges(s,i,a.value);d&&this.wrapRangeInMappedTextNode(a,l,h,v=>t(v,s,a.value.substring(l,h),u),v=>{r(v,s)})}),n()})}unwrapMatches(e){const t=e.parentNode;let r=document.createDocumentFragment();for(;e.firstChild;)r.appendChild(e.removeChild(e.firstChild));t.replaceChild(r,e),this.ie?this.normalizeTextNode(t):t.normalize()}normalizeTextNode(e){if(e){if(e.nodeType===3)for(;e.nextSibling&&e.nextSibling.nodeType===3;)e.nodeValue+=e.nextSibling.nodeValue,e.parentNode.removeChild(e.nextSibling);else this.normalizeTextNode(e.firstChild);this.normalizeTextNode(e.nextSibling)}}markRegExp(e,t){this.opt=t,this.log(`Searching with expression "${e}"`);let r=0,n="wrapMatches";const a=i=>{r++,this.opt.each(i)};this.opt.acrossElements&&(n="wrapMatchesAcrossElements"),this[n](e,this.opt.ignoreGroups,(i,s)=>this.opt.filter(s,i,r),a,()=>{r===0&&this.opt.noMatch(e),this.opt.done(r)})}mark(e,t){this.opt=t;let r=0,n="wrapMatches";const{keywords:a,length:i}=this.getSeparatedKeywords(typeof e=="string"?[e]:e),s=this.opt.caseSensitive?"":"i",u=l=>{let h=new RegExp(this.createRegExp(l),`gm${s}`),d=0;this.log(`Searching with expression "${h}"`),this[n](h,1,(v,y)=>this.opt.filter(y,l,r,d),v=>{d++,r++,this.opt.each(v)},()=>{d===0&&this.opt.noMatch(l),a[i-1]===l?this.opt.done(r):u(a[a.indexOf(l)+1])})};this.opt.acrossElements&&(n="wrapMatchesAcrossElements"),i===0?this.opt.done(r):u(a[0])}markRanges(e,t){this.opt=t;let r=0,n=this.checkRanges(e);n&&n.length?(this.log("Starting to mark with the following ranges: "+JSON.stringify(n)),this.wrapRangeFromIndex(n,(a,i,s,u)=>this.opt.filter(a,i,s,u),(a,i)=>{r++,this.opt.each(a,i)},()=>{this.opt.done(r)})):this.opt.done(r)}unmark(e){this.opt=e;let t=this.opt.element?this.opt.element:"*";t+="[data-markjs]",this.opt.className&&(t+=`.${this.opt.className}`),this.log(`Removal selector "${t}"`),this.iterator.forEachNode(NodeFilter.SHOW_ELEMENT,r=>{this.unwrapMatches(r)},r=>{const n=fe.matches(r,t),a=this.matchesExclude(r);return!n||a?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT},this.opt.done)}};function Or(o){const e=new _r(o);return this.mark=(t,r)=>(e.mark(t,r),this),this.markRegExp=(t,r)=>(e.markRegExp(t,r),this),this.markRanges=(t,r)=>(e.markRanges(t,r),this),this.unmark=t=>(e.unmark(t),this),this}var W=function(){return W=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},W.apply(this,arguments)};function Rr(o,e,t,r){function n(a){return a instanceof t?a:new t(function(i){i(a)})}return new(t||(t=Promise))(function(a,i){function s(h){try{l(r.next(h))}catch(d){i(d)}}function u(h){try{l(r.throw(h))}catch(d){i(d)}}function l(h){h.done?a(h.value):n(h.value).then(s,u)}l((r=r.apply(o,e||[])).next())})}function Mr(o,e){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol=="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(l){return function(h){return u([l,h])}}function u(l){if(r)throw new TypeError("Generator is already executing.");for(;i&&(i=0,l[0]&&(t=0)),t;)try{if(r=1,n&&(a=l[0]&2?n.return:l[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,l[1])).done)return a;switch(n=0,a&&(l=[l[0]&2,a.value]),l[0]){case 0:case 1:a=l;break;case 4:return t.label++,{value:l[1],done:!1};case 5:t.label++,n=l[1],l=[0];continue;case 7:l=t.ops.pop(),t.trys.pop();continue;default:if(a=t.trys,!(a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){t.label=l[1];break}if(l[0]===6&&t.label<a[1]){t.label=a[1],a=l;break}if(a&&t.label<a[2]){t.label=a[2],t.ops.push(l);break}a[2]&&t.ops.pop(),t.trys.pop();continue}l=e.call(o,t)}catch(h){l=[6,h],n=0}finally{r=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}}function D(o){var e=typeof Symbol=="function"&&Symbol.iterator,t=e&&o[e],r=0;if(t)return t.call(o);if(o&&typeof o.length=="number")return{next:function(){return o&&r>=o.length&&(o=void 0),{value:o&&o[r++],done:!o}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function U(o,e){var t=typeof Symbol=="function"&&o[Symbol.iterator];if(!t)return o;var r=t.call(o),n,a=[],i;try{for(;(e===void 0||e-- >0)&&!(n=r.next()).done;)a.push(n.value)}catch(s){i={error:s}}finally{try{n&&!n.done&&(t=r.return)&&t.call(r)}finally{if(i)throw i.error}}return a}var Lr="ENTRIES",Et="KEYS",St="VALUES",G="",Me=function(){function o(e,t){var r=e._tree,n=Array.from(r.keys());this.set=e,this._type=t,this._path=n.length>0?[{node:r,keys:n}]:[]}return o.prototype.next=function(){var e=this.dive();return this.backtrack(),e},o.prototype.dive=function(){if(this._path.length===0)return{done:!0,value:void 0};var e=ce(this._path),t=e.node,r=e.keys;if(ce(r)===G)return{done:!1,value:this.result()};var n=t.get(ce(r));return this._path.push({node:n,keys:Array.from(n.keys())}),this.dive()},o.prototype.backtrack=function(){if(this._path.length!==0){var e=ce(this._path).keys;e.pop(),!(e.length>0)&&(this._path.pop(),this.backtrack())}},o.prototype.key=function(){return this.set._prefix+this._path.map(function(e){var t=e.keys;return ce(t)}).filter(function(e){return e!==G}).join("")},o.prototype.value=function(){return ce(this._path).node.get(G)},o.prototype.result=function(){switch(this._type){case St:return this.value();case Et:return this.key();default:return[this.key(),this.value()]}},o.prototype[Symbol.iterator]=function(){return this},o}(),ce=function(o){return o[o.length-1]},Pr=function(o,e,t){var r=new Map;if(e===void 0)return r;for(var n=e.length+1,a=n+t,i=new Uint8Array(a*n).fill(t+1),s=0;s<n;++s)i[s]=s;for(var u=1;u<a;++u)i[u*n]=u;return At(o,e,t,r,i,1,n,""),r},At=function(o,e,t,r,n,a,i,s){var u,l,h=a*i;try{e:for(var d=D(o.keys()),v=d.next();!v.done;v=d.next()){var y=v.value;if(y===G){var b=n[h-1];b<=t&&r.set(s,[o.get(y),b])}else{for(var E=a,g=0;g<y.length;++g,++E){for(var S=y[g],T=i*E,F=T-i,L=n[T],R=Math.max(0,E-t-1),B=Math.min(i-1,E+t),C=R;C<B;++C){var O=S!==e[C],A=n[F+C]+ +O,_=n[F+C+1]+1,w=n[T+C]+1,c=n[T+C+1]=Math.min(A,_,w);c<L&&(L=c)}if(L>t)continue e}At(o.get(y),e,t,r,n,E,i,s+y)}}}catch(f){u={error:f}}finally{try{v&&!v.done&&(l=d.return)&&l.call(d)}finally{if(u)throw u.error}}},Le=function(){function o(e,t){e===void 0&&(e=new Map),t===void 0&&(t=""),this._size=void 0,this._tree=e,this._prefix=t}return o.prototype.atPrefix=function(e){var t,r;if(!e.startsWith(this._prefix))throw new Error("Mismatched prefix");var n=U(ke(this._tree,e.slice(this._prefix.length)),2),a=n[0],i=n[1];if(a===void 0){var s=U(Ge(i),2),u=s[0],l=s[1];try{for(var h=D(u.keys()),d=h.next();!d.done;d=h.next()){var v=d.value;if(v!==G&&v.startsWith(l)){var y=new Map;return y.set(v.slice(l.length),u.get(v)),new o(y,e)}}}catch(b){t={error:b}}finally{try{d&&!d.done&&(r=h.return)&&r.call(h)}finally{if(t)throw t.error}}}return new o(a,e)},o.prototype.clear=function(){this._size=void 0,this._tree.clear()},o.prototype.delete=function(e){return this._size=void 0,zr(this._tree,e)},o.prototype.entries=function(){return new Me(this,Lr)},o.prototype.forEach=function(e){var t,r;try{for(var n=D(this),a=n.next();!a.done;a=n.next()){var i=U(a.value,2),s=i[0],u=i[1];e(s,u,this)}}catch(l){t={error:l}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}},o.prototype.fuzzyGet=function(e,t){return Pr(this._tree,e,t)},o.prototype.get=function(e){var t=Ue(this._tree,e);return t!==void 0?t.get(G):void 0},o.prototype.has=function(e){var t=Ue(this._tree,e);return t!==void 0&&t.has(G)},o.prototype.keys=function(){return new Me(this,Et)},o.prototype.set=function(e,t){if(typeof e!="string")throw new Error("key must be a string");this._size=void 0;var r=Pe(this._tree,e);return r.set(G,t),this},Object.defineProperty(o.prototype,"size",{get:function(){if(this._size)return this._size;this._size=0;for(var e=this.entries();!e.next().done;)this._size+=1;return this._size},enumerable:!1,configurable:!0}),o.prototype.update=function(e,t){if(typeof e!="string")throw new Error("key must be a string");this._size=void 0;var r=Pe(this._tree,e);return r.set(G,t(r.get(G))),this},o.prototype.fetch=function(e,t){if(typeof e!="string")throw new Error("key must be a string");this._size=void 0;var r=Pe(this._tree,e),n=r.get(G);return n===void 0&&r.set(G,n=t()),n},o.prototype.values=function(){return new Me(this,St)},o.prototype[Symbol.iterator]=function(){return this.entries()},o.from=function(e){var t,r,n=new o;try{for(var a=D(e),i=a.next();!i.done;i=a.next()){var s=U(i.value,2),u=s[0],l=s[1];n.set(u,l)}}catch(h){t={error:h}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}return n},o.fromObject=function(e){return o.from(Object.entries(e))},o}(),ke=function(o,e,t){var r,n;if(t===void 0&&(t=[]),e.length===0||o==null)return[o,t];try{for(var a=D(o.keys()),i=a.next();!i.done;i=a.next()){var s=i.value;if(s!==G&&e.startsWith(s))return t.push([o,s]),ke(o.get(s),e.slice(s.length),t)}}catch(u){r={error:u}}finally{try{i&&!i.done&&(n=a.return)&&n.call(a)}finally{if(r)throw r.error}}return t.push([o,e]),ke(void 0,"",t)},Ue=function(o,e){var t,r;if(e.length===0||o==null)return o;try{for(var n=D(o.keys()),a=n.next();!a.done;a=n.next()){var i=a.value;if(i!==G&&e.startsWith(i))return Ue(o.get(i),e.slice(i.length))}}catch(s){t={error:s}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}},Pe=function(o,e){var t,r,n=e.length;e:for(var a=0;o&&a<n;){try{for(var i=(t=void 0,D(o.keys())),s=i.next();!s.done;s=i.next()){var u=s.value;if(u!==G&&e[a]===u[0]){for(var l=Math.min(n-a,u.length),h=1;h<l&&e[a+h]===u[h];)++h;var d=o.get(u);if(h===u.length)o=d;else{var v=new Map;v.set(u.slice(h),d),o.set(e.slice(a,a+h),v),o.delete(u),o=v}a+=h;continue e}}}catch(b){t={error:b}}finally{try{s&&!s.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}var y=new Map;return o.set(e.slice(a),y),y}return o},zr=function(o,e){var t=U(ke(o,e),2),r=t[0],n=t[1];if(r!==void 0){if(r.delete(G),r.size===0)Tt(n);else if(r.size===1){var a=U(r.entries().next().value,2),i=a[0],s=a[1];Ct(n,i,s)}}},Tt=function(o){if(o.length!==0){var e=U(Ge(o),2),t=e[0],r=e[1];if(t.delete(r),t.size===0)Tt(o.slice(0,-1));else if(t.size===1){var n=U(t.entries().next().value,2),a=n[0],i=n[1];a!==G&&Ct(o.slice(0,-1),a,i)}}},Ct=function(o,e,t){if(o.length!==0){var r=U(Ge(o),2),n=r[0],a=r[1];n.set(a+e,t),n.delete(a)}},Ge=function(o){return o[o.length-1]},me,qe="or",Nt="and",Vr="and_not",Br=function(){function o(e){if((e==null?void 0:e.fields)==null)throw new Error('MiniSearch: option "fields" must be provided');var t=e.autoVacuum==null||e.autoVacuum===!0?Be:e.autoVacuum;this._options=W(W(W({},Ve),e),{autoVacuum:t,searchOptions:W(W({},dt),e.searchOptions||{}),autoSuggestOptions:W(W({},Jr),e.autoSuggestOptions||{})}),this._index=new Le,this._documentCount=0,this._documentIds=new Map,this._idToShortId=new Map,this._fieldIds={},this._fieldLength=new Map,this._avgFieldLength=[],this._nextId=0,this._storedFields=new Map,this._dirtCount=0,this._currentVacuum=null,this._enqueuedVacuum=null,this._enqueuedVacuumConditions=je,this.addFields(this._options.fields)}return o.prototype.add=function(e){var t,r,n,a,i,s,u=this._options,l=u.extractField,h=u.tokenize,d=u.processTerm,v=u.fields,y=u.idField,b=l(e,y);if(b==null)throw new Error('MiniSearch: document does not have ID field "'.concat(y,'"'));if(this._idToShortId.has(b))throw new Error("MiniSearch: duplicate ID ".concat(b));var E=this.addDocumentId(b);this.saveStoredFields(E,e);try{for(var g=D(v),S=g.next();!S.done;S=g.next()){var T=S.value,F=l(e,T);if(F!=null){var L=h(F.toString(),T),R=this._fieldIds[T],B=new Set(L).size;this.addFieldLength(E,R,this._documentCount-1,B);try{for(var C=(n=void 0,D(L)),O=C.next();!O.done;O=C.next()){var A=O.value,_=d(A,T);if(Array.isArray(_))try{for(var w=(i=void 0,D(_)),c=w.next();!c.done;c=w.next()){var f=c.value;this.addTerm(R,E,f)}}catch(p){i={error:p}}finally{try{c&&!c.done&&(s=w.return)&&s.call(w)}finally{if(i)throw i.error}}else _&&this.addTerm(R,E,_)}}catch(p){n={error:p}}finally{try{O&&!O.done&&(a=C.return)&&a.call(C)}finally{if(n)throw n.error}}}}}catch(p){t={error:p}}finally{try{S&&!S.done&&(r=g.return)&&r.call(g)}finally{if(t)throw t.error}}},o.prototype.addAll=function(e){var t,r;try{for(var n=D(e),a=n.next();!a.done;a=n.next()){var i=a.value;this.add(i)}}catch(s){t={error:s}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}},o.prototype.addAllAsync=function(e,t){var r=this;t===void 0&&(t={});var n=t.chunkSize,a=n===void 0?10:n,i={chunk:[],promise:Promise.resolve()},s=e.reduce(function(h,d,v){var y=h.chunk,b=h.promise;return y.push(d),(v+1)%a===0?{chunk:[],promise:b.then(function(){return new Promise(function(E){return setTimeout(E,0)})}).then(function(){return r.addAll(y)})}:{chunk:y,promise:b}},i),u=s.chunk,l=s.promise;return l.then(function(){return r.addAll(u)})},o.prototype.remove=function(e){var t,r,n,a,i,s,u=this._options,l=u.tokenize,h=u.processTerm,d=u.extractField,v=u.fields,y=u.idField,b=d(e,y);if(b==null)throw new Error('MiniSearch: document does not have ID field "'.concat(y,'"'));var E=this._idToShortId.get(b);if(E==null)throw new Error("MiniSearch: cannot remove document with ID ".concat(b,": it is not in the index"));try{for(var g=D(v),S=g.next();!S.done;S=g.next()){var T=S.value,F=d(e,T);if(F!=null){var L=l(F.toString(),T),R=this._fieldIds[T],B=new Set(L).size;this.removeFieldLength(E,R,this._documentCount,B);try{for(var C=(n=void 0,D(L)),O=C.next();!O.done;O=C.next()){var A=O.value,_=h(A,T);if(Array.isArray(_))try{for(var w=(i=void 0,D(_)),c=w.next();!c.done;c=w.next()){var f=c.value;this.removeTerm(R,E,f)}}catch(p){i={error:p}}finally{try{c&&!c.done&&(s=w.return)&&s.call(w)}finally{if(i)throw i.error}}else _&&this.removeTerm(R,E,_)}}catch(p){n={error:p}}finally{try{O&&!O.done&&(a=C.return)&&a.call(C)}finally{if(n)throw n.error}}}}}catch(p){t={error:p}}finally{try{S&&!S.done&&(r=g.return)&&r.call(g)}finally{if(t)throw t.error}}this._storedFields.delete(E),this._documentIds.delete(E),this._idToShortId.delete(b),this._fieldLength.delete(E),this._documentCount-=1},o.prototype.removeAll=function(e){var t,r;if(e)try{for(var n=D(e),a=n.next();!a.done;a=n.next()){var i=a.value;this.remove(i)}}catch(s){t={error:s}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}else{if(arguments.length>0)throw new Error("Expected documents to be present. Omit the argument to remove all documents.");this._index=new Le,this._documentCount=0,this._documentIds=new Map,this._idToShortId=new Map,this._fieldLength=new Map,this._avgFieldLength=[],this._storedFields=new Map,this._nextId=0}},o.prototype.discard=function(e){var t=this,r=this._idToShortId.get(e);if(r==null)throw new Error("MiniSearch: cannot discard document with ID ".concat(e,": it is not in the index"));this._idToShortId.delete(e),this._documentIds.delete(r),this._storedFields.delete(r),(this._fieldLength.get(r)||[]).forEach(function(n,a){t.removeFieldLength(r,a,t._documentCount,n)}),this._fieldLength.delete(r),this._documentCount-=1,this._dirtCount+=1,this.maybeAutoVacuum()},o.prototype.maybeAutoVacuum=function(){if(this._options.autoVacuum!==!1){var e=this._options.autoVacuum,t=e.minDirtFactor,r=e.minDirtCount,n=e.batchSize,a=e.batchWait;this.conditionalVacuum({batchSize:n,batchWait:a},{minDirtCount:r,minDirtFactor:t})}},o.prototype.discardAll=function(e){var t,r,n=this._options.autoVacuum;try{this._options.autoVacuum=!1;try{for(var a=D(e),i=a.next();!i.done;i=a.next()){var s=i.value;this.discard(s)}}catch(u){t={error:u}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}}finally{this._options.autoVacuum=n}this.maybeAutoVacuum()},o.prototype.replace=function(e){var t=this._options,r=t.idField,n=t.extractField,a=n(e,r);this.discard(a),this.add(e)},o.prototype.vacuum=function(e){return e===void 0&&(e={}),this.conditionalVacuum(e)},o.prototype.conditionalVacuum=function(e,t){var r=this;return this._currentVacuum?(this._enqueuedVacuumConditions=this._enqueuedVacuumConditions&&t,this._enqueuedVacuum!=null?this._enqueuedVacuum:(this._enqueuedVacuum=this._currentVacuum.then(function(){var n=r._enqueuedVacuumConditions;return r._enqueuedVacuumConditions=je,r.performVacuuming(e,n)}),this._enqueuedVacuum)):this.vacuumConditionsMet(t)===!1?Promise.resolve():(this._currentVacuum=this.performVacuuming(e),this._currentVacuum)},o.prototype.performVacuuming=function(e,t){return Rr(this,void 0,void 0,function(){var r,n,a,i,s,u,l,h,d,v,y,b,E,g,S,T,F,L,R,B,C,O,A,_,w;return Mr(this,function(c){switch(c.label){case 0:if(r=this._dirtCount,!this.vacuumConditionsMet(t))return[3,10];n=e.batchSize||Je.batchSize,a=e.batchWait||Je.batchWait,i=1,c.label=1;case 1:c.trys.push([1,7,8,9]),s=D(this._index),u=s.next(),c.label=2;case 2:if(u.done)return[3,6];l=U(u.value,2),h=l[0],d=l[1];try{for(v=(O=void 0,D(d)),y=v.next();!y.done;y=v.next()){b=U(y.value,2),E=b[0],g=b[1];try{for(S=(_=void 0,D(g)),T=S.next();!T.done;T=S.next())F=U(T.value,1),L=F[0],!this._documentIds.has(L)&&(g.size<=1?d.delete(E):g.delete(L))}catch(f){_={error:f}}finally{try{T&&!T.done&&(w=S.return)&&w.call(S)}finally{if(_)throw _.error}}}}catch(f){O={error:f}}finally{try{y&&!y.done&&(A=v.return)&&A.call(v)}finally{if(O)throw O.error}}return this._index.get(h).size===0&&this._index.delete(h),i%n!==0?[3,4]:[4,new Promise(function(f){return setTimeout(f,a)})];case 3:c.sent(),c.label=4;case 4:i+=1,c.label=5;case 5:return u=s.next(),[3,2];case 6:return[3,9];case 7:return R=c.sent(),B={error:R},[3,9];case 8:try{u&&!u.done&&(C=s.return)&&C.call(s)}finally{if(B)throw B.error}return[7];case 9:this._dirtCount-=r,c.label=10;case 10:return[4,null];case 11:return c.sent(),this._currentVacuum=this._enqueuedVacuum,this._enqueuedVacuum=null,[2]}})})},o.prototype.vacuumConditionsMet=function(e){if(e==null)return!0;var t=e.minDirtCount,r=e.minDirtFactor;return t=t||Be.minDirtCount,r=r||Be.minDirtFactor,this.dirtCount>=t&&this.dirtFactor>=r},Object.defineProperty(o.prototype,"isVacuuming",{get:function(){return this._currentVacuum!=null},enumerable:!1,configurable:!0}),Object.defineProperty(o.prototype,"dirtCount",{get:function(){return this._dirtCount},enumerable:!1,configurable:!0}),Object.defineProperty(o.prototype,"dirtFactor",{get:function(){return this._dirtCount/(1+this._documentCount+this._dirtCount)},enumerable:!1,configurable:!0}),o.prototype.has=function(e){return this._idToShortId.has(e)},o.prototype.getStoredFields=function(e){var t=this._idToShortId.get(e);if(t!=null)return this._storedFields.get(t)},o.prototype.search=function(e,t){var r,n;t===void 0&&(t={});var a=this.executeQuery(e,t),i=[];try{for(var s=D(a),u=s.next();!u.done;u=s.next()){var l=U(u.value,2),h=l[0],d=l[1],v=d.score,y=d.terms,b=d.match,E=y.length||1,g={id:this._documentIds.get(h),score:v*E,terms:Object.keys(b),queryTerms:y,match:b};Object.assign(g,this._storedFields.get(h)),(t.filter==null||t.filter(g))&&i.push(g)}}catch(S){r={error:S}}finally{try{u&&!u.done&&(n=s.return)&&n.call(s)}finally{if(r)throw r.error}}return e===o.wildcard&&t.boostDocument==null&&this._options.searchOptions.boostDocument==null||i.sort(pt),i},o.prototype.autoSuggest=function(e,t){var r,n,a,i;t===void 0&&(t={}),t=W(W({},this._options.autoSuggestOptions),t);var s=new Map;try{for(var u=D(this.search(e,t)),l=u.next();!l.done;l=u.next()){var h=l.value,d=h.score,v=h.terms,y=v.join(" "),b=s.get(y);b!=null?(b.score+=d,b.count+=1):s.set(y,{score:d,terms:v,count:1})}}catch(R){r={error:R}}finally{try{l&&!l.done&&(n=u.return)&&n.call(u)}finally{if(r)throw r.error}}var E=[];try{for(var g=D(s),S=g.next();!S.done;S=g.next()){var T=U(S.value,2),b=T[0],F=T[1],d=F.score,v=F.terms,L=F.count;E.push({suggestion:b,terms:v,score:d/L})}}catch(R){a={error:R}}finally{try{S&&!S.done&&(i=g.return)&&i.call(g)}finally{if(a)throw a.error}}return E.sort(pt),E},Object.defineProperty(o.prototype,"documentCount",{get:function(){return this._documentCount},enumerable:!1,configurable:!0}),Object.defineProperty(o.prototype,"termCount",{get:function(){return this._index.size},enumerable:!1,configurable:!0}),o.loadJSON=function(e,t){if(t==null)throw new Error("MiniSearch: loadJSON should be given the same options used when serializing the index");return this.loadJS(JSON.parse(e),t)},o.getDefault=function(e){if(Ve.hasOwnProperty(e))return ze(Ve,e);throw new Error('MiniSearch: unknown option "'.concat(e,'"'))},o.loadJS=function(e,t){var r,n,a,i,s,u,l=e.index,h=e.documentCount,d=e.nextId,v=e.documentIds,y=e.fieldIds,b=e.fieldLength,E=e.averageFieldLength,g=e.storedFields,S=e.dirtCount,T=e.serializationVersion;if(T!==1&&T!==2)throw new Error("MiniSearch: cannot deserialize an index created with an incompatible version");var F=new o(t);F._documentCount=h,F._nextId=d,F._documentIds=Te(v),F._idToShortId=new Map,F._fieldIds=y,F._fieldLength=Te(b),F._avgFieldLength=E,F._storedFields=Te(g),F._dirtCount=S||0,F._index=new Le;try{for(var L=D(F._documentIds),R=L.next();!R.done;R=L.next()){var B=U(R.value,2),C=B[0],O=B[1];F._idToShortId.set(O,C)}}catch(z){r={error:z}}finally{try{R&&!R.done&&(n=L.return)&&n.call(L)}finally{if(r)throw r.error}}try{for(var A=D(l),_=A.next();!_.done;_=A.next()){var w=U(_.value,2),c=w[0],f=w[1],p=new Map;try{for(var N=(s=void 0,D(Object.keys(f))),I=N.next();!I.done;I=N.next()){var M=I.value,P=f[M];T===1&&(P=P.ds),p.set(parseInt(M,10),Te(P))}}catch(z){s={error:z}}finally{try{I&&!I.done&&(u=N.return)&&u.call(N)}finally{if(s)throw s.error}}F._index.set(c,p)}}catch(z){a={error:z}}finally{try{_&&!_.done&&(i=A.return)&&i.call(A)}finally{if(a)throw a.error}}return F},o.prototype.executeQuery=function(e,t){var r=this;if(t===void 0&&(t={}),e===o.wildcard)return this.executeWildcardQuery(t);if(typeof e!="string"){var n=W(W(W({},t),e),{queries:void 0}),a=e.queries.map(function(g){return r.executeQuery(g,n)});return this.combineResults(a,n.combineWith)}var i=this._options,s=i.tokenize,u=i.processTerm,l=i.searchOptions,h=W(W({tokenize:s,processTerm:u},l),t),d=h.tokenize,v=h.processTerm,y=d(e).flatMap(function(g){return v(g)}).filter(function(g){return!!g}),b=y.map(Ur(h)),E=b.map(function(g){return r.executeQuerySpec(g,h)});return this.combineResults(E,h.combineWith)},o.prototype.executeQuerySpec=function(e,t){var r,n,a,i,s=W(W({},this._options.searchOptions),t),u=(s.fields||this._options.fields).reduce(function(M,P){var z;return W(W({},M),(z={},z[P]=ze(s.boost,P)||1,z))},{}),l=s.boostDocument,h=s.weights,d=s.maxFuzzy,v=s.bm25,y=W(W({},dt.weights),h),b=y.fuzzy,E=y.prefix,g=this._index.get(e.term),S=this.termResults(e.term,e.term,1,g,u,l,v),T,F;if(e.prefix&&(T=this._index.atPrefix(e.term)),e.fuzzy){var L=e.fuzzy===!0?.2:e.fuzzy,R=L<1?Math.min(d,Math.round(e.term.length*L)):L;R&&(F=this._index.fuzzyGet(e.term,R))}if(T)try{for(var B=D(T),C=B.next();!C.done;C=B.next()){var O=U(C.value,2),A=O[0],_=O[1],w=A.length-e.term.length;if(w){F==null||F.delete(A);var c=E*A.length/(A.length+.3*w);this.termResults(e.term,A,c,_,u,l,v,S)}}}catch(M){r={error:M}}finally{try{C&&!C.done&&(n=B.return)&&n.call(B)}finally{if(r)throw r.error}}if(F)try{for(var f=D(F.keys()),p=f.next();!p.done;p=f.next()){var A=p.value,N=U(F.get(A),2),I=N[0],w=N[1];if(w){var c=b*A.length/(A.length+w);this.termResults(e.term,A,c,I,u,l,v,S)}}}catch(M){a={error:M}}finally{try{p&&!p.done&&(i=f.return)&&i.call(f)}finally{if(a)throw a.error}}return S},o.prototype.executeWildcardQuery=function(e){var t,r,n=new Map,a=W(W({},this._options.searchOptions),e);try{for(var i=D(this._documentIds),s=i.next();!s.done;s=i.next()){var u=U(s.value,2),l=u[0],h=u[1],d=a.boostDocument?a.boostDocument(h,"",this._storedFields.get(l)):1;n.set(l,{score:d,terms:[],match:{}})}}catch(v){t={error:v}}finally{try{s&&!s.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}return n},o.prototype.combineResults=function(e,t){if(t===void 0&&(t=qe),e.length===0)return new Map;var r=t.toLowerCase();return e.reduce($r[r])||new Map},o.prototype.toJSON=function(){var e,t,r,n,a=[];try{for(var i=D(this._index),s=i.next();!s.done;s=i.next()){var u=U(s.value,2),l=u[0],h=u[1],d={};try{for(var v=(r=void 0,D(h)),y=v.next();!y.done;y=v.next()){var b=U(y.value,2),E=b[0],g=b[1];d[E]=Object.fromEntries(g)}}catch(S){r={error:S}}finally{try{y&&!y.done&&(n=v.return)&&n.call(v)}finally{if(r)throw r.error}}a.push([l,d])}}catch(S){e={error:S}}finally{try{s&&!s.done&&(t=i.return)&&t.call(i)}finally{if(e)throw e.error}}return{documentCount:this._documentCount,nextId:this._nextId,documentIds:Object.fromEntries(this._documentIds),fieldIds:this._fieldIds,fieldLength:Object.fromEntries(this._fieldLength),averageFieldLength:this._avgFieldLength,storedFields:Object.fromEntries(this._storedFields),dirtCount:this._dirtCount,index:a,serializationVersion:2}},o.prototype.termResults=function(e,t,r,n,a,i,s,u){var l,h,d,v,y;if(u===void 0&&(u=new Map),n==null)return u;try{for(var b=D(Object.keys(a)),E=b.next();!E.done;E=b.next()){var g=E.value,S=a[g],T=this._fieldIds[g],F=n.get(T);if(F!=null){var L=F.size,R=this._avgFieldLength[T];try{for(var B=(d=void 0,D(F.keys())),C=B.next();!C.done;C=B.next()){var O=C.value;if(!this._documentIds.has(O)){this.removeTerm(T,O,t),L-=1;continue}var A=i?i(this._documentIds.get(O),t,this._storedFields.get(O)):1;if(A){var _=F.get(O),w=this._fieldLength.get(O)[T],c=Kr(_,L,this._documentCount,w,R,s),f=r*S*A*c,p=u.get(O);if(p){p.score+=f,jr(p.terms,e);var N=ze(p.match,t);N?N.push(g):p.match[t]=[g]}else u.set(O,{score:f,terms:[e],match:(y={},y[t]=[g],y)})}}}catch(I){d={error:I}}finally{try{C&&!C.done&&(v=B.return)&&v.call(B)}finally{if(d)throw d.error}}}}}catch(I){l={error:I}}finally{try{E&&!E.done&&(h=b.return)&&h.call(b)}finally{if(l)throw l.error}}return u},o.prototype.addTerm=function(e,t,r){var n=this._index.fetch(r,yt),a=n.get(e);if(a==null)a=new Map,a.set(t,1),n.set(e,a);else{var i=a.get(t);a.set(t,(i||0)+1)}},o.prototype.removeTerm=function(e,t,r){if(!this._index.has(r)){this.warnDocumentChanged(t,e,r);return}var n=this._index.fetch(r,yt),a=n.get(e);a==null||a.get(t)==null?this.warnDocumentChanged(t,e,r):a.get(t)<=1?a.size<=1?n.delete(e):a.delete(t):a.set(t,a.get(t)-1),this._index.get(r).size===0&&this._index.delete(r)},o.prototype.warnDocumentChanged=function(e,t,r){var n,a;try{for(var i=D(Object.keys(this._fieldIds)),s=i.next();!s.done;s=i.next()){var u=s.value;if(this._fieldIds[u]===t){this._options.logger("warn","MiniSearch: document with ID ".concat(this._documentIds.get(e),' has changed before removal: term "').concat(r,'" was not present in field "').concat(u,'". Removing a document after it has changed can corrupt the index!'),"version_conflict");return}}}catch(l){n={error:l}}finally{try{s&&!s.done&&(a=i.return)&&a.call(i)}finally{if(n)throw n.error}}},o.prototype.addDocumentId=function(e){var t=this._nextId;return this._idToShortId.set(e,t),this._documentIds.set(t,e),this._documentCount+=1,this._nextId+=1,t},o.prototype.addFields=function(e){for(var t=0;t<e.length;t++)this._fieldIds[e[t]]=t},o.prototype.addFieldLength=function(e,t,r,n){var a=this._fieldLength.get(e);a==null&&this._fieldLength.set(e,a=[]),a[t]=n;var i=this._avgFieldLength[t]||0,s=i*r+n;this._avgFieldLength[t]=s/(r+1)},o.prototype.removeFieldLength=function(e,t,r,n){if(r===1){this._avgFieldLength[t]=0;return}var a=this._avgFieldLength[t]*r-n;this._avgFieldLength[t]=a/(r-1)},o.prototype.saveStoredFields=function(e,t){var r,n,a=this._options,i=a.storeFields,s=a.extractField;if(!(i==null||i.length===0)){var u=this._storedFields.get(e);u==null&&this._storedFields.set(e,u={});try{for(var l=D(i),h=l.next();!h.done;h=l.next()){var d=h.value,v=s(t,d);v!==void 0&&(u[d]=v)}}catch(y){r={error:y}}finally{try{h&&!h.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}}},o.wildcard=Symbol("*"),o}(),ze=function(o,e){return Object.prototype.hasOwnProperty.call(o,e)?o[e]:void 0},$r=(me={},me[qe]=function(o,e){var t,r;try{for(var n=D(e.keys()),a=n.next();!a.done;a=n.next()){var i=a.value,s=o.get(i);if(s==null)o.set(i,e.get(i));else{var u=e.get(i),l=u.score,h=u.terms,d=u.match;s.score=s.score+l,s.match=Object.assign(s.match,d),vt(s.terms,h)}}}catch(v){t={error:v}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}return o},me[Nt]=function(o,e){var t,r,n=new Map;try{for(var a=D(e.keys()),i=a.next();!i.done;i=a.next()){var s=i.value,u=o.get(s);if(u!=null){var l=e.get(s),h=l.score,d=l.terms,v=l.match;vt(u.terms,d),n.set(s,{score:u.score+h,terms:u.terms,match:Object.assign(u.match,v)})}}}catch(y){t={error:y}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}return n},me[Vr]=function(o,e){var t,r;try{for(var n=D(e.keys()),a=n.next();!a.done;a=n.next()){var i=a.value;o.delete(i)}}catch(s){t={error:s}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}return o},me),Wr={k:1.2,b:.7,d:.5},Kr=function(o,e,t,r,n,a){var i=a.k,s=a.b,u=a.d,l=Math.log(1+(t-e+.5)/(e+.5));return l*(u+o*(i+1)/(o+i*(1-s+s*r/n)))},Ur=function(o){return function(e,t,r){var n=typeof o.fuzzy=="function"?o.fuzzy(e,t,r):o.fuzzy||!1,a=typeof o.prefix=="function"?o.prefix(e,t,r):o.prefix===!0;return{term:e,fuzzy:n,prefix:a}}},Ve={idField:"id",extractField:function(o,e){return o[e]},tokenize:function(o){return o.split(Gr)},processTerm:function(o){return o.toLowerCase()},fields:void 0,searchOptions:void 0,storeFields:[],logger:function(o,e){typeof(console==null?void 0:console[o])=="function"&&console[o](e)},autoVacuum:!0},dt={combineWith:qe,prefix:!1,fuzzy:!1,maxFuzzy:6,boost:{},weights:{fuzzy:.45,prefix:.375},bm25:Wr},Jr={combineWith:Nt,prefix:function(o,e,t){return e===t.length-1}},Je={batchSize:1e3,batchWait:10},je={minDirtFactor:.1,minDirtCount:20},Be=W(W({},Je),je),jr=function(o,e){o.includes(e)||o.push(e)},vt=function(o,e){var t,r;try{for(var n=D(e),a=n.next();!a.done;a=n.next()){var i=a.value;o.includes(i)||o.push(i)}}catch(s){t={error:s}}finally{try{a&&!a.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}},pt=function(o,e){var t=o.score,r=e.score;return r-t},yt=function(){return new Map},Te=function(o){var e,t,r=new Map;try{for(var n=D(Object.keys(o)),a=n.next();!a.done;a=n.next()){var i=a.value;r.set(parseInt(i,10),o[i])}}catch(s){e={error:s}}finally{try{a&&!a.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}return r},Gr=/[\n\r -#%-*,-/:;?@[-\]_{}\u00A0\u00A1\u00A7\u00AB\u00B6\u00B7\u00BB\u00BF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u09FD\u0A76\u0AF0\u0C77\u0C84\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166E\u1680\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2000-\u200A\u2010-\u2029\u202F-\u2043\u2045-\u2051\u2053-\u205F\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E4F\u3000-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]+/u;class qr{constructor(e=10){_e(this,"max");_e(this,"cache");this.max=e,this.cache=new Map}get(e){let t=this.cache.get(e);return t!==void 0&&(this.cache.delete(e),this.cache.set(e,t)),t}set(e,t){this.cache.has(e)?this.cache.delete(e):this.cache.size===this.max&&this.cache.delete(this.first()),this.cache.set(e,t)}first(){return this.cache.keys().next().value}clear(){this.cache.clear()}}const Y=o=>(Ht("data-v-bfa37f89"),o=o(),Qt(),o),Hr=["aria-owns"],Qr={class:"shell"},Yr=["title"],Zr=Y(()=>k("span",{"aria-hidden":"true",class:"vpi-search search-icon local-search-icon"},null,-1)),Xr=[Zr],ea={class:"search-actions before"},ta=["title"],ra=Y(()=>k("span",{class:"vpi-arrow-left local-search-icon"},null,-1)),aa=[ra],na=["placeholder"],ia={class:"search-actions"},oa=["title"],sa=Y(()=>k("span",{class:"vpi-layout-list local-search-icon"},null,-1)),ua=[sa],la=["disabled","title"],ca=Y(()=>k("span",{class:"vpi-delete local-search-icon"},null,-1)),fa=[ca],ha=["id","role","aria-labelledby"],da=["aria-selected"],va=["href","aria-label","onMouseenter","onFocusin"],pa={class:"titles"},ya=Y(()=>k("span",{class:"title-icon"},"#",-1)),ma=["innerHTML"],ga=Y(()=>k("span",{class:"vpi-chevron-right local-search-icon"},null,-1)),ba={class:"title main"},wa=["innerHTML"],xa={key:0,class:"excerpt-wrapper"},Fa={key:0,class:"excerpt",inert:""},Ea=["innerHTML"],Sa=Y(()=>k("div",{class:"excerpt-gradient-bottom"},null,-1)),Aa=Y(()=>k("div",{class:"excerpt-gradient-top"},null,-1)),Ta={key:0,class:"no-results"},Ca={class:"search-keyboard-shortcuts"},Na=["aria-label"],Ia=Y(()=>k("span",{class:"vpi-arrow-up navigate-icon"},null,-1)),Da=[Ia],ka=["aria-label"],_a=Y(()=>k("span",{class:"vpi-arrow-down navigate-icon"},null,-1)),Oa=[_a],Ra=["aria-label"],Ma=Y(()=>k("span",{class:"vpi-corner-down-left navigate-icon"},null,-1)),La=[Ma],Pa=["aria-label"],za=Ot({__name:"VPLocalSearchBox",emits:["close"],setup(o,{emit:e}){var P,z;const t=e,r=xe(),n=xe(),a=xe(nr),i=rr(),{activate:s}=kr(r,{immediate:!0,allowOutsideClick:!0,clickOutsideDeactivates:!0,escapeDeactivates:!0}),{localeIndex:u,theme:l}=i,h=rt(async()=>{var m,x,$,K,q,H,V,J,Z;return ot(Br.loadJSON(($=await((x=(m=a.value)[u.value])==null?void 0:x.call(m)))==null?void 0:$.default,{fields:["title","titles","text"],storeFields:["title","titles"],searchOptions:{fuzzy:.2,prefix:!0,boost:{title:4,text:2,titles:1},...((K=l.value.search)==null?void 0:K.provider)==="local"&&((H=(q=l.value.search.options)==null?void 0:q.miniSearch)==null?void 0:H.searchOptions)},...((V=l.value.search)==null?void 0:V.provider)==="local"&&((Z=(J=l.value.search.options)==null?void 0:J.miniSearch)==null?void 0:Z.options)}))}),v=Fe(()=>{var m,x;return((m=l.value.search)==null?void 0:m.provider)==="local"&&((x=l.value.search.options)==null?void 0:x.disableQueryPersistence)===!0}).value?oe(""):Rt("vitepress:local-search-filter",""),y=Mt("vitepress:local-search-detailed-list",((P=l.value.search)==null?void 0:P.provider)==="local"&&((z=l.value.search.options)==null?void 0:z.detailedView)===!0),b=Fe(()=>{var m,x,$;return((m=l.value.search)==null?void 0:m.provider)==="local"&&(((x=l.value.search.options)==null?void 0:x.disableDetailedView)===!0||(($=l.value.search.options)==null?void 0:$.detailedView)===!1)}),E=Fe(()=>{var x,$,K,q,H,V,J;const m=((x=l.value.search)==null?void 0:x.options)??l.value.algolia;return((H=(q=(K=($=m==null?void 0:m.locales)==null?void 0:$[u.value])==null?void 0:K.translations)==null?void 0:q.button)==null?void 0:H.buttonText)||((J=(V=m==null?void 0:m.translations)==null?void 0:V.button)==null?void 0:J.buttonText)||"Search"});Lt(()=>{b.value&&(y.value=!1)});const g=xe([]),S=oe(!1);We(v,()=>{S.value=!1});const T=rt(async()=>{if(n.value)return ot(new Or(n.value))},null),F=new qr(16);Pt(()=>[h.value,v.value,y.value],async([m,x,$],K,q)=>{var be,He,Qe,Ye;(K==null?void 0:K[0])!==m&&F.clear();let H=!1;if(q(()=>{H=!0}),!m)return;g.value=m.search(x).slice(0,16),S.value=!0;const V=$?await Promise.all(g.value.map(Q=>L(Q.id))):[];if(H)return;for(const{id:Q,mod:ae}of V){const ne=Q.slice(0,Q.indexOf("#"));let te=F.get(ne);if(te)continue;te=new Map,F.set(ne,te);const X=ae.default??ae;if(X!=null&&X.render||X!=null&&X.setup){const ie=Yt(X);ie.config.warnHandler=()=>{},ie.provide(Zt,i),Object.defineProperties(ie.config.globalProperties,{$frontmatter:{get(){return i.frontmatter.value}},$params:{get(){return i.page.value.params}}});const Ze=document.createElement("div");ie.mount(Ze),Ze.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(he=>{var tt;const we=(tt=he.querySelector("a"))==null?void 0:tt.getAttribute("href"),Xe=(we==null?void 0:we.startsWith("#"))&&we.slice(1);if(!Xe)return;let et="";for(;(he=he.nextElementSibling)&&!/^h[1-6]$/i.test(he.tagName);)et+=he.outerHTML;te.set(Xe,et)}),ie.unmount()}if(H)return}const J=new Set;if(g.value=g.value.map(Q=>{const[ae,ne]=Q.id.split("#"),te=F.get(ae),X=(te==null?void 0:te.get(ne))??"";for(const ie in Q.match)J.add(ie);return{...Q,text:X}}),await de(),H)return;await new Promise(Q=>{var ae;(ae=T.value)==null||ae.unmark({done:()=>{var ne;(ne=T.value)==null||ne.markRegExp(M(J),{done:Q})}})});const Z=((be=r.value)==null?void 0:be.querySelectorAll(".result .excerpt"))??[];for(const Q of Z)(He=Q.querySelector('mark[data-markjs="true"]'))==null||He.scrollIntoView({block:"center"});(Ye=(Qe=n.value)==null?void 0:Qe.firstElementChild)==null||Ye.scrollIntoView({block:"start"})},{debounce:200,immediate:!0});async function L(m){const x=Xt(m.slice(0,m.indexOf("#")));try{if(!x)throw new Error(`Cannot find file for id: ${m}`);return{id:m,mod:await $e(()=>import(x),__vite__mapDeps([]))}}catch($){return console.error($),{id:m,mod:{}}}}const R=oe(),B=Fe(()=>{var m;return((m=v.value)==null?void 0:m.length)<=0});function C(m=!0){var x,$;(x=R.value)==null||x.focus(),m&&(($=R.value)==null||$.select())}Oe(()=>{C()});function O(m){m.pointerType==="mouse"&&C()}const A=oe(-1),_=oe(!1);We(g,m=>{A.value=m.length?0:-1,w()});function w(){de(()=>{const m=document.querySelector(".result.selected");m&&m.scrollIntoView({block:"nearest"})})}Ee("ArrowUp",m=>{m.preventDefault(),A.value--,A.value<0&&(A.value=g.value.length-1),_.value=!0,w()}),Ee("ArrowDown",m=>{m.preventDefault(),A.value++,A.value>=g.value.length&&(A.value=0),_.value=!0,w()});const c=zt();Ee("Enter",m=>{if(m.isComposing||m.target instanceof HTMLButtonElement&&m.target.type!=="submit")return;const x=g.value[A.value];if(m.target instanceof HTMLInputElement&&!x){m.preventDefault();return}x&&(c.go(x.id),t("close"))}),Ee("Escape",()=>{t("close")});const p=ar({modal:{displayDetails:"Display detailed list",resetButtonTitle:"Reset search",backButtonTitle:"Close search",noResultsText:"No results for",footer:{selectText:"to select",selectKeyAriaLabel:"enter",navigateText:"to navigate",navigateUpKeyAriaLabel:"up arrow",navigateDownKeyAriaLabel:"down arrow",closeText:"to close",closeKeyAriaLabel:"escape"}}});Oe(()=>{window.history.pushState(null,"",null)}),Vt("popstate",m=>{m.preventDefault(),t("close")});const N=Bt($t?document.body:null);Oe(()=>{de(()=>{N.value=!0,de().then(()=>s())})}),Wt(()=>{N.value=!1});function I(){v.value="",de().then(()=>C(!1))}function M(m){return new RegExp([...m].sort((x,$)=>$.length-x.length).map(x=>`(${er(x)})`).join("|"),"gi")}return(m,x)=>{var $,K,q,H;return ee(),Kt(qt,{to:"body"},[k("div",{ref_key:"el",ref:r,role:"button","aria-owns":($=g.value)!=null&&$.length?"localsearch-list":void 0,"aria-expanded":"true","aria-haspopup":"listbox","aria-labelledby":"localsearch-label",class:"VPLocalSearchBox"},[k("div",{class:"backdrop",onClick:x[0]||(x[0]=V=>m.$emit("close"))}),k("div",Qr,[k("form",{class:"search-bar",onPointerup:x[4]||(x[4]=V=>O(V)),onSubmit:x[5]||(x[5]=Ut(()=>{},["prevent"]))},[k("label",{title:E.value,id:"localsearch-label",for:"localsearch-input"},Xr,8,Yr),k("div",ea,[k("button",{class:"back-button",title:j(p)("modal.backButtonTitle"),onClick:x[1]||(x[1]=V=>m.$emit("close"))},aa,8,ta)]),Jt(k("input",{ref_key:"searchInput",ref:R,"onUpdate:modelValue":x[2]||(x[2]=V=>Gt(v)?v.value=V:null),placeholder:E.value,id:"localsearch-input","aria-labelledby":"localsearch-label",class:"search-input"},null,8,na),[[jt,j(v)]]),k("div",ia,[b.value?Se("",!0):(ee(),re("button",{key:0,class:at(["toggle-layout-button",{"detailed-list":j(y)}]),type:"button",title:j(p)("modal.displayDetails"),onClick:x[3]||(x[3]=V=>A.value>-1&&(y.value=!j(y)))},ua,10,oa)),k("button",{class:"clear-button",type:"reset",disabled:B.value,title:j(p)("modal.resetButtonTitle"),onClick:I},fa,8,la)])],32),k("ul",{ref_key:"resultsEl",ref:n,id:(K=g.value)!=null&&K.length?"localsearch-list":void 0,role:(q=g.value)!=null&&q.length?"listbox":void 0,"aria-labelledby":(H=g.value)!=null&&H.length?"localsearch-label":void 0,class:"results",onMousemove:x[7]||(x[7]=V=>_.value=!1)},[(ee(!0),re(it,null,nt(g.value,(V,J)=>(ee(),re("li",{key:V.id,role:"option","aria-selected":A.value===J?"true":"false"},[k("a",{href:V.id,class:at(["result",{selected:A.value===J}]),"aria-label":[...V.titles,V.title].join(" > "),onMouseenter:Z=>!_.value&&(A.value=J),onFocusin:Z=>A.value=J,onClick:x[6]||(x[6]=Z=>m.$emit("close"))},[k("div",null,[k("div",pa,[ya,(ee(!0),re(it,null,nt(V.titles,(Z,be)=>(ee(),re("span",{key:be,class:"title"},[k("span",{class:"text",innerHTML:Z},null,8,ma),ga]))),128)),k("span",ba,[k("span",{class:"text",innerHTML:V.title},null,8,wa)])]),j(y)?(ee(),re("div",xa,[V.text?(ee(),re("div",Fa,[k("div",{class:"vp-doc",innerHTML:V.text},null,8,Ea)])):Se("",!0),Sa,Aa])):Se("",!0)])],42,va)],8,da))),128)),j(v)&&!g.value.length&&S.value?(ee(),re("li",Ta,[ve(pe(j(p)("modal.noResultsText"))+' "',1),k("strong",null,pe(j(v)),1),ve('" ')])):Se("",!0)],40,ha),k("div",Ca,[k("span",null,[k("kbd",{"aria-label":j(p)("modal.footer.navigateUpKeyAriaLabel")},Da,8,Na),k("kbd",{"aria-label":j(p)("modal.footer.navigateDownKeyAriaLabel")},Oa,8,ka),ve(" "+pe(j(p)("modal.footer.navigateText")),1)]),k("span",null,[k("kbd",{"aria-label":j(p)("modal.footer.selectKeyAriaLabel")},La,8,Ra),ve(" "+pe(j(p)("modal.footer.selectText")),1)]),k("span",null,[k("kbd",{"aria-label":j(p)("modal.footer.closeKeyAriaLabel")},"esc",8,Pa),ve(" "+pe(j(p)("modal.footer.closeText")),1)])])])],8,Hr)])}}}),Ua=tr(za,[["__scopeId","data-v-bfa37f89"]]);export{Ua as default};
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
     __vite__mapDeps.viteFileDeps = []
diff --git a/assets/chunks/framework.b3gnc5d8.js b/assets/chunks/framework.S5btFSuR.js
similarity index 65%
rename from assets/chunks/framework.b3gnc5d8.js
rename to assets/chunks/framework.S5btFSuR.js
index 5be76798d..6a7ef9ebb 100644
--- a/assets/chunks/framework.b3gnc5d8.js
+++ b/assets/chunks/framework.S5btFSuR.js
@@ -2,16 +2,16 @@
 * @vue/shared v3.4.21
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
-**/function xs(e,t){const n=new Set(e.split(","));return t?s=>n.has(s.toLowerCase()):s=>n.has(s)}const ee={},yt=[],Se=()=>{},Ti=()=>!1,Wt=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),Ts=e=>e.startsWith("onUpdate:"),ce=Object.assign,As=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},Ai=Object.prototype.hasOwnProperty,Y=(e,t)=>Ai.call(e,t),V=Array.isArray,vt=e=>Rn(e)==="[object Map]",Qr=e=>Rn(e)==="[object Set]",q=e=>typeof e=="function",ne=e=>typeof e=="string",At=e=>typeof e=="symbol",Q=e=>e!==null&&typeof e=="object",eo=e=>(Q(e)||q(e))&&q(e.then)&&q(e.catch),to=Object.prototype.toString,Rn=e=>to.call(e),Ri=e=>Rn(e).slice(8,-1),no=e=>Rn(e)==="[object Object]",Rs=e=>ne(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,bt=xs(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),On=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Oi=/-(\w)/g,Fe=On(e=>e.replace(Oi,(t,n)=>n?n.toUpperCase():"")),Li=/\B([A-Z])/g,ft=On(e=>e.replace(Li,"-$1").toLowerCase()),Ln=On(e=>e.charAt(0).toUpperCase()+e.slice(1)),hn=On(e=>e?`on${Ln(e)}`:""),Qe=(e,t)=>!Object.is(e,t),pn=(e,t)=>{for(let n=0;n<e.length;n++)e[n](t)},yn=(e,t,n)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},us=e=>{const t=parseFloat(e);return isNaN(t)?e:t},Ii=e=>{const t=ne(e)?Number(e):NaN;return isNaN(t)?e:t};let nr;const so=()=>nr||(nr=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function Os(e){if(V(e)){const t={};for(let n=0;n<e.length;n++){const s=e[n],r=ne(s)?Fi(s):Os(s);if(r)for(const o in r)t[o]=r[o]}return t}else if(ne(e)||Q(e))return e}const Mi=/;(?![^(]*\))/g,Pi=/:([^]+)/,Ni=/\/\*[^]*?\*\//g;function Fi(e){const t={};return e.replace(Ni,"").split(Mi).forEach(n=>{if(n){const s=n.split(Pi);s.length>1&&(t[s[0].trim()]=s[1].trim())}}),t}function Ls(e){let t="";if(ne(e))t=e;else if(V(e))for(let n=0;n<e.length;n++){const s=Ls(e[n]);s&&(t+=s+" ")}else if(Q(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const Di="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",Ui=xs(Di);function ro(e){return!!e||e===""}const Za=e=>ne(e)?e:e==null?"":V(e)||Q(e)&&(e.toString===to||!q(e.toString))?JSON.stringify(e,oo,2):String(e),oo=(e,t)=>t&&t.__v_isRef?oo(e,t.value):vt(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[s,r],o)=>(n[Gn(s,o)+" =>"]=r,n),{})}:Qr(t)?{[`Set(${t.size})`]:[...t.values()].map(n=>Gn(n))}:At(t)?Gn(t):Q(t)&&!V(t)&&!no(t)?String(t):t,Gn=(e,t="")=>{var n;return At(e)?`Symbol(${(n=e.description)!=null?n:t})`:e};/**
+**/function xs(e,t){const n=new Set(e.split(","));return t?s=>n.has(s.toLowerCase()):s=>n.has(s)}const ee={},yt=[],Se=()=>{},Ti=()=>!1,Wt=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),Ts=e=>e.startsWith("onUpdate:"),ce=Object.assign,As=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},Ai=Object.prototype.hasOwnProperty,Y=(e,t)=>Ai.call(e,t),V=Array.isArray,vt=e=>Rn(e)==="[object Map]",eo=e=>Rn(e)==="[object Set]",q=e=>typeof e=="function",ne=e=>typeof e=="string",At=e=>typeof e=="symbol",Q=e=>e!==null&&typeof e=="object",to=e=>(Q(e)||q(e))&&q(e.then)&&q(e.catch),no=Object.prototype.toString,Rn=e=>no.call(e),Ri=e=>Rn(e).slice(8,-1),so=e=>Rn(e)==="[object Object]",Rs=e=>ne(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,bt=xs(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Ln=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Li=/-(\w)/g,Fe=Ln(e=>e.replace(Li,(t,n)=>n?n.toUpperCase():"")),Oi=/\B([A-Z])/g,ft=Ln(e=>e.replace(Oi,"-$1").toLowerCase()),On=Ln(e=>e.charAt(0).toUpperCase()+e.slice(1)),hn=Ln(e=>e?`on${On(e)}`:""),Qe=(e,t)=>!Object.is(e,t),pn=(e,t)=>{for(let n=0;n<e.length;n++)e[n](t)},yn=(e,t,n)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},us=e=>{const t=parseFloat(e);return isNaN(t)?e:t},Ii=e=>{const t=ne(e)?Number(e):NaN;return isNaN(t)?e:t};let sr;const ro=()=>sr||(sr=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function Ls(e){if(V(e)){const t={};for(let n=0;n<e.length;n++){const s=e[n],r=ne(s)?Fi(s):Ls(s);if(r)for(const o in r)t[o]=r[o]}return t}else if(ne(e)||Q(e))return e}const Mi=/;(?![^(]*\))/g,Pi=/:([^]+)/,Ni=/\/\*[^]*?\*\//g;function Fi(e){const t={};return e.replace(Ni,"").split(Mi).forEach(n=>{if(n){const s=n.split(Pi);s.length>1&&(t[s[0].trim()]=s[1].trim())}}),t}function Os(e){let t="";if(ne(e))t=e;else if(V(e))for(let n=0;n<e.length;n++){const s=Os(e[n]);s&&(t+=s+" ")}else if(Q(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const Di="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",Ui=xs(Di);function oo(e){return!!e||e===""}const Za=e=>ne(e)?e:e==null?"":V(e)||Q(e)&&(e.toString===no||!q(e.toString))?JSON.stringify(e,io,2):String(e),io=(e,t)=>t&&t.__v_isRef?io(e,t.value):vt(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[s,r],o)=>(n[Gn(s,o)+" =>"]=r,n),{})}:eo(t)?{[`Set(${t.size})`]:[...t.values()].map(n=>Gn(n))}:At(t)?Gn(t):Q(t)&&!V(t)&&!so(t)?String(t):t,Gn=(e,t="")=>{var n;return At(e)?`Symbol(${(n=e.description)!=null?n:t})`:e};/**
 * @vue/reactivity v3.4.21
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
-**/let ve;class ki{constructor(t=!1){this.detached=t,this._active=!0,this.effects=[],this.cleanups=[],this.parent=ve,!t&&ve&&(this.index=(ve.scopes||(ve.scopes=[])).push(this)-1)}get active(){return this._active}run(t){if(this._active){const n=ve;try{return ve=this,t()}finally{ve=n}}}on(){ve=this}off(){ve=this.parent}stop(t){if(this._active){let n,s;for(n=0,s=this.effects.length;n<s;n++)this.effects[n].stop();for(n=0,s=this.cleanups.length;n<s;n++)this.cleanups[n]();if(this.scopes)for(n=0,s=this.scopes.length;n<s;n++)this.scopes[n].stop(!0);if(!this.detached&&this.parent&&!t){const r=this.parent.scopes.pop();r&&r!==this&&(this.parent.scopes[this.index]=r,r.index=this.index)}this.parent=void 0,this._active=!1}}}function Hi(e,t=ve){t&&t.active&&t.effects.push(e)}function io(){return ve}function $i(e){ve&&ve.cleanups.push(e)}let ct;class Is{constructor(t,n,s,r){this.fn=t,this.trigger=n,this.scheduler=s,this.active=!0,this.deps=[],this._dirtyLevel=4,this._trackId=0,this._runnings=0,this._shouldSchedule=!1,this._depsLength=0,Hi(this,r)}get dirty(){if(this._dirtyLevel===2||this._dirtyLevel===3){this._dirtyLevel=1,dt();for(let t=0;t<this._depsLength;t++){const n=this.deps[t];if(n.computed&&(ji(n.computed),this._dirtyLevel>=4))break}this._dirtyLevel===1&&(this._dirtyLevel=0),ht()}return this._dirtyLevel>=4}set dirty(t){this._dirtyLevel=t?4:0}run(){if(this._dirtyLevel=0,!this.active)return this.fn();let t=Ye,n=ct;try{return Ye=!0,ct=this,this._runnings++,sr(this),this.fn()}finally{rr(this),this._runnings--,ct=n,Ye=t}}stop(){var t;this.active&&(sr(this),rr(this),(t=this.onStop)==null||t.call(this),this.active=!1)}}function ji(e){return e.value}function sr(e){e._trackId++,e._depsLength=0}function rr(e){if(e.deps.length>e._depsLength){for(let t=e._depsLength;t<e.deps.length;t++)lo(e.deps[t],e);e.deps.length=e._depsLength}}function lo(e,t){const n=e.get(t);n!==void 0&&t._trackId!==n&&(e.delete(t),e.size===0&&e.cleanup())}let Ye=!0,fs=0;const co=[];function dt(){co.push(Ye),Ye=!1}function ht(){const e=co.pop();Ye=e===void 0?!0:e}function Ms(){fs++}function Ps(){for(fs--;!fs&&ds.length;)ds.shift()()}function ao(e,t,n){if(t.get(e)!==e._trackId){t.set(e,e._trackId);const s=e.deps[e._depsLength];s!==t?(s&&lo(s,e),e.deps[e._depsLength++]=t):e._depsLength++}}const ds=[];function uo(e,t,n){Ms();for(const s of e.keys()){let r;s._dirtyLevel<t&&(r??(r=e.get(s)===s._trackId))&&(s._shouldSchedule||(s._shouldSchedule=s._dirtyLevel===0),s._dirtyLevel=t),s._shouldSchedule&&(r??(r=e.get(s)===s._trackId))&&(s.trigger(),(!s._runnings||s.allowRecurse)&&s._dirtyLevel!==2&&(s._shouldSchedule=!1,s.scheduler&&ds.push(s.scheduler)))}Ps()}const fo=(e,t)=>{const n=new Map;return n.cleanup=e,n.computed=t,n},vn=new WeakMap,at=Symbol(""),hs=Symbol("");function _e(e,t,n){if(Ye&&ct){let s=vn.get(e);s||vn.set(e,s=new Map);let r=s.get(n);r||s.set(n,r=fo(()=>s.delete(n))),ao(ct,r)}}function ke(e,t,n,s,r,o){const i=vn.get(e);if(!i)return;let l=[];if(t==="clear")l=[...i.values()];else if(n==="length"&&V(e)){const c=Number(s);i.forEach((a,f)=>{(f==="length"||!At(f)&&f>=c)&&l.push(a)})}else switch(n!==void 0&&l.push(i.get(n)),t){case"add":V(e)?Rs(n)&&l.push(i.get("length")):(l.push(i.get(at)),vt(e)&&l.push(i.get(hs)));break;case"delete":V(e)||(l.push(i.get(at)),vt(e)&&l.push(i.get(hs)));break;case"set":vt(e)&&l.push(i.get(at));break}Ms();for(const c of l)c&&uo(c,4);Ps()}function Vi(e,t){var n;return(n=vn.get(e))==null?void 0:n.get(t)}const Ki=xs("__proto__,__v_isRef,__isVue"),ho=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(At)),or=Bi();function Bi(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...n){const s=J(this);for(let o=0,i=this.length;o<i;o++)_e(s,"get",o+"");const r=s[t](...n);return r===-1||r===!1?s[t](...n.map(J)):r}}),["push","pop","shift","unshift","splice"].forEach(t=>{e[t]=function(...n){dt(),Ms();const s=J(this)[t].apply(this,n);return Ps(),ht(),s}}),e}function Wi(e){const t=J(this);return _e(t,"has",e),t.hasOwnProperty(e)}class po{constructor(t=!1,n=!1){this._isReadonly=t,this._isShallow=n}get(t,n,s){const r=this._isReadonly,o=this._isShallow;if(n==="__v_isReactive")return!r;if(n==="__v_isReadonly")return r;if(n==="__v_isShallow")return o;if(n==="__v_raw")return s===(r?o?rl:yo:o?_o:go).get(t)||Object.getPrototypeOf(t)===Object.getPrototypeOf(s)?t:void 0;const i=V(t);if(!r){if(i&&Y(or,n))return Reflect.get(or,n,s);if(n==="hasOwnProperty")return Wi}const l=Reflect.get(t,n,s);return(At(n)?ho.has(n):Ki(n))||(r||_e(t,"get",n),o)?l:de(l)?i&&Rs(n)?l:l.value:Q(l)?r?Pn(l):Mn(l):l}}class mo extends po{constructor(t=!1){super(!1,t)}set(t,n,s,r){let o=t[n];if(!this._isShallow){const c=xt(o);if(!bn(s)&&!xt(s)&&(o=J(o),s=J(s)),!V(t)&&de(o)&&!de(s))return c?!1:(o.value=s,!0)}const i=V(t)&&Rs(n)?Number(n)<t.length:Y(t,n),l=Reflect.set(t,n,s,r);return t===J(r)&&(i?Qe(s,o)&&ke(t,"set",n,s):ke(t,"add",n,s)),l}deleteProperty(t,n){const s=Y(t,n);t[n];const r=Reflect.deleteProperty(t,n);return r&&s&&ke(t,"delete",n,void 0),r}has(t,n){const s=Reflect.has(t,n);return(!At(n)||!ho.has(n))&&_e(t,"has",n),s}ownKeys(t){return _e(t,"iterate",V(t)?"length":at),Reflect.ownKeys(t)}}class qi extends po{constructor(t=!1){super(!0,t)}set(t,n){return!0}deleteProperty(t,n){return!0}}const Gi=new mo,zi=new qi,Xi=new mo(!0),Ns=e=>e,In=e=>Reflect.getPrototypeOf(e);function Zt(e,t,n=!1,s=!1){e=e.__v_raw;const r=J(e),o=J(t);n||(Qe(t,o)&&_e(r,"get",t),_e(r,"get",o));const{has:i}=In(r),l=s?Ns:n?Us:$t;if(i.call(r,t))return l(e.get(t));if(i.call(r,o))return l(e.get(o));e!==r&&e.get(t)}function Qt(e,t=!1){const n=this.__v_raw,s=J(n),r=J(e);return t||(Qe(e,r)&&_e(s,"has",e),_e(s,"has",r)),e===r?n.has(e):n.has(e)||n.has(r)}function en(e,t=!1){return e=e.__v_raw,!t&&_e(J(e),"iterate",at),Reflect.get(e,"size",e)}function ir(e){e=J(e);const t=J(this);return In(t).has.call(t,e)||(t.add(e),ke(t,"add",e,e)),this}function lr(e,t){t=J(t);const n=J(this),{has:s,get:r}=In(n);let o=s.call(n,e);o||(e=J(e),o=s.call(n,e));const i=r.call(n,e);return n.set(e,t),o?Qe(t,i)&&ke(n,"set",e,t):ke(n,"add",e,t),this}function cr(e){const t=J(this),{has:n,get:s}=In(t);let r=n.call(t,e);r||(e=J(e),r=n.call(t,e)),s&&s.call(t,e);const o=t.delete(e);return r&&ke(t,"delete",e,void 0),o}function ar(){const e=J(this),t=e.size!==0,n=e.clear();return t&&ke(e,"clear",void 0,void 0),n}function tn(e,t){return function(s,r){const o=this,i=o.__v_raw,l=J(i),c=t?Ns:e?Us:$t;return!e&&_e(l,"iterate",at),i.forEach((a,f)=>s.call(r,c(a),c(f),o))}}function nn(e,t,n){return function(...s){const r=this.__v_raw,o=J(r),i=vt(o),l=e==="entries"||e===Symbol.iterator&&i,c=e==="keys"&&i,a=r[e](...s),f=n?Ns:t?Us:$t;return!t&&_e(o,"iterate",c?hs:at),{next(){const{value:h,done:p}=a.next();return p?{value:h,done:p}:{value:l?[f(h[0]),f(h[1])]:f(h),done:p}},[Symbol.iterator](){return this}}}}function Ve(e){return function(...t){return e==="delete"?!1:e==="clear"?void 0:this}}function Yi(){const e={get(o){return Zt(this,o)},get size(){return en(this)},has:Qt,add:ir,set:lr,delete:cr,clear:ar,forEach:tn(!1,!1)},t={get(o){return Zt(this,o,!1,!0)},get size(){return en(this)},has:Qt,add:ir,set:lr,delete:cr,clear:ar,forEach:tn(!1,!0)},n={get(o){return Zt(this,o,!0)},get size(){return en(this,!0)},has(o){return Qt.call(this,o,!0)},add:Ve("add"),set:Ve("set"),delete:Ve("delete"),clear:Ve("clear"),forEach:tn(!0,!1)},s={get(o){return Zt(this,o,!0,!0)},get size(){return en(this,!0)},has(o){return Qt.call(this,o,!0)},add:Ve("add"),set:Ve("set"),delete:Ve("delete"),clear:Ve("clear"),forEach:tn(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(o=>{e[o]=nn(o,!1,!1),n[o]=nn(o,!0,!1),t[o]=nn(o,!1,!0),s[o]=nn(o,!0,!0)}),[e,n,t,s]}const[Ji,Zi,Qi,el]=Yi();function Fs(e,t){const n=t?e?el:Qi:e?Zi:Ji;return(s,r,o)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?s:Reflect.get(Y(n,r)&&r in s?n:s,r,o)}const tl={get:Fs(!1,!1)},nl={get:Fs(!1,!0)},sl={get:Fs(!0,!1)},go=new WeakMap,_o=new WeakMap,yo=new WeakMap,rl=new WeakMap;function ol(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function il(e){return e.__v_skip||!Object.isExtensible(e)?0:ol(Ri(e))}function Mn(e){return xt(e)?e:Ds(e,!1,Gi,tl,go)}function ll(e){return Ds(e,!1,Xi,nl,_o)}function Pn(e){return Ds(e,!0,zi,sl,yo)}function Ds(e,t,n,s,r){if(!Q(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const o=r.get(e);if(o)return o;const i=il(e);if(i===0)return e;const l=new Proxy(e,i===2?s:n);return r.set(e,l),l}function wt(e){return xt(e)?wt(e.__v_raw):!!(e&&e.__v_isReactive)}function xt(e){return!!(e&&e.__v_isReadonly)}function bn(e){return!!(e&&e.__v_isShallow)}function vo(e){return wt(e)||xt(e)}function J(e){const t=e&&e.__v_raw;return t?J(t):e}function Mt(e){return Object.isExtensible(e)&&yn(e,"__v_skip",!0),e}const $t=e=>Q(e)?Mn(e):e,Us=e=>Q(e)?Pn(e):e;class bo{constructor(t,n,s,r){this.getter=t,this._setter=n,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this.effect=new Is(()=>t(this._value),()=>Pt(this,this.effect._dirtyLevel===2?2:3)),this.effect.computed=this,this.effect.active=this._cacheable=!r,this.__v_isReadonly=s}get value(){const t=J(this);return(!t._cacheable||t.effect.dirty)&&Qe(t._value,t._value=t.effect.run())&&Pt(t,4),ks(t),t.effect._dirtyLevel>=2&&Pt(t,2),t._value}set value(t){this._setter(t)}get _dirty(){return this.effect.dirty}set _dirty(t){this.effect.dirty=t}}function cl(e,t,n=!1){let s,r;const o=q(e);return o?(s=e,r=Se):(s=e.get,r=e.set),new bo(s,r,o||!r,n)}function ks(e){var t;Ye&&ct&&(e=J(e),ao(ct,(t=e.dep)!=null?t:e.dep=fo(()=>e.dep=void 0,e instanceof bo?e:void 0)))}function Pt(e,t=4,n){e=J(e);const s=e.dep;s&&uo(s,t)}function de(e){return!!(e&&e.__v_isRef===!0)}function re(e){return wo(e,!1)}function Hs(e){return wo(e,!0)}function wo(e,t){return de(e)?e:new al(e,t)}class al{constructor(t,n){this.__v_isShallow=n,this.dep=void 0,this.__v_isRef=!0,this._rawValue=n?t:J(t),this._value=n?t:$t(t)}get value(){return ks(this),this._value}set value(t){const n=this.__v_isShallow||bn(t)||xt(t);t=n?t:J(t),Qe(t,this._rawValue)&&(this._rawValue=t,this._value=n?t:$t(t),Pt(this,4))}}function Eo(e){return de(e)?e.value:e}const ul={get:(e,t,n)=>Eo(Reflect.get(e,t,n)),set:(e,t,n,s)=>{const r=e[t];return de(r)&&!de(n)?(r.value=n,!0):Reflect.set(e,t,n,s)}};function Co(e){return wt(e)?e:new Proxy(e,ul)}class fl{constructor(t){this.dep=void 0,this.__v_isRef=!0;const{get:n,set:s}=t(()=>ks(this),()=>Pt(this));this._get=n,this._set=s}get value(){return this._get()}set value(t){this._set(t)}}function dl(e){return new fl(e)}class hl{constructor(t,n,s){this._object=t,this._key=n,this._defaultValue=s,this.__v_isRef=!0}get value(){const t=this._object[this._key];return t===void 0?this._defaultValue:t}set value(t){this._object[this._key]=t}get dep(){return Vi(J(this._object),this._key)}}class pl{constructor(t){this._getter=t,this.__v_isRef=!0,this.__v_isReadonly=!0}get value(){return this._getter()}}function ml(e,t,n){return de(e)?e:q(e)?new pl(e):Q(e)&&arguments.length>1?gl(e,t,n):re(e)}function gl(e,t,n){const s=e[t];return de(s)?s:new hl(e,t,n)}/**
+**/let ve;class ki{constructor(t=!1){this.detached=t,this._active=!0,this.effects=[],this.cleanups=[],this.parent=ve,!t&&ve&&(this.index=(ve.scopes||(ve.scopes=[])).push(this)-1)}get active(){return this._active}run(t){if(this._active){const n=ve;try{return ve=this,t()}finally{ve=n}}}on(){ve=this}off(){ve=this.parent}stop(t){if(this._active){let n,s;for(n=0,s=this.effects.length;n<s;n++)this.effects[n].stop();for(n=0,s=this.cleanups.length;n<s;n++)this.cleanups[n]();if(this.scopes)for(n=0,s=this.scopes.length;n<s;n++)this.scopes[n].stop(!0);if(!this.detached&&this.parent&&!t){const r=this.parent.scopes.pop();r&&r!==this&&(this.parent.scopes[this.index]=r,r.index=this.index)}this.parent=void 0,this._active=!1}}}function Hi(e,t=ve){t&&t.active&&t.effects.push(e)}function lo(){return ve}function $i(e){ve&&ve.cleanups.push(e)}let ct;class Is{constructor(t,n,s,r){this.fn=t,this.trigger=n,this.scheduler=s,this.active=!0,this.deps=[],this._dirtyLevel=4,this._trackId=0,this._runnings=0,this._shouldSchedule=!1,this._depsLength=0,Hi(this,r)}get dirty(){if(this._dirtyLevel===2||this._dirtyLevel===3){this._dirtyLevel=1,dt();for(let t=0;t<this._depsLength;t++){const n=this.deps[t];if(n.computed&&(ji(n.computed),this._dirtyLevel>=4))break}this._dirtyLevel===1&&(this._dirtyLevel=0),ht()}return this._dirtyLevel>=4}set dirty(t){this._dirtyLevel=t?4:0}run(){if(this._dirtyLevel=0,!this.active)return this.fn();let t=Ye,n=ct;try{return Ye=!0,ct=this,this._runnings++,rr(this),this.fn()}finally{or(this),this._runnings--,ct=n,Ye=t}}stop(){var t;this.active&&(rr(this),or(this),(t=this.onStop)==null||t.call(this),this.active=!1)}}function ji(e){return e.value}function rr(e){e._trackId++,e._depsLength=0}function or(e){if(e.deps.length>e._depsLength){for(let t=e._depsLength;t<e.deps.length;t++)co(e.deps[t],e);e.deps.length=e._depsLength}}function co(e,t){const n=e.get(t);n!==void 0&&t._trackId!==n&&(e.delete(t),e.size===0&&e.cleanup())}let Ye=!0,fs=0;const ao=[];function dt(){ao.push(Ye),Ye=!1}function ht(){const e=ao.pop();Ye=e===void 0?!0:e}function Ms(){fs++}function Ps(){for(fs--;!fs&&ds.length;)ds.shift()()}function uo(e,t,n){if(t.get(e)!==e._trackId){t.set(e,e._trackId);const s=e.deps[e._depsLength];s!==t?(s&&co(s,e),e.deps[e._depsLength++]=t):e._depsLength++}}const ds=[];function fo(e,t,n){Ms();for(const s of e.keys()){let r;s._dirtyLevel<t&&(r??(r=e.get(s)===s._trackId))&&(s._shouldSchedule||(s._shouldSchedule=s._dirtyLevel===0),s._dirtyLevel=t),s._shouldSchedule&&(r??(r=e.get(s)===s._trackId))&&(s.trigger(),(!s._runnings||s.allowRecurse)&&s._dirtyLevel!==2&&(s._shouldSchedule=!1,s.scheduler&&ds.push(s.scheduler)))}Ps()}const ho=(e,t)=>{const n=new Map;return n.cleanup=e,n.computed=t,n},vn=new WeakMap,at=Symbol(""),hs=Symbol("");function _e(e,t,n){if(Ye&&ct){let s=vn.get(e);s||vn.set(e,s=new Map);let r=s.get(n);r||s.set(n,r=ho(()=>s.delete(n))),uo(ct,r)}}function ke(e,t,n,s,r,o){const i=vn.get(e);if(!i)return;let l=[];if(t==="clear")l=[...i.values()];else if(n==="length"&&V(e)){const c=Number(s);i.forEach((a,f)=>{(f==="length"||!At(f)&&f>=c)&&l.push(a)})}else switch(n!==void 0&&l.push(i.get(n)),t){case"add":V(e)?Rs(n)&&l.push(i.get("length")):(l.push(i.get(at)),vt(e)&&l.push(i.get(hs)));break;case"delete":V(e)||(l.push(i.get(at)),vt(e)&&l.push(i.get(hs)));break;case"set":vt(e)&&l.push(i.get(at));break}Ms();for(const c of l)c&&fo(c,4);Ps()}function Vi(e,t){var n;return(n=vn.get(e))==null?void 0:n.get(t)}const Ki=xs("__proto__,__v_isRef,__isVue"),po=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(At)),ir=Bi();function Bi(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...n){const s=J(this);for(let o=0,i=this.length;o<i;o++)_e(s,"get",o+"");const r=s[t](...n);return r===-1||r===!1?s[t](...n.map(J)):r}}),["push","pop","shift","unshift","splice"].forEach(t=>{e[t]=function(...n){dt(),Ms();const s=J(this)[t].apply(this,n);return Ps(),ht(),s}}),e}function Wi(e){const t=J(this);return _e(t,"has",e),t.hasOwnProperty(e)}class mo{constructor(t=!1,n=!1){this._isReadonly=t,this._isShallow=n}get(t,n,s){const r=this._isReadonly,o=this._isShallow;if(n==="__v_isReactive")return!r;if(n==="__v_isReadonly")return r;if(n==="__v_isShallow")return o;if(n==="__v_raw")return s===(r?o?rl:vo:o?yo:_o).get(t)||Object.getPrototypeOf(t)===Object.getPrototypeOf(s)?t:void 0;const i=V(t);if(!r){if(i&&Y(ir,n))return Reflect.get(ir,n,s);if(n==="hasOwnProperty")return Wi}const l=Reflect.get(t,n,s);return(At(n)?po.has(n):Ki(n))||(r||_e(t,"get",n),o)?l:de(l)?i&&Rs(n)?l:l.value:Q(l)?r?Pn(l):Mn(l):l}}class go extends mo{constructor(t=!1){super(!1,t)}set(t,n,s,r){let o=t[n];if(!this._isShallow){const c=xt(o);if(!bn(s)&&!xt(s)&&(o=J(o),s=J(s)),!V(t)&&de(o)&&!de(s))return c?!1:(o.value=s,!0)}const i=V(t)&&Rs(n)?Number(n)<t.length:Y(t,n),l=Reflect.set(t,n,s,r);return t===J(r)&&(i?Qe(s,o)&&ke(t,"set",n,s):ke(t,"add",n,s)),l}deleteProperty(t,n){const s=Y(t,n);t[n];const r=Reflect.deleteProperty(t,n);return r&&s&&ke(t,"delete",n,void 0),r}has(t,n){const s=Reflect.has(t,n);return(!At(n)||!po.has(n))&&_e(t,"has",n),s}ownKeys(t){return _e(t,"iterate",V(t)?"length":at),Reflect.ownKeys(t)}}class qi extends mo{constructor(t=!1){super(!0,t)}set(t,n){return!0}deleteProperty(t,n){return!0}}const Gi=new go,zi=new qi,Xi=new go(!0),Ns=e=>e,In=e=>Reflect.getPrototypeOf(e);function Zt(e,t,n=!1,s=!1){e=e.__v_raw;const r=J(e),o=J(t);n||(Qe(t,o)&&_e(r,"get",t),_e(r,"get",o));const{has:i}=In(r),l=s?Ns:n?Us:$t;if(i.call(r,t))return l(e.get(t));if(i.call(r,o))return l(e.get(o));e!==r&&e.get(t)}function Qt(e,t=!1){const n=this.__v_raw,s=J(n),r=J(e);return t||(Qe(e,r)&&_e(s,"has",e),_e(s,"has",r)),e===r?n.has(e):n.has(e)||n.has(r)}function en(e,t=!1){return e=e.__v_raw,!t&&_e(J(e),"iterate",at),Reflect.get(e,"size",e)}function lr(e){e=J(e);const t=J(this);return In(t).has.call(t,e)||(t.add(e),ke(t,"add",e,e)),this}function cr(e,t){t=J(t);const n=J(this),{has:s,get:r}=In(n);let o=s.call(n,e);o||(e=J(e),o=s.call(n,e));const i=r.call(n,e);return n.set(e,t),o?Qe(t,i)&&ke(n,"set",e,t):ke(n,"add",e,t),this}function ar(e){const t=J(this),{has:n,get:s}=In(t);let r=n.call(t,e);r||(e=J(e),r=n.call(t,e)),s&&s.call(t,e);const o=t.delete(e);return r&&ke(t,"delete",e,void 0),o}function ur(){const e=J(this),t=e.size!==0,n=e.clear();return t&&ke(e,"clear",void 0,void 0),n}function tn(e,t){return function(s,r){const o=this,i=o.__v_raw,l=J(i),c=t?Ns:e?Us:$t;return!e&&_e(l,"iterate",at),i.forEach((a,f)=>s.call(r,c(a),c(f),o))}}function nn(e,t,n){return function(...s){const r=this.__v_raw,o=J(r),i=vt(o),l=e==="entries"||e===Symbol.iterator&&i,c=e==="keys"&&i,a=r[e](...s),f=n?Ns:t?Us:$t;return!t&&_e(o,"iterate",c?hs:at),{next(){const{value:h,done:p}=a.next();return p?{value:h,done:p}:{value:l?[f(h[0]),f(h[1])]:f(h),done:p}},[Symbol.iterator](){return this}}}}function Ve(e){return function(...t){return e==="delete"?!1:e==="clear"?void 0:this}}function Yi(){const e={get(o){return Zt(this,o)},get size(){return en(this)},has:Qt,add:lr,set:cr,delete:ar,clear:ur,forEach:tn(!1,!1)},t={get(o){return Zt(this,o,!1,!0)},get size(){return en(this)},has:Qt,add:lr,set:cr,delete:ar,clear:ur,forEach:tn(!1,!0)},n={get(o){return Zt(this,o,!0)},get size(){return en(this,!0)},has(o){return Qt.call(this,o,!0)},add:Ve("add"),set:Ve("set"),delete:Ve("delete"),clear:Ve("clear"),forEach:tn(!0,!1)},s={get(o){return Zt(this,o,!0,!0)},get size(){return en(this,!0)},has(o){return Qt.call(this,o,!0)},add:Ve("add"),set:Ve("set"),delete:Ve("delete"),clear:Ve("clear"),forEach:tn(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(o=>{e[o]=nn(o,!1,!1),n[o]=nn(o,!0,!1),t[o]=nn(o,!1,!0),s[o]=nn(o,!0,!0)}),[e,n,t,s]}const[Ji,Zi,Qi,el]=Yi();function Fs(e,t){const n=t?e?el:Qi:e?Zi:Ji;return(s,r,o)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?s:Reflect.get(Y(n,r)&&r in s?n:s,r,o)}const tl={get:Fs(!1,!1)},nl={get:Fs(!1,!0)},sl={get:Fs(!0,!1)},_o=new WeakMap,yo=new WeakMap,vo=new WeakMap,rl=new WeakMap;function ol(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function il(e){return e.__v_skip||!Object.isExtensible(e)?0:ol(Ri(e))}function Mn(e){return xt(e)?e:Ds(e,!1,Gi,tl,_o)}function ll(e){return Ds(e,!1,Xi,nl,yo)}function Pn(e){return Ds(e,!0,zi,sl,vo)}function Ds(e,t,n,s,r){if(!Q(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const o=r.get(e);if(o)return o;const i=il(e);if(i===0)return e;const l=new Proxy(e,i===2?s:n);return r.set(e,l),l}function wt(e){return xt(e)?wt(e.__v_raw):!!(e&&e.__v_isReactive)}function xt(e){return!!(e&&e.__v_isReadonly)}function bn(e){return!!(e&&e.__v_isShallow)}function bo(e){return wt(e)||xt(e)}function J(e){const t=e&&e.__v_raw;return t?J(t):e}function Mt(e){return Object.isExtensible(e)&&yn(e,"__v_skip",!0),e}const $t=e=>Q(e)?Mn(e):e,Us=e=>Q(e)?Pn(e):e;class wo{constructor(t,n,s,r){this.getter=t,this._setter=n,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this.effect=new Is(()=>t(this._value),()=>Pt(this,this.effect._dirtyLevel===2?2:3)),this.effect.computed=this,this.effect.active=this._cacheable=!r,this.__v_isReadonly=s}get value(){const t=J(this);return(!t._cacheable||t.effect.dirty)&&Qe(t._value,t._value=t.effect.run())&&Pt(t,4),ks(t),t.effect._dirtyLevel>=2&&Pt(t,2),t._value}set value(t){this._setter(t)}get _dirty(){return this.effect.dirty}set _dirty(t){this.effect.dirty=t}}function cl(e,t,n=!1){let s,r;const o=q(e);return o?(s=e,r=Se):(s=e.get,r=e.set),new wo(s,r,o||!r,n)}function ks(e){var t;Ye&&ct&&(e=J(e),uo(ct,(t=e.dep)!=null?t:e.dep=ho(()=>e.dep=void 0,e instanceof wo?e:void 0)))}function Pt(e,t=4,n){e=J(e);const s=e.dep;s&&fo(s,t)}function de(e){return!!(e&&e.__v_isRef===!0)}function re(e){return Eo(e,!1)}function Hs(e){return Eo(e,!0)}function Eo(e,t){return de(e)?e:new al(e,t)}class al{constructor(t,n){this.__v_isShallow=n,this.dep=void 0,this.__v_isRef=!0,this._rawValue=n?t:J(t),this._value=n?t:$t(t)}get value(){return ks(this),this._value}set value(t){const n=this.__v_isShallow||bn(t)||xt(t);t=n?t:J(t),Qe(t,this._rawValue)&&(this._rawValue=t,this._value=n?t:$t(t),Pt(this,4))}}function Co(e){return de(e)?e.value:e}const ul={get:(e,t,n)=>Co(Reflect.get(e,t,n)),set:(e,t,n,s)=>{const r=e[t];return de(r)&&!de(n)?(r.value=n,!0):Reflect.set(e,t,n,s)}};function So(e){return wt(e)?e:new Proxy(e,ul)}class fl{constructor(t){this.dep=void 0,this.__v_isRef=!0;const{get:n,set:s}=t(()=>ks(this),()=>Pt(this));this._get=n,this._set=s}get value(){return this._get()}set value(t){this._set(t)}}function dl(e){return new fl(e)}class hl{constructor(t,n,s){this._object=t,this._key=n,this._defaultValue=s,this.__v_isRef=!0}get value(){const t=this._object[this._key];return t===void 0?this._defaultValue:t}set value(t){this._object[this._key]=t}get dep(){return Vi(J(this._object),this._key)}}class pl{constructor(t){this._getter=t,this.__v_isRef=!0,this.__v_isReadonly=!0}get value(){return this._getter()}}function ml(e,t,n){return de(e)?e:q(e)?new pl(e):Q(e)&&arguments.length>1?gl(e,t,n):re(e)}function gl(e,t,n){const s=e[t];return de(s)?s:new hl(e,t,n)}/**
 * @vue/runtime-core v3.4.21
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
-**/function Je(e,t,n,s){try{return s?e(...s):e()}catch(r){qt(r,t,n)}}function xe(e,t,n,s){if(q(e)){const o=Je(e,t,n,s);return o&&eo(o)&&o.catch(i=>{qt(i,t,n)}),o}const r=[];for(let o=0;o<e.length;o++)r.push(xe(e[o],t,n,s));return r}function qt(e,t,n,s=!0){const r=t?t.vnode:null;if(t){let o=t.parent;const i=t.proxy,l=`https://vuejs.org/error-reference/#runtime-${n}`;for(;o;){const a=o.ec;if(a){for(let f=0;f<a.length;f++)if(a[f](e,i,l)===!1)return}o=o.parent}const c=t.appContext.config.errorHandler;if(c){Je(c,null,10,[e,i,l]);return}}_l(e,n,r,s)}function _l(e,t,n,s=!0){console.error(e)}let jt=!1,ps=!1;const he=[];let Pe=0;const Et=[];let qe=null,ot=0;const So=Promise.resolve();let $s=null;function Nn(e){const t=$s||So;return e?t.then(this?e.bind(this):e):t}function yl(e){let t=Pe+1,n=he.length;for(;t<n;){const s=t+n>>>1,r=he[s],o=Vt(r);o<e||o===e&&r.pre?t=s+1:n=s}return t}function Fn(e){(!he.length||!he.includes(e,jt&&e.allowRecurse?Pe+1:Pe))&&(e.id==null?he.push(e):he.splice(yl(e.id),0,e),xo())}function xo(){!jt&&!ps&&(ps=!0,$s=So.then(To))}function vl(e){const t=he.indexOf(e);t>Pe&&he.splice(t,1)}function bl(e){V(e)?Et.push(...e):(!qe||!qe.includes(e,e.allowRecurse?ot+1:ot))&&Et.push(e),xo()}function ur(e,t,n=jt?Pe+1:0){for(;n<he.length;n++){const s=he[n];if(s&&s.pre){if(e&&s.id!==e.uid)continue;he.splice(n,1),n--,s()}}}function wn(e){if(Et.length){const t=[...new Set(Et)].sort((n,s)=>Vt(n)-Vt(s));if(Et.length=0,qe){qe.push(...t);return}for(qe=t,ot=0;ot<qe.length;ot++)qe[ot]();qe=null,ot=0}}const Vt=e=>e.id==null?1/0:e.id,wl=(e,t)=>{const n=Vt(e)-Vt(t);if(n===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return n};function To(e){ps=!1,jt=!0,he.sort(wl);try{for(Pe=0;Pe<he.length;Pe++){const t=he[Pe];t&&t.active!==!1&&Je(t,null,14)}}finally{Pe=0,he.length=0,wn(),jt=!1,$s=null,(he.length||Et.length)&&To()}}function El(e,t,...n){if(e.isUnmounted)return;const s=e.vnode.props||ee;let r=n;const o=t.startsWith("update:"),i=o&&t.slice(7);if(i&&i in s){const f=`${i==="modelValue"?"model":i}Modifiers`,{number:h,trim:p}=s[f]||ee;p&&(r=n.map(_=>ne(_)?_.trim():_)),h&&(r=n.map(us))}let l,c=s[l=hn(t)]||s[l=hn(Fe(t))];!c&&o&&(c=s[l=hn(ft(t))]),c&&xe(c,e,6,r);const a=s[l+"Once"];if(a){if(!e.emitted)e.emitted={};else if(e.emitted[l])return;e.emitted[l]=!0,xe(a,e,6,r)}}function Ao(e,t,n=!1){const s=t.emitsCache,r=s.get(e);if(r!==void 0)return r;const o=e.emits;let i={},l=!1;if(!q(e)){const c=a=>{const f=Ao(a,t,!0);f&&(l=!0,ce(i,f))};!n&&t.mixins.length&&t.mixins.forEach(c),e.extends&&c(e.extends),e.mixins&&e.mixins.forEach(c)}return!o&&!l?(Q(e)&&s.set(e,null),null):(V(o)?o.forEach(c=>i[c]=null):ce(i,o),Q(e)&&s.set(e,i),i)}function Dn(e,t){return!e||!Wt(t)?!1:(t=t.slice(2).replace(/Once$/,""),Y(e,t[0].toLowerCase()+t.slice(1))||Y(e,ft(t))||Y(e,t))}let le=null,Un=null;function En(e){const t=le;return le=e,Un=e&&e.type.__scopeId||null,t}function Qa(e){Un=e}function eu(){Un=null}function Cl(e,t=le,n){if(!t||e._n)return e;const s=(...r)=>{s._d&&Sr(-1);const o=En(t);let i;try{i=e(...r)}finally{En(o),s._d&&Sr(1)}return i};return s._n=!0,s._c=!0,s._d=!0,s}function zn(e){const{type:t,vnode:n,proxy:s,withProxy:r,props:o,propsOptions:[i],slots:l,attrs:c,emit:a,render:f,renderCache:h,data:p,setupState:_,ctx:w,inheritAttrs:I}=e;let N,B;const K=En(e);try{if(n.shapeFlag&4){const y=r||s,M=y;N=Re(f.call(M,y,h,o,_,p,w)),B=c}else{const y=t;N=Re(y.length>1?y(o,{attrs:c,slots:l,emit:a}):y(o,null)),B=t.props?c:Sl(c)}}catch(y){kt.length=0,qt(y,e,1),N=oe(be)}let m=N;if(B&&I!==!1){const y=Object.keys(B),{shapeFlag:M}=m;y.length&&M&7&&(i&&y.some(Ts)&&(B=xl(B,i)),m=et(m,B))}return n.dirs&&(m=et(m),m.dirs=m.dirs?m.dirs.concat(n.dirs):n.dirs),n.transition&&(m.transition=n.transition),N=m,En(K),N}const Sl=e=>{let t;for(const n in e)(n==="class"||n==="style"||Wt(n))&&((t||(t={}))[n]=e[n]);return t},xl=(e,t)=>{const n={};for(const s in e)(!Ts(s)||!(s.slice(9)in t))&&(n[s]=e[s]);return n};function Tl(e,t,n){const{props:s,children:r,component:o}=e,{props:i,children:l,patchFlag:c}=t,a=o.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return s?fr(s,i,a):!!i;if(c&8){const f=t.dynamicProps;for(let h=0;h<f.length;h++){const p=f[h];if(i[p]!==s[p]&&!Dn(a,p))return!0}}}else return(r||l)&&(!l||!l.$stable)?!0:s===i?!1:s?i?fr(s,i,a):!0:!!i;return!1}function fr(e,t,n){const s=Object.keys(t);if(s.length!==Object.keys(e).length)return!0;for(let r=0;r<s.length;r++){const o=s[r];if(t[o]!==e[o]&&!Dn(n,o))return!0}return!1}function Al({vnode:e,parent:t},n){for(;t;){const s=t.subTree;if(s.suspense&&s.suspense.activeBranch===e&&(s.el=e.el),s===e)(e=t.vnode).el=n,t=t.parent;else break}}const js="components";function tu(e,t){return Oo(js,e,!0,t)||e}const Ro=Symbol.for("v-ndc");function nu(e){return ne(e)?Oo(js,e,!1)||e:e||Ro}function Oo(e,t,n=!0,s=!1){const r=le||ue;if(r){const o=r.type;if(e===js){const l=xc(o,!1);if(l&&(l===t||l===Fe(t)||l===Ln(Fe(t))))return o}const i=dr(r[e]||o[e],t)||dr(r.appContext[e],t);return!i&&s?o:i}}function dr(e,t){return e&&(e[t]||e[Fe(t)]||e[Ln(Fe(t))])}const Rl=e=>e.__isSuspense;function Lo(e,t){t&&t.pendingBranch?V(e)?t.effects.push(...e):t.effects.push(e):bl(e)}const Ol=Symbol.for("v-scx"),Ll=()=>St(Ol);function Vs(e,t){return kn(e,null,t)}function su(e,t){return kn(e,null,{flush:"post"})}const sn={};function He(e,t,n){return kn(e,t,n)}function kn(e,t,{immediate:n,deep:s,flush:r,once:o,onTrack:i,onTrigger:l}=ee){if(t&&o){const O=t;t=(...F)=>{O(...F),M()}}const c=ue,a=O=>s===!0?O:lt(O,s===!1?1:void 0);let f,h=!1,p=!1;if(de(e)?(f=()=>e.value,h=bn(e)):wt(e)?(f=()=>a(e),h=!0):V(e)?(p=!0,h=e.some(O=>wt(O)||bn(O)),f=()=>e.map(O=>{if(de(O))return O.value;if(wt(O))return a(O);if(q(O))return Je(O,c,2)})):q(e)?t?f=()=>Je(e,c,2):f=()=>(_&&_(),xe(e,c,3,[w])):f=Se,t&&s){const O=f;f=()=>lt(O())}let _,w=O=>{_=m.onStop=()=>{Je(O,c,4),_=m.onStop=void 0}},I;if(Xt)if(w=Se,t?n&&xe(t,c,3,[f(),p?[]:void 0,w]):f(),r==="sync"){const O=Ll();I=O.__watcherHandles||(O.__watcherHandles=[])}else return Se;let N=p?new Array(e.length).fill(sn):sn;const B=()=>{if(!(!m.active||!m.dirty))if(t){const O=m.run();(s||h||(p?O.some((F,T)=>Qe(F,N[T])):Qe(O,N)))&&(_&&_(),xe(t,c,3,[O,N===sn?void 0:p&&N[0]===sn?[]:N,w]),N=O)}else m.run()};B.allowRecurse=!!t;let K;r==="sync"?K=B:r==="post"?K=()=>me(B,c&&c.suspense):(B.pre=!0,c&&(B.id=c.uid),K=()=>Fn(B));const m=new Is(f,Se,K),y=io(),M=()=>{m.stop(),y&&As(y.effects,m)};return t?n?B():N=m.run():r==="post"?me(m.run.bind(m),c&&c.suspense):m.run(),I&&I.push(M),M}function Il(e,t,n){const s=this.proxy,r=ne(e)?e.includes(".")?Io(s,e):()=>s[e]:e.bind(s,s);let o;q(t)?o=t:(o=t.handler,n=t);const i=zt(this),l=kn(r,o.bind(s),n);return i(),l}function Io(e,t){const n=t.split(".");return()=>{let s=e;for(let r=0;r<n.length&&s;r++)s=s[n[r]];return s}}function lt(e,t,n=0,s){if(!Q(e)||e.__v_skip)return e;if(t&&t>0){if(n>=t)return e;n++}if(s=s||new Set,s.has(e))return e;if(s.add(e),de(e))lt(e.value,t,n,s);else if(V(e))for(let r=0;r<e.length;r++)lt(e[r],t,n,s);else if(Qr(e)||vt(e))e.forEach(r=>{lt(r,t,n,s)});else if(no(e))for(const r in e)lt(e[r],t,n,s);return e}function ru(e,t){if(le===null)return e;const n=Kn(le)||le.proxy,s=e.dirs||(e.dirs=[]);for(let r=0;r<t.length;r++){let[o,i,l,c=ee]=t[r];o&&(q(o)&&(o={mounted:o,updated:o}),o.deep&&lt(i),s.push({dir:o,instance:n,value:i,oldValue:void 0,arg:l,modifiers:c}))}return e}function Me(e,t,n,s){const r=e.dirs,o=t&&t.dirs;for(let i=0;i<r.length;i++){const l=r[i];o&&(l.oldValue=o[i].value);let c=l.dir[s];c&&(dt(),xe(c,n,8,[e.el,l,e,t]),ht())}}const Ge=Symbol("_leaveCb"),rn=Symbol("_enterCb");function Ml(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return Rt(()=>{e.isMounted=!0}),Do(()=>{e.isUnmounting=!0}),e}const we=[Function,Array],Mo={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:we,onEnter:we,onAfterEnter:we,onEnterCancelled:we,onBeforeLeave:we,onLeave:we,onAfterLeave:we,onLeaveCancelled:we,onBeforeAppear:we,onAppear:we,onAfterAppear:we,onAppearCancelled:we},Pl={name:"BaseTransition",props:Mo,setup(e,{slots:t}){const n=Vn(),s=Ml();return()=>{const r=t.default&&No(t.default(),!0);if(!r||!r.length)return;let o=r[0];if(r.length>1){for(const p of r)if(p.type!==be){o=p;break}}const i=J(e),{mode:l}=i;if(s.isLeaving)return Xn(o);const c=hr(o);if(!c)return Xn(o);const a=ms(c,i,s,n);gs(c,a);const f=n.subTree,h=f&&hr(f);if(h&&h.type!==be&&!it(c,h)){const p=ms(h,i,s,n);if(gs(h,p),l==="out-in")return s.isLeaving=!0,p.afterLeave=()=>{s.isLeaving=!1,n.update.active!==!1&&(n.effect.dirty=!0,n.update())},Xn(o);l==="in-out"&&c.type!==be&&(p.delayLeave=(_,w,I)=>{const N=Po(s,h);N[String(h.key)]=h,_[Ge]=()=>{w(),_[Ge]=void 0,delete a.delayedLeave},a.delayedLeave=I})}return o}}},Nl=Pl;function Po(e,t){const{leavingVNodes:n}=e;let s=n.get(t.type);return s||(s=Object.create(null),n.set(t.type,s)),s}function ms(e,t,n,s){const{appear:r,mode:o,persisted:i=!1,onBeforeEnter:l,onEnter:c,onAfterEnter:a,onEnterCancelled:f,onBeforeLeave:h,onLeave:p,onAfterLeave:_,onLeaveCancelled:w,onBeforeAppear:I,onAppear:N,onAfterAppear:B,onAppearCancelled:K}=t,m=String(e.key),y=Po(n,e),M=(T,D)=>{T&&xe(T,s,9,D)},O=(T,D)=>{const E=D[1];M(T,D),V(T)?T.every(k=>k.length<=1)&&E():T.length<=1&&E()},F={mode:o,persisted:i,beforeEnter(T){let D=l;if(!n.isMounted)if(r)D=I||l;else return;T[Ge]&&T[Ge](!0);const E=y[m];E&&it(e,E)&&E.el[Ge]&&E.el[Ge](),M(D,[T])},enter(T){let D=c,E=a,k=f;if(!n.isMounted)if(r)D=N||c,E=B||a,k=K||f;else return;let A=!1;const G=T[rn]=ie=>{A||(A=!0,ie?M(k,[T]):M(E,[T]),F.delayedLeave&&F.delayedLeave(),T[rn]=void 0)};D?O(D,[T,G]):G()},leave(T,D){const E=String(e.key);if(T[rn]&&T[rn](!0),n.isUnmounting)return D();M(h,[T]);let k=!1;const A=T[Ge]=G=>{k||(k=!0,D(),G?M(w,[T]):M(_,[T]),T[Ge]=void 0,y[E]===e&&delete y[E])};y[E]=e,p?O(p,[T,A]):A()},clone(T){return ms(T,t,n,s)}};return F}function Xn(e){if(Gt(e))return e=et(e),e.children=null,e}function hr(e){return Gt(e)?e.children?e.children[0]:void 0:e}function gs(e,t){e.shapeFlag&6&&e.component?gs(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function No(e,t=!1,n){let s=[],r=0;for(let o=0;o<e.length;o++){let i=e[o];const l=n==null?i.key:String(n)+String(i.key!=null?i.key:o);i.type===ge?(i.patchFlag&128&&r++,s=s.concat(No(i.children,t,l))):(t||i.type!==be)&&s.push(l!=null?et(i,{key:l}):i)}if(r>1)for(let o=0;o<s.length;o++)s[o].patchFlag=-2;return s}/*! #__NO_SIDE_EFFECTS__ */function Ks(e,t){return q(e)?ce({name:e.name},t,{setup:e}):e}const Ct=e=>!!e.type.__asyncLoader;/*! #__NO_SIDE_EFFECTS__ */function ou(e){q(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:s,delay:r=200,timeout:o,suspensible:i=!0,onError:l}=e;let c=null,a,f=0;const h=()=>(f++,c=null,p()),p=()=>{let _;return c||(_=c=t().catch(w=>{if(w=w instanceof Error?w:new Error(String(w)),l)return new Promise((I,N)=>{l(w,()=>I(h()),()=>N(w),f+1)});throw w}).then(w=>_!==c&&c?c:(w&&(w.__esModule||w[Symbol.toStringTag]==="Module")&&(w=w.default),a=w,w)))};return Ks({name:"AsyncComponentWrapper",__asyncLoader:p,get __asyncResolved(){return a},setup(){const _=ue;if(a)return()=>Yn(a,_);const w=K=>{c=null,qt(K,_,13,!s)};if(i&&_.suspense||Xt)return p().then(K=>()=>Yn(K,_)).catch(K=>(w(K),()=>s?oe(s,{error:K}):null));const I=re(!1),N=re(),B=re(!!r);return r&&setTimeout(()=>{B.value=!1},r),o!=null&&setTimeout(()=>{if(!I.value&&!N.value){const K=new Error(`Async component timed out after ${o}ms.`);w(K),N.value=K}},o),p().then(()=>{I.value=!0,_.parent&&Gt(_.parent.vnode)&&(_.parent.effect.dirty=!0,Fn(_.parent.update))}).catch(K=>{w(K),N.value=K}),()=>{if(I.value&&a)return Yn(a,_);if(N.value&&s)return oe(s,{error:N.value});if(n&&!B.value)return oe(n)}}})}function Yn(e,t){const{ref:n,props:s,children:r,ce:o}=t.vnode,i=oe(e,s,r);return i.ref=n,i.ce=o,delete t.vnode.ce,i}const Gt=e=>e.type.__isKeepAlive;function Fl(e,t){Fo(e,"a",t)}function Dl(e,t){Fo(e,"da",t)}function Fo(e,t,n=ue){const s=e.__wdc||(e.__wdc=()=>{let r=n;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(Hn(t,s,n),n){let r=n.parent;for(;r&&r.parent;)Gt(r.parent.vnode)&&Ul(s,t,n,r),r=r.parent}}function Ul(e,t,n,s){const r=Hn(t,e,s,!0);$n(()=>{As(s[t],r)},n)}function Hn(e,t,n=ue,s=!1){if(n){const r=n[e]||(n[e]=[]),o=t.__weh||(t.__weh=(...i)=>{if(n.isUnmounted)return;dt();const l=zt(n),c=xe(t,n,e,i);return l(),ht(),c});return s?r.unshift(o):r.push(o),o}}const je=e=>(t,n=ue)=>(!Xt||e==="sp")&&Hn(e,(...s)=>t(...s),n),kl=je("bm"),Rt=je("m"),Hl=je("bu"),$l=je("u"),Do=je("bum"),$n=je("um"),jl=je("sp"),Vl=je("rtg"),Kl=je("rtc");function Bl(e,t=ue){Hn("ec",e,t)}function iu(e,t,n,s){let r;const o=n&&n[s];if(V(e)||ne(e)){r=new Array(e.length);for(let i=0,l=e.length;i<l;i++)r[i]=t(e[i],i,void 0,o&&o[i])}else if(typeof e=="number"){r=new Array(e);for(let i=0;i<e;i++)r[i]=t(i+1,i,void 0,o&&o[i])}else if(Q(e))if(e[Symbol.iterator])r=Array.from(e,(i,l)=>t(i,l,void 0,o&&o[l]));else{const i=Object.keys(e);r=new Array(i.length);for(let l=0,c=i.length;l<c;l++){const a=i[l];r[l]=t(e[a],a,l,o&&o[l])}}else r=[];return n&&(n[s]=r),r}function lu(e,t,n={},s,r){if(le.isCE||le.parent&&Ct(le.parent)&&le.parent.isCE)return t!=="default"&&(n.name=t),oe("slot",n,s&&s());let o=e[t];o&&o._c&&(o._d=!1),Xo();const i=o&&Uo(o(n)),l=Jo(ge,{key:n.key||i&&i.key||`_${t}`},i||(s?s():[]),i&&e._===1?64:-2);return!r&&l.scopeId&&(l.slotScopeIds=[l.scopeId+"-s"]),o&&o._c&&(o._d=!0),l}function Uo(e){return e.some(t=>xn(t)?!(t.type===be||t.type===ge&&!Uo(t.children)):!0)?e:null}function cu(e,t){const n={};for(const s in e)n[t&&/[A-Z]/.test(s)?`on:${s}`:hn(s)]=e[s];return n}const _s=e=>e?ti(e)?Kn(e)||e.proxy:_s(e.parent):null,Nt=ce(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>_s(e.parent),$root:e=>_s(e.root),$emit:e=>e.emit,$options:e=>Bs(e),$forceUpdate:e=>e.f||(e.f=()=>{e.effect.dirty=!0,Fn(e.update)}),$nextTick:e=>e.n||(e.n=Nn.bind(e.proxy)),$watch:e=>Il.bind(e)}),Jn=(e,t)=>e!==ee&&!e.__isScriptSetup&&Y(e,t),Wl={get({_:e},t){const{ctx:n,setupState:s,data:r,props:o,accessCache:i,type:l,appContext:c}=e;let a;if(t[0]!=="$"){const _=i[t];if(_!==void 0)switch(_){case 1:return s[t];case 2:return r[t];case 4:return n[t];case 3:return o[t]}else{if(Jn(s,t))return i[t]=1,s[t];if(r!==ee&&Y(r,t))return i[t]=2,r[t];if((a=e.propsOptions[0])&&Y(a,t))return i[t]=3,o[t];if(n!==ee&&Y(n,t))return i[t]=4,n[t];ys&&(i[t]=0)}}const f=Nt[t];let h,p;if(f)return t==="$attrs"&&_e(e,"get",t),f(e);if((h=l.__cssModules)&&(h=h[t]))return h;if(n!==ee&&Y(n,t))return i[t]=4,n[t];if(p=c.config.globalProperties,Y(p,t))return p[t]},set({_:e},t,n){const{data:s,setupState:r,ctx:o}=e;return Jn(r,t)?(r[t]=n,!0):s!==ee&&Y(s,t)?(s[t]=n,!0):Y(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(o[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:s,appContext:r,propsOptions:o}},i){let l;return!!n[i]||e!==ee&&Y(e,i)||Jn(t,i)||(l=o[0])&&Y(l,i)||Y(s,i)||Y(Nt,i)||Y(r.config.globalProperties,i)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:Y(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function au(){return ql().slots}function ql(){const e=Vn();return e.setupContext||(e.setupContext=si(e))}function pr(e){return V(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}let ys=!0;function Gl(e){const t=Bs(e),n=e.proxy,s=e.ctx;ys=!1,t.beforeCreate&&mr(t.beforeCreate,e,"bc");const{data:r,computed:o,methods:i,watch:l,provide:c,inject:a,created:f,beforeMount:h,mounted:p,beforeUpdate:_,updated:w,activated:I,deactivated:N,beforeDestroy:B,beforeUnmount:K,destroyed:m,unmounted:y,render:M,renderTracked:O,renderTriggered:F,errorCaptured:T,serverPrefetch:D,expose:E,inheritAttrs:k,components:A,directives:G,filters:ie}=t;if(a&&zl(a,s,null),i)for(const X in i){const H=i[X];q(H)&&(s[X]=H.bind(n))}if(r){const X=r.call(n,n);Q(X)&&(e.data=Mn(X))}if(ys=!0,o)for(const X in o){const H=o[X],De=q(H)?H.bind(n,n):q(H.get)?H.get.bind(n,n):Se,Yt=!q(H)&&q(H.set)?H.set.bind(n):Se,tt=se({get:De,set:Yt});Object.defineProperty(s,X,{enumerable:!0,configurable:!0,get:()=>tt.value,set:Le=>tt.value=Le})}if(l)for(const X in l)ko(l[X],s,n,X);if(c){const X=q(c)?c.call(n):c;Reflect.ownKeys(X).forEach(H=>{ec(H,X[H])})}f&&mr(f,e,"c");function $(X,H){V(H)?H.forEach(De=>X(De.bind(n))):H&&X(H.bind(n))}if($(kl,h),$(Rt,p),$(Hl,_),$($l,w),$(Fl,I),$(Dl,N),$(Bl,T),$(Kl,O),$(Vl,F),$(Do,K),$($n,y),$(jl,D),V(E))if(E.length){const X=e.exposed||(e.exposed={});E.forEach(H=>{Object.defineProperty(X,H,{get:()=>n[H],set:De=>n[H]=De})})}else e.exposed||(e.exposed={});M&&e.render===Se&&(e.render=M),k!=null&&(e.inheritAttrs=k),A&&(e.components=A),G&&(e.directives=G)}function zl(e,t,n=Se){V(e)&&(e=vs(e));for(const s in e){const r=e[s];let o;Q(r)?"default"in r?o=St(r.from||s,r.default,!0):o=St(r.from||s):o=St(r),de(o)?Object.defineProperty(t,s,{enumerable:!0,configurable:!0,get:()=>o.value,set:i=>o.value=i}):t[s]=o}}function mr(e,t,n){xe(V(e)?e.map(s=>s.bind(t.proxy)):e.bind(t.proxy),t,n)}function ko(e,t,n,s){const r=s.includes(".")?Io(n,s):()=>n[s];if(ne(e)){const o=t[e];q(o)&&He(r,o)}else if(q(e))He(r,e.bind(n));else if(Q(e))if(V(e))e.forEach(o=>ko(o,t,n,s));else{const o=q(e.handler)?e.handler.bind(n):t[e.handler];q(o)&&He(r,o,e)}}function Bs(e){const t=e.type,{mixins:n,extends:s}=t,{mixins:r,optionsCache:o,config:{optionMergeStrategies:i}}=e.appContext,l=o.get(t);let c;return l?c=l:!r.length&&!n&&!s?c=t:(c={},r.length&&r.forEach(a=>Cn(c,a,i,!0)),Cn(c,t,i)),Q(t)&&o.set(t,c),c}function Cn(e,t,n,s=!1){const{mixins:r,extends:o}=t;o&&Cn(e,o,n,!0),r&&r.forEach(i=>Cn(e,i,n,!0));for(const i in t)if(!(s&&i==="expose")){const l=Xl[i]||n&&n[i];e[i]=l?l(e[i],t[i]):t[i]}return e}const Xl={data:gr,props:_r,emits:_r,methods:It,computed:It,beforeCreate:pe,created:pe,beforeMount:pe,mounted:pe,beforeUpdate:pe,updated:pe,beforeDestroy:pe,beforeUnmount:pe,destroyed:pe,unmounted:pe,activated:pe,deactivated:pe,errorCaptured:pe,serverPrefetch:pe,components:It,directives:It,watch:Jl,provide:gr,inject:Yl};function gr(e,t){return t?e?function(){return ce(q(e)?e.call(this,this):e,q(t)?t.call(this,this):t)}:t:e}function Yl(e,t){return It(vs(e),vs(t))}function vs(e){if(V(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function pe(e,t){return e?[...new Set([].concat(e,t))]:t}function It(e,t){return e?ce(Object.create(null),e,t):t}function _r(e,t){return e?V(e)&&V(t)?[...new Set([...e,...t])]:ce(Object.create(null),pr(e),pr(t??{})):t}function Jl(e,t){if(!e)return t;if(!t)return e;const n=ce(Object.create(null),e);for(const s in t)n[s]=pe(e[s],t[s]);return n}function Ho(){return{app:null,config:{isNativeTag:Ti,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let Zl=0;function Ql(e,t){return function(s,r=null){q(s)||(s=ce({},s)),r!=null&&!Q(r)&&(r=null);const o=Ho(),i=new WeakSet;let l=!1;const c=o.app={_uid:Zl++,_component:s,_props:r,_container:null,_context:o,_instance:null,version:Ac,get config(){return o.config},set config(a){},use(a,...f){return i.has(a)||(a&&q(a.install)?(i.add(a),a.install(c,...f)):q(a)&&(i.add(a),a(c,...f))),c},mixin(a){return o.mixins.includes(a)||o.mixins.push(a),c},component(a,f){return f?(o.components[a]=f,c):o.components[a]},directive(a,f){return f?(o.directives[a]=f,c):o.directives[a]},mount(a,f,h){if(!l){const p=oe(s,r);return p.appContext=o,h===!0?h="svg":h===!1&&(h=void 0),f&&t?t(p,a):e(p,a,h),l=!0,c._container=a,a.__vue_app__=c,Kn(p.component)||p.component.proxy}},unmount(){l&&(e(null,c._container),delete c._container.__vue_app__)},provide(a,f){return o.provides[a]=f,c},runWithContext(a){const f=Ft;Ft=c;try{return a()}finally{Ft=f}}};return c}}let Ft=null;function ec(e,t){if(ue){let n=ue.provides;const s=ue.parent&&ue.parent.provides;s===n&&(n=ue.provides=Object.create(s)),n[e]=t}}function St(e,t,n=!1){const s=ue||le;if(s||Ft){const r=s?s.parent==null?s.vnode.appContext&&s.vnode.appContext.provides:s.parent.provides:Ft._context.provides;if(r&&e in r)return r[e];if(arguments.length>1)return n&&q(t)?t.call(s&&s.proxy):t}}function tc(e,t,n,s=!1){const r={},o={};yn(o,jn,1),e.propsDefaults=Object.create(null),$o(e,t,r,o);for(const i in e.propsOptions[0])i in r||(r[i]=void 0);n?e.props=s?r:ll(r):e.type.props?e.props=r:e.props=o,e.attrs=o}function nc(e,t,n,s){const{props:r,attrs:o,vnode:{patchFlag:i}}=e,l=J(r),[c]=e.propsOptions;let a=!1;if((s||i>0)&&!(i&16)){if(i&8){const f=e.vnode.dynamicProps;for(let h=0;h<f.length;h++){let p=f[h];if(Dn(e.emitsOptions,p))continue;const _=t[p];if(c)if(Y(o,p))_!==o[p]&&(o[p]=_,a=!0);else{const w=Fe(p);r[w]=bs(c,l,w,_,e,!1)}else _!==o[p]&&(o[p]=_,a=!0)}}}else{$o(e,t,r,o)&&(a=!0);let f;for(const h in l)(!t||!Y(t,h)&&((f=ft(h))===h||!Y(t,f)))&&(c?n&&(n[h]!==void 0||n[f]!==void 0)&&(r[h]=bs(c,l,h,void 0,e,!0)):delete r[h]);if(o!==l)for(const h in o)(!t||!Y(t,h))&&(delete o[h],a=!0)}a&&ke(e,"set","$attrs")}function $o(e,t,n,s){const[r,o]=e.propsOptions;let i=!1,l;if(t)for(let c in t){if(bt(c))continue;const a=t[c];let f;r&&Y(r,f=Fe(c))?!o||!o.includes(f)?n[f]=a:(l||(l={}))[f]=a:Dn(e.emitsOptions,c)||(!(c in s)||a!==s[c])&&(s[c]=a,i=!0)}if(o){const c=J(n),a=l||ee;for(let f=0;f<o.length;f++){const h=o[f];n[h]=bs(r,c,h,a[h],e,!Y(a,h))}}return i}function bs(e,t,n,s,r,o){const i=e[n];if(i!=null){const l=Y(i,"default");if(l&&s===void 0){const c=i.default;if(i.type!==Function&&!i.skipFactory&&q(c)){const{propsDefaults:a}=r;if(n in a)s=a[n];else{const f=zt(r);s=a[n]=c.call(null,t),f()}}else s=c}i[0]&&(o&&!l?s=!1:i[1]&&(s===""||s===ft(n))&&(s=!0))}return s}function jo(e,t,n=!1){const s=t.propsCache,r=s.get(e);if(r)return r;const o=e.props,i={},l=[];let c=!1;if(!q(e)){const f=h=>{c=!0;const[p,_]=jo(h,t,!0);ce(i,p),_&&l.push(..._)};!n&&t.mixins.length&&t.mixins.forEach(f),e.extends&&f(e.extends),e.mixins&&e.mixins.forEach(f)}if(!o&&!c)return Q(e)&&s.set(e,yt),yt;if(V(o))for(let f=0;f<o.length;f++){const h=Fe(o[f]);yr(h)&&(i[h]=ee)}else if(o)for(const f in o){const h=Fe(f);if(yr(h)){const p=o[f],_=i[h]=V(p)||q(p)?{type:p}:ce({},p);if(_){const w=wr(Boolean,_.type),I=wr(String,_.type);_[0]=w>-1,_[1]=I<0||w<I,(w>-1||Y(_,"default"))&&l.push(h)}}}const a=[i,l];return Q(e)&&s.set(e,a),a}function yr(e){return e[0]!=="$"&&!bt(e)}function vr(e){return e===null?"null":typeof e=="function"?e.name||"":typeof e=="object"&&e.constructor&&e.constructor.name||""}function br(e,t){return vr(e)===vr(t)}function wr(e,t){return V(t)?t.findIndex(n=>br(n,e)):q(t)&&br(t,e)?0:-1}const Vo=e=>e[0]==="_"||e==="$stable",Ws=e=>V(e)?e.map(Re):[Re(e)],sc=(e,t,n)=>{if(t._n)return t;const s=Cl((...r)=>Ws(t(...r)),n);return s._c=!1,s},Ko=(e,t,n)=>{const s=e._ctx;for(const r in e){if(Vo(r))continue;const o=e[r];if(q(o))t[r]=sc(r,o,s);else if(o!=null){const i=Ws(o);t[r]=()=>i}}},Bo=(e,t)=>{const n=Ws(t);e.slots.default=()=>n},rc=(e,t)=>{if(e.vnode.shapeFlag&32){const n=t._;n?(e.slots=J(t),yn(t,"_",n)):Ko(t,e.slots={})}else e.slots={},t&&Bo(e,t);yn(e.slots,jn,1)},oc=(e,t,n)=>{const{vnode:s,slots:r}=e;let o=!0,i=ee;if(s.shapeFlag&32){const l=t._;l?n&&l===1?o=!1:(ce(r,t),!n&&l===1&&delete r._):(o=!t.$stable,Ko(t,r)),i=t}else t&&(Bo(e,t),i={default:1});if(o)for(const l in r)!Vo(l)&&i[l]==null&&delete r[l]};function Sn(e,t,n,s,r=!1){if(V(e)){e.forEach((p,_)=>Sn(p,t&&(V(t)?t[_]:t),n,s,r));return}if(Ct(s)&&!r)return;const o=s.shapeFlag&4?Kn(s.component)||s.component.proxy:s.el,i=r?null:o,{i:l,r:c}=e,a=t&&t.r,f=l.refs===ee?l.refs={}:l.refs,h=l.setupState;if(a!=null&&a!==c&&(ne(a)?(f[a]=null,Y(h,a)&&(h[a]=null)):de(a)&&(a.value=null)),q(c))Je(c,l,12,[i,f]);else{const p=ne(c),_=de(c);if(p||_){const w=()=>{if(e.f){const I=p?Y(h,c)?h[c]:f[c]:c.value;r?V(I)&&As(I,o):V(I)?I.includes(o)||I.push(o):p?(f[c]=[o],Y(h,c)&&(h[c]=f[c])):(c.value=[o],e.k&&(f[e.k]=c.value))}else p?(f[c]=i,Y(h,c)&&(h[c]=i)):_&&(c.value=i,e.k&&(f[e.k]=i))};i?(w.id=-1,me(w,n)):w()}}}let Ke=!1;const ic=e=>e.namespaceURI.includes("svg")&&e.tagName!=="foreignObject",lc=e=>e.namespaceURI.includes("MathML"),on=e=>{if(ic(e))return"svg";if(lc(e))return"mathml"},ln=e=>e.nodeType===8;function cc(e){const{mt:t,p:n,o:{patchProp:s,createText:r,nextSibling:o,parentNode:i,remove:l,insert:c,createComment:a}}=e,f=(m,y)=>{if(!y.hasChildNodes()){n(null,m,y),wn(),y._vnode=m;return}Ke=!1,h(y.firstChild,m,null,null,null),wn(),y._vnode=m,Ke&&console.error("Hydration completed but contains mismatches.")},h=(m,y,M,O,F,T=!1)=>{const D=ln(m)&&m.data==="[",E=()=>I(m,y,M,O,F,D),{type:k,ref:A,shapeFlag:G,patchFlag:ie}=y;let fe=m.nodeType;y.el=m,ie===-2&&(T=!1,y.dynamicChildren=null);let $=null;switch(k){case Tt:fe!==3?y.children===""?(c(y.el=r(""),i(m),m),$=m):$=E():(m.data!==y.children&&(Ke=!0,m.data=y.children),$=o(m));break;case be:K(m)?($=o(m),B(y.el=m.content.firstChild,m,M)):fe!==8||D?$=E():$=o(m);break;case Ut:if(D&&(m=o(m),fe=m.nodeType),fe===1||fe===3){$=m;const X=!y.children.length;for(let H=0;H<y.staticCount;H++)X&&(y.children+=$.nodeType===1?$.outerHTML:$.data),H===y.staticCount-1&&(y.anchor=$),$=o($);return D?o($):$}else E();break;case ge:D?$=w(m,y,M,O,F,T):$=E();break;default:if(G&1)(fe!==1||y.type.toLowerCase()!==m.tagName.toLowerCase())&&!K(m)?$=E():$=p(m,y,M,O,F,T);else if(G&6){y.slotScopeIds=F;const X=i(m);if(D?$=N(m):ln(m)&&m.data==="teleport start"?$=N(m,m.data,"teleport end"):$=o(m),t(y,X,null,M,O,on(X),T),Ct(y)){let H;D?(H=oe(ge),H.anchor=$?$.previousSibling:X.lastChild):H=m.nodeType===3?ei(""):oe("div"),H.el=m,y.component.subTree=H}}else G&64?fe!==8?$=E():$=y.type.hydrate(m,y,M,O,F,T,e,_):G&128&&($=y.type.hydrate(m,y,M,O,on(i(m)),F,T,e,h))}return A!=null&&Sn(A,null,O,y),$},p=(m,y,M,O,F,T)=>{T=T||!!y.dynamicChildren;const{type:D,props:E,patchFlag:k,shapeFlag:A,dirs:G,transition:ie}=y,fe=D==="input"||D==="option";if(fe||k!==-1){G&&Me(y,null,M,"created");let $=!1;if(K(m)){$=qo(O,ie)&&M&&M.vnode.props&&M.vnode.props.appear;const H=m.content.firstChild;$&&ie.beforeEnter(H),B(H,m,M),y.el=m=H}if(A&16&&!(E&&(E.innerHTML||E.textContent))){let H=_(m.firstChild,y,m,M,O,F,T);for(;H;){Ke=!0;const De=H;H=H.nextSibling,l(De)}}else A&8&&m.textContent!==y.children&&(Ke=!0,m.textContent=y.children);if(E)if(fe||!T||k&48)for(const H in E)(fe&&(H.endsWith("value")||H==="indeterminate")||Wt(H)&&!bt(H)||H[0]===".")&&s(m,H,null,E[H],void 0,void 0,M);else E.onClick&&s(m,"onClick",null,E.onClick,void 0,void 0,M);let X;(X=E&&E.onVnodeBeforeMount)&&Ee(X,M,y),G&&Me(y,null,M,"beforeMount"),((X=E&&E.onVnodeMounted)||G||$)&&Lo(()=>{X&&Ee(X,M,y),$&&ie.enter(m),G&&Me(y,null,M,"mounted")},O)}return m.nextSibling},_=(m,y,M,O,F,T,D)=>{D=D||!!y.dynamicChildren;const E=y.children,k=E.length;for(let A=0;A<k;A++){const G=D?E[A]:E[A]=Re(E[A]);if(m)m=h(m,G,O,F,T,D);else{if(G.type===Tt&&!G.children)continue;Ke=!0,n(null,G,M,null,O,F,on(M),T)}}return m},w=(m,y,M,O,F,T)=>{const{slotScopeIds:D}=y;D&&(F=F?F.concat(D):D);const E=i(m),k=_(o(m),y,E,M,O,F,T);return k&&ln(k)&&k.data==="]"?o(y.anchor=k):(Ke=!0,c(y.anchor=a("]"),E,k),k)},I=(m,y,M,O,F,T)=>{if(Ke=!0,y.el=null,T){const k=N(m);for(;;){const A=o(m);if(A&&A!==k)l(A);else break}}const D=o(m),E=i(m);return l(m),n(null,y,E,D,M,O,on(E),F),D},N=(m,y="[",M="]")=>{let O=0;for(;m;)if(m=o(m),m&&ln(m)&&(m.data===y&&O++,m.data===M)){if(O===0)return o(m);O--}return m},B=(m,y,M)=>{const O=y.parentNode;O&&O.replaceChild(m,y);let F=M;for(;F;)F.vnode.el===y&&(F.vnode.el=F.subTree.el=m),F=F.parent},K=m=>m.nodeType===1&&m.tagName.toLowerCase()==="template";return[f,h]}const me=Lo;function ac(e){return Wo(e)}function uc(e){return Wo(e,cc)}function Wo(e,t){const n=so();n.__VUE__=!0;const{insert:s,remove:r,patchProp:o,createElement:i,createText:l,createComment:c,setText:a,setElementText:f,parentNode:h,nextSibling:p,setScopeId:_=Se,insertStaticContent:w}=e,I=(u,d,g,v=null,b=null,x=null,L=void 0,S=null,R=!!d.dynamicChildren)=>{if(u===d)return;u&&!it(u,d)&&(v=Jt(u),Le(u,b,x,!0),u=null),d.patchFlag===-2&&(R=!1,d.dynamicChildren=null);const{type:C,ref:P,shapeFlag:j}=d;switch(C){case Tt:N(u,d,g,v);break;case be:B(u,d,g,v);break;case Ut:u==null&&K(d,g,v,L);break;case ge:A(u,d,g,v,b,x,L,S,R);break;default:j&1?M(u,d,g,v,b,x,L,S,R):j&6?G(u,d,g,v,b,x,L,S,R):(j&64||j&128)&&C.process(u,d,g,v,b,x,L,S,R,pt)}P!=null&&b&&Sn(P,u&&u.ref,x,d||u,!d)},N=(u,d,g,v)=>{if(u==null)s(d.el=l(d.children),g,v);else{const b=d.el=u.el;d.children!==u.children&&a(b,d.children)}},B=(u,d,g,v)=>{u==null?s(d.el=c(d.children||""),g,v):d.el=u.el},K=(u,d,g,v)=>{[u.el,u.anchor]=w(u.children,d,g,v,u.el,u.anchor)},m=({el:u,anchor:d},g,v)=>{let b;for(;u&&u!==d;)b=p(u),s(u,g,v),u=b;s(d,g,v)},y=({el:u,anchor:d})=>{let g;for(;u&&u!==d;)g=p(u),r(u),u=g;r(d)},M=(u,d,g,v,b,x,L,S,R)=>{d.type==="svg"?L="svg":d.type==="math"&&(L="mathml"),u==null?O(d,g,v,b,x,L,S,R):D(u,d,b,x,L,S,R)},O=(u,d,g,v,b,x,L,S)=>{let R,C;const{props:P,shapeFlag:j,transition:U,dirs:W}=u;if(R=u.el=i(u.type,x,P&&P.is,P),j&8?f(R,u.children):j&16&&T(u.children,R,null,v,b,Zn(u,x),L,S),W&&Me(u,null,v,"created"),F(R,u,u.scopeId,L,v),P){for(const Z in P)Z!=="value"&&!bt(Z)&&o(R,Z,null,P[Z],x,u.children,v,b,Ue);"value"in P&&o(R,"value",null,P.value,x),(C=P.onVnodeBeforeMount)&&Ee(C,v,u)}W&&Me(u,null,v,"beforeMount");const z=qo(b,U);z&&U.beforeEnter(R),s(R,d,g),((C=P&&P.onVnodeMounted)||z||W)&&me(()=>{C&&Ee(C,v,u),z&&U.enter(R),W&&Me(u,null,v,"mounted")},b)},F=(u,d,g,v,b)=>{if(g&&_(u,g),v)for(let x=0;x<v.length;x++)_(u,v[x]);if(b){let x=b.subTree;if(d===x){const L=b.vnode;F(u,L,L.scopeId,L.slotScopeIds,b.parent)}}},T=(u,d,g,v,b,x,L,S,R=0)=>{for(let C=R;C<u.length;C++){const P=u[C]=S?ze(u[C]):Re(u[C]);I(null,P,d,g,v,b,x,L,S)}},D=(u,d,g,v,b,x,L)=>{const S=d.el=u.el;let{patchFlag:R,dynamicChildren:C,dirs:P}=d;R|=u.patchFlag&16;const j=u.props||ee,U=d.props||ee;let W;if(g&&nt(g,!1),(W=U.onVnodeBeforeUpdate)&&Ee(W,g,d,u),P&&Me(d,u,g,"beforeUpdate"),g&&nt(g,!0),C?E(u.dynamicChildren,C,S,g,v,Zn(d,b),x):L||H(u,d,S,null,g,v,Zn(d,b),x,!1),R>0){if(R&16)k(S,d,j,U,g,v,b);else if(R&2&&j.class!==U.class&&o(S,"class",null,U.class,b),R&4&&o(S,"style",j.style,U.style,b),R&8){const z=d.dynamicProps;for(let Z=0;Z<z.length;Z++){const te=z[Z],ae=j[te],Ae=U[te];(Ae!==ae||te==="value")&&o(S,te,ae,Ae,b,u.children,g,v,Ue)}}R&1&&u.children!==d.children&&f(S,d.children)}else!L&&C==null&&k(S,d,j,U,g,v,b);((W=U.onVnodeUpdated)||P)&&me(()=>{W&&Ee(W,g,d,u),P&&Me(d,u,g,"updated")},v)},E=(u,d,g,v,b,x,L)=>{for(let S=0;S<d.length;S++){const R=u[S],C=d[S],P=R.el&&(R.type===ge||!it(R,C)||R.shapeFlag&70)?h(R.el):g;I(R,C,P,null,v,b,x,L,!0)}},k=(u,d,g,v,b,x,L)=>{if(g!==v){if(g!==ee)for(const S in g)!bt(S)&&!(S in v)&&o(u,S,g[S],null,L,d.children,b,x,Ue);for(const S in v){if(bt(S))continue;const R=v[S],C=g[S];R!==C&&S!=="value"&&o(u,S,C,R,L,d.children,b,x,Ue)}"value"in v&&o(u,"value",g.value,v.value,L)}},A=(u,d,g,v,b,x,L,S,R)=>{const C=d.el=u?u.el:l(""),P=d.anchor=u?u.anchor:l("");let{patchFlag:j,dynamicChildren:U,slotScopeIds:W}=d;W&&(S=S?S.concat(W):W),u==null?(s(C,g,v),s(P,g,v),T(d.children||[],g,P,b,x,L,S,R)):j>0&&j&64&&U&&u.dynamicChildren?(E(u.dynamicChildren,U,g,b,x,L,S),(d.key!=null||b&&d===b.subTree)&&qs(u,d,!0)):H(u,d,g,P,b,x,L,S,R)},G=(u,d,g,v,b,x,L,S,R)=>{d.slotScopeIds=S,u==null?d.shapeFlag&512?b.ctx.activate(d,g,v,L,R):ie(d,g,v,b,x,L,R):fe(u,d,R)},ie=(u,d,g,v,b,x,L)=>{const S=u.component=wc(u,v,b);if(Gt(u)&&(S.ctx.renderer=pt),Ec(S),S.asyncDep){if(b&&b.registerDep(S,$),!u.el){const R=S.subTree=oe(be);B(null,R,d,g)}}else $(S,u,d,g,b,x,L)},fe=(u,d,g)=>{const v=d.component=u.component;if(Tl(u,d,g))if(v.asyncDep&&!v.asyncResolved){X(v,d,g);return}else v.next=d,vl(v.update),v.effect.dirty=!0,v.update();else d.el=u.el,v.vnode=d},$=(u,d,g,v,b,x,L)=>{const S=()=>{if(u.isMounted){let{next:P,bu:j,u:U,parent:W,vnode:z}=u;{const mt=Go(u);if(mt){P&&(P.el=z.el,X(u,P,L)),mt.asyncDep.then(()=>{u.isUnmounted||S()});return}}let Z=P,te;nt(u,!1),P?(P.el=z.el,X(u,P,L)):P=z,j&&pn(j),(te=P.props&&P.props.onVnodeBeforeUpdate)&&Ee(te,W,P,z),nt(u,!0);const ae=zn(u),Ae=u.subTree;u.subTree=ae,I(Ae,ae,h(Ae.el),Jt(Ae),u,b,x),P.el=ae.el,Z===null&&Al(u,ae.el),U&&me(U,b),(te=P.props&&P.props.onVnodeUpdated)&&me(()=>Ee(te,W,P,z),b)}else{let P;const{el:j,props:U}=d,{bm:W,m:z,parent:Z}=u,te=Ct(d);if(nt(u,!1),W&&pn(W),!te&&(P=U&&U.onVnodeBeforeMount)&&Ee(P,Z,d),nt(u,!0),j&&qn){const ae=()=>{u.subTree=zn(u),qn(j,u.subTree,u,b,null)};te?d.type.__asyncLoader().then(()=>!u.isUnmounted&&ae()):ae()}else{const ae=u.subTree=zn(u);I(null,ae,g,v,u,b,x),d.el=ae.el}if(z&&me(z,b),!te&&(P=U&&U.onVnodeMounted)){const ae=d;me(()=>Ee(P,Z,ae),b)}(d.shapeFlag&256||Z&&Ct(Z.vnode)&&Z.vnode.shapeFlag&256)&&u.a&&me(u.a,b),u.isMounted=!0,d=g=v=null}},R=u.effect=new Is(S,Se,()=>Fn(C),u.scope),C=u.update=()=>{R.dirty&&R.run()};C.id=u.uid,nt(u,!0),C()},X=(u,d,g)=>{d.component=u;const v=u.vnode.props;u.vnode=d,u.next=null,nc(u,d.props,v,g),oc(u,d.children,g),dt(),ur(u),ht()},H=(u,d,g,v,b,x,L,S,R=!1)=>{const C=u&&u.children,P=u?u.shapeFlag:0,j=d.children,{patchFlag:U,shapeFlag:W}=d;if(U>0){if(U&128){Yt(C,j,g,v,b,x,L,S,R);return}else if(U&256){De(C,j,g,v,b,x,L,S,R);return}}W&8?(P&16&&Ue(C,b,x),j!==C&&f(g,j)):P&16?W&16?Yt(C,j,g,v,b,x,L,S,R):Ue(C,b,x,!0):(P&8&&f(g,""),W&16&&T(j,g,v,b,x,L,S,R))},De=(u,d,g,v,b,x,L,S,R)=>{u=u||yt,d=d||yt;const C=u.length,P=d.length,j=Math.min(C,P);let U;for(U=0;U<j;U++){const W=d[U]=R?ze(d[U]):Re(d[U]);I(u[U],W,g,null,b,x,L,S,R)}C>P?Ue(u,b,x,!0,!1,j):T(d,g,v,b,x,L,S,R,j)},Yt=(u,d,g,v,b,x,L,S,R)=>{let C=0;const P=d.length;let j=u.length-1,U=P-1;for(;C<=j&&C<=U;){const W=u[C],z=d[C]=R?ze(d[C]):Re(d[C]);if(it(W,z))I(W,z,g,null,b,x,L,S,R);else break;C++}for(;C<=j&&C<=U;){const W=u[j],z=d[U]=R?ze(d[U]):Re(d[U]);if(it(W,z))I(W,z,g,null,b,x,L,S,R);else break;j--,U--}if(C>j){if(C<=U){const W=U+1,z=W<P?d[W].el:v;for(;C<=U;)I(null,d[C]=R?ze(d[C]):Re(d[C]),g,z,b,x,L,S,R),C++}}else if(C>U)for(;C<=j;)Le(u[C],b,x,!0),C++;else{const W=C,z=C,Z=new Map;for(C=z;C<=U;C++){const ye=d[C]=R?ze(d[C]):Re(d[C]);ye.key!=null&&Z.set(ye.key,C)}let te,ae=0;const Ae=U-z+1;let mt=!1,Qs=0;const Ot=new Array(Ae);for(C=0;C<Ae;C++)Ot[C]=0;for(C=W;C<=j;C++){const ye=u[C];if(ae>=Ae){Le(ye,b,x,!0);continue}let Ie;if(ye.key!=null)Ie=Z.get(ye.key);else for(te=z;te<=U;te++)if(Ot[te-z]===0&&it(ye,d[te])){Ie=te;break}Ie===void 0?Le(ye,b,x,!0):(Ot[Ie-z]=C+1,Ie>=Qs?Qs=Ie:mt=!0,I(ye,d[Ie],g,null,b,x,L,S,R),ae++)}const er=mt?fc(Ot):yt;for(te=er.length-1,C=Ae-1;C>=0;C--){const ye=z+C,Ie=d[ye],tr=ye+1<P?d[ye+1].el:v;Ot[C]===0?I(null,Ie,g,tr,b,x,L,S,R):mt&&(te<0||C!==er[te]?tt(Ie,g,tr,2):te--)}}},tt=(u,d,g,v,b=null)=>{const{el:x,type:L,transition:S,children:R,shapeFlag:C}=u;if(C&6){tt(u.component.subTree,d,g,v);return}if(C&128){u.suspense.move(d,g,v);return}if(C&64){L.move(u,d,g,pt);return}if(L===ge){s(x,d,g);for(let j=0;j<R.length;j++)tt(R[j],d,g,v);s(u.anchor,d,g);return}if(L===Ut){m(u,d,g);return}if(v!==2&&C&1&&S)if(v===0)S.beforeEnter(x),s(x,d,g),me(()=>S.enter(x),b);else{const{leave:j,delayLeave:U,afterLeave:W}=S,z=()=>s(x,d,g),Z=()=>{j(x,()=>{z(),W&&W()})};U?U(x,z,Z):Z()}else s(x,d,g)},Le=(u,d,g,v=!1,b=!1)=>{const{type:x,props:L,ref:S,children:R,dynamicChildren:C,shapeFlag:P,patchFlag:j,dirs:U}=u;if(S!=null&&Sn(S,null,g,u,!0),P&256){d.ctx.deactivate(u);return}const W=P&1&&U,z=!Ct(u);let Z;if(z&&(Z=L&&L.onVnodeBeforeUnmount)&&Ee(Z,d,u),P&6)xi(u.component,g,v);else{if(P&128){u.suspense.unmount(g,v);return}W&&Me(u,null,d,"beforeUnmount"),P&64?u.type.remove(u,d,g,b,pt,v):C&&(x!==ge||j>0&&j&64)?Ue(C,d,g,!1,!0):(x===ge&&j&384||!b&&P&16)&&Ue(R,d,g),v&&Js(u)}(z&&(Z=L&&L.onVnodeUnmounted)||W)&&me(()=>{Z&&Ee(Z,d,u),W&&Me(u,null,d,"unmounted")},g)},Js=u=>{const{type:d,el:g,anchor:v,transition:b}=u;if(d===ge){Si(g,v);return}if(d===Ut){y(u);return}const x=()=>{r(g),b&&!b.persisted&&b.afterLeave&&b.afterLeave()};if(u.shapeFlag&1&&b&&!b.persisted){const{leave:L,delayLeave:S}=b,R=()=>L(g,x);S?S(u.el,x,R):R()}else x()},Si=(u,d)=>{let g;for(;u!==d;)g=p(u),r(u),u=g;r(d)},xi=(u,d,g)=>{const{bum:v,scope:b,update:x,subTree:L,um:S}=u;v&&pn(v),b.stop(),x&&(x.active=!1,Le(L,u,d,g)),S&&me(S,d),me(()=>{u.isUnmounted=!0},d),d&&d.pendingBranch&&!d.isUnmounted&&u.asyncDep&&!u.asyncResolved&&u.suspenseId===d.pendingId&&(d.deps--,d.deps===0&&d.resolve())},Ue=(u,d,g,v=!1,b=!1,x=0)=>{for(let L=x;L<u.length;L++)Le(u[L],d,g,v,b)},Jt=u=>u.shapeFlag&6?Jt(u.component.subTree):u.shapeFlag&128?u.suspense.next():p(u.anchor||u.el);let Bn=!1;const Zs=(u,d,g)=>{u==null?d._vnode&&Le(d._vnode,null,null,!0):I(d._vnode||null,u,d,null,null,null,g),Bn||(Bn=!0,ur(),wn(),Bn=!1),d._vnode=u},pt={p:I,um:Le,m:tt,r:Js,mt:ie,mc:T,pc:H,pbc:E,n:Jt,o:e};let Wn,qn;return t&&([Wn,qn]=t(pt)),{render:Zs,hydrate:Wn,createApp:Ql(Zs,Wn)}}function Zn({type:e,props:t},n){return n==="svg"&&e==="foreignObject"||n==="mathml"&&e==="annotation-xml"&&t&&t.encoding&&t.encoding.includes("html")?void 0:n}function nt({effect:e,update:t},n){e.allowRecurse=t.allowRecurse=n}function qo(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function qs(e,t,n=!1){const s=e.children,r=t.children;if(V(s)&&V(r))for(let o=0;o<s.length;o++){const i=s[o];let l=r[o];l.shapeFlag&1&&!l.dynamicChildren&&((l.patchFlag<=0||l.patchFlag===32)&&(l=r[o]=ze(r[o]),l.el=i.el),n||qs(i,l)),l.type===Tt&&(l.el=i.el)}}function fc(e){const t=e.slice(),n=[0];let s,r,o,i,l;const c=e.length;for(s=0;s<c;s++){const a=e[s];if(a!==0){if(r=n[n.length-1],e[r]<a){t[s]=r,n.push(s);continue}for(o=0,i=n.length-1;o<i;)l=o+i>>1,e[n[l]]<a?o=l+1:i=l;a<e[n[o]]&&(o>0&&(t[s]=n[o-1]),n[o]=s)}}for(o=n.length,i=n[o-1];o-- >0;)n[o]=i,i=t[i];return n}function Go(e){const t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:Go(t)}const dc=e=>e.__isTeleport,Dt=e=>e&&(e.disabled||e.disabled===""),Er=e=>typeof SVGElement<"u"&&e instanceof SVGElement,Cr=e=>typeof MathMLElement=="function"&&e instanceof MathMLElement,ws=(e,t)=>{const n=e&&e.to;return ne(n)?t?t(n):null:n},hc={name:"Teleport",__isTeleport:!0,process(e,t,n,s,r,o,i,l,c,a){const{mc:f,pc:h,pbc:p,o:{insert:_,querySelector:w,createText:I,createComment:N}}=a,B=Dt(t.props);let{shapeFlag:K,children:m,dynamicChildren:y}=t;if(e==null){const M=t.el=I(""),O=t.anchor=I("");_(M,n,s),_(O,n,s);const F=t.target=ws(t.props,w),T=t.targetAnchor=I("");F&&(_(T,F),i==="svg"||Er(F)?i="svg":(i==="mathml"||Cr(F))&&(i="mathml"));const D=(E,k)=>{K&16&&f(m,E,k,r,o,i,l,c)};B?D(n,O):F&&D(F,T)}else{t.el=e.el;const M=t.anchor=e.anchor,O=t.target=e.target,F=t.targetAnchor=e.targetAnchor,T=Dt(e.props),D=T?n:O,E=T?M:F;if(i==="svg"||Er(O)?i="svg":(i==="mathml"||Cr(O))&&(i="mathml"),y?(p(e.dynamicChildren,y,D,r,o,i,l),qs(e,t,!0)):c||h(e,t,D,E,r,o,i,l,!1),B)T?t.props&&e.props&&t.props.to!==e.props.to&&(t.props.to=e.props.to):cn(t,n,M,a,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const k=t.target=ws(t.props,w);k&&cn(t,k,null,a,0)}else T&&cn(t,O,F,a,1)}zo(t)},remove(e,t,n,s,{um:r,o:{remove:o}},i){const{shapeFlag:l,children:c,anchor:a,targetAnchor:f,target:h,props:p}=e;if(h&&o(f),i&&o(a),l&16){const _=i||!Dt(p);for(let w=0;w<c.length;w++){const I=c[w];r(I,t,n,_,!!I.dynamicChildren)}}},move:cn,hydrate:pc};function cn(e,t,n,{o:{insert:s},m:r},o=2){o===0&&s(e.targetAnchor,t,n);const{el:i,anchor:l,shapeFlag:c,children:a,props:f}=e,h=o===2;if(h&&s(i,t,n),(!h||Dt(f))&&c&16)for(let p=0;p<a.length;p++)r(a[p],t,n,2);h&&s(l,t,n)}function pc(e,t,n,s,r,o,{o:{nextSibling:i,parentNode:l,querySelector:c}},a){const f=t.target=ws(t.props,c);if(f){const h=f._lpa||f.firstChild;if(t.shapeFlag&16)if(Dt(t.props))t.anchor=a(i(e),t,l(e),n,s,r,o),t.targetAnchor=h;else{t.anchor=i(e);let p=h;for(;p;)if(p=i(p),p&&p.nodeType===8&&p.data==="teleport anchor"){t.targetAnchor=p,f._lpa=t.targetAnchor&&i(t.targetAnchor);break}a(h,t,f,n,s,r,o)}zo(t)}return t.anchor&&i(t.anchor)}const uu=hc;function zo(e){const t=e.ctx;if(t&&t.ut){let n=e.children[0].el;for(;n&&n!==e.targetAnchor;)n.nodeType===1&&n.setAttribute("data-v-owner",t.uid),n=n.nextSibling;t.ut()}}const ge=Symbol.for("v-fgt"),Tt=Symbol.for("v-txt"),be=Symbol.for("v-cmt"),Ut=Symbol.for("v-stc"),kt=[];let Oe=null;function Xo(e=!1){kt.push(Oe=e?null:[])}function mc(){kt.pop(),Oe=kt[kt.length-1]||null}let Kt=1;function Sr(e){Kt+=e}function Yo(e){return e.dynamicChildren=Kt>0?Oe||yt:null,mc(),Kt>0&&Oe&&Oe.push(e),e}function fu(e,t,n,s,r,o){return Yo(Qo(e,t,n,s,r,o,!0))}function Jo(e,t,n,s,r){return Yo(oe(e,t,n,s,r,!0))}function xn(e){return e?e.__v_isVNode===!0:!1}function it(e,t){return e.type===t.type&&e.key===t.key}const jn="__vInternal",Zo=({key:e})=>e??null,mn=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?ne(e)||de(e)||q(e)?{i:le,r:e,k:t,f:!!n}:e:null);function Qo(e,t=null,n=null,s=0,r=null,o=e===ge?0:1,i=!1,l=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Zo(t),ref:t&&mn(t),scopeId:Un,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:o,patchFlag:s,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:le};return l?(Gs(c,n),o&128&&e.normalize(c)):n&&(c.shapeFlag|=ne(n)?8:16),Kt>0&&!i&&Oe&&(c.patchFlag>0||o&6)&&c.patchFlag!==32&&Oe.push(c),c}const oe=gc;function gc(e,t=null,n=null,s=0,r=null,o=!1){if((!e||e===Ro)&&(e=be),xn(e)){const l=et(e,t,!0);return n&&Gs(l,n),Kt>0&&!o&&Oe&&(l.shapeFlag&6?Oe[Oe.indexOf(e)]=l:Oe.push(l)),l.patchFlag|=-2,l}if(Tc(e)&&(e=e.__vccOpts),t){t=_c(t);let{class:l,style:c}=t;l&&!ne(l)&&(t.class=Ls(l)),Q(c)&&(vo(c)&&!V(c)&&(c=ce({},c)),t.style=Os(c))}const i=ne(e)?1:Rl(e)?128:dc(e)?64:Q(e)?4:q(e)?2:0;return Qo(e,t,n,s,r,i,o,!0)}function _c(e){return e?vo(e)||jn in e?ce({},e):e:null}function et(e,t,n=!1){const{props:s,ref:r,patchFlag:o,children:i}=e,l=t?yc(s||{},t):s;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&Zo(l),ref:t&&t.ref?n&&r?V(r)?r.concat(mn(t)):[r,mn(t)]:mn(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:i,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==ge?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&et(e.ssContent),ssFallback:e.ssFallback&&et(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce}}function ei(e=" ",t=0){return oe(Tt,null,e,t)}function du(e,t){const n=oe(Ut,null,e);return n.staticCount=t,n}function hu(e="",t=!1){return t?(Xo(),Jo(be,null,e)):oe(be,null,e)}function Re(e){return e==null||typeof e=="boolean"?oe(be):V(e)?oe(ge,null,e.slice()):typeof e=="object"?ze(e):oe(Tt,null,String(e))}function ze(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:et(e)}function Gs(e,t){let n=0;const{shapeFlag:s}=e;if(t==null)t=null;else if(V(t))n=16;else if(typeof t=="object")if(s&65){const r=t.default;r&&(r._c&&(r._d=!1),Gs(e,r()),r._c&&(r._d=!0));return}else{n=32;const r=t._;!r&&!(jn in t)?t._ctx=le:r===3&&le&&(le.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else q(t)?(t={default:t,_ctx:le},n=32):(t=String(t),s&64?(n=16,t=[ei(t)]):n=8);e.children=t,e.shapeFlag|=n}function yc(...e){const t={};for(let n=0;n<e.length;n++){const s=e[n];for(const r in s)if(r==="class")t.class!==s.class&&(t.class=Ls([t.class,s.class]));else if(r==="style")t.style=Os([t.style,s.style]);else if(Wt(r)){const o=t[r],i=s[r];i&&o!==i&&!(V(o)&&o.includes(i))&&(t[r]=o?[].concat(o,i):i)}else r!==""&&(t[r]=s[r])}return t}function Ee(e,t,n,s=null){xe(e,t,7,[n,s])}const vc=Ho();let bc=0;function wc(e,t,n){const s=e.type,r=(t?t.appContext:e.appContext)||vc,o={uid:bc++,vnode:e,type:s,parent:t,appContext:r,root:null,next:null,subTree:null,effect:null,update:null,scope:new ki(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(r.provides),accessCache:null,renderCache:[],components:null,directives:null,propsOptions:jo(s,r),emitsOptions:Ao(s,r),emit:null,emitted:null,propsDefaults:ee,inheritAttrs:s.inheritAttrs,ctx:ee,data:ee,props:ee,attrs:ee,slots:ee,refs:ee,setupState:ee,setupContext:null,attrsProxy:null,slotsProxy:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};return o.ctx={_:o},o.root=t?t.root:o,o.emit=El.bind(null,o),e.ce&&e.ce(o),o}let ue=null;const Vn=()=>ue||le;let Tn,Es;{const e=so(),t=(n,s)=>{let r;return(r=e[n])||(r=e[n]=[]),r.push(s),o=>{r.length>1?r.forEach(i=>i(o)):r[0](o)}};Tn=t("__VUE_INSTANCE_SETTERS__",n=>ue=n),Es=t("__VUE_SSR_SETTERS__",n=>Xt=n)}const zt=e=>{const t=ue;return Tn(e),e.scope.on(),()=>{e.scope.off(),Tn(t)}},xr=()=>{ue&&ue.scope.off(),Tn(null)};function ti(e){return e.vnode.shapeFlag&4}let Xt=!1;function Ec(e,t=!1){t&&Es(t);const{props:n,children:s}=e.vnode,r=ti(e);tc(e,n,r,t),rc(e,s);const o=r?Cc(e,t):void 0;return t&&Es(!1),o}function Cc(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=Mt(new Proxy(e.ctx,Wl));const{setup:s}=n;if(s){const r=e.setupContext=s.length>1?si(e):null,o=zt(e);dt();const i=Je(s,e,0,[e.props,r]);if(ht(),o(),eo(i)){if(i.then(xr,xr),t)return i.then(l=>{Tr(e,l,t)}).catch(l=>{qt(l,e,0)});e.asyncDep=i}else Tr(e,i,t)}else ni(e,t)}function Tr(e,t,n){q(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:Q(t)&&(e.setupState=Co(t)),ni(e,n)}let Ar;function ni(e,t,n){const s=e.type;if(!e.render){if(!t&&Ar&&!s.render){const r=s.template||Bs(e).template;if(r){const{isCustomElement:o,compilerOptions:i}=e.appContext.config,{delimiters:l,compilerOptions:c}=s,a=ce(ce({isCustomElement:o,delimiters:l},i),c);s.render=Ar(r,a)}}e.render=s.render||Se}{const r=zt(e);dt();try{Gl(e)}finally{ht(),r()}}}function Sc(e){return e.attrsProxy||(e.attrsProxy=new Proxy(e.attrs,{get(t,n){return _e(e,"get","$attrs"),t[n]}}))}function si(e){const t=n=>{e.exposed=n||{}};return{get attrs(){return Sc(e)},slots:e.slots,emit:e.emit,expose:t}}function Kn(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Co(Mt(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in Nt)return Nt[n](e)},has(t,n){return n in t||n in Nt}}))}function xc(e,t=!0){return q(e)?e.displayName||e.name:e.name||t&&e.__name}function Tc(e){return q(e)&&"__vccOpts"in e}const se=(e,t)=>cl(e,t,Xt);function Cs(e,t,n){const s=arguments.length;return s===2?Q(t)&&!V(t)?xn(t)?oe(e,null,[t]):oe(e,t):oe(e,null,t):(s>3?n=Array.prototype.slice.call(arguments,2):s===3&&xn(n)&&(n=[n]),oe(e,t,n))}const Ac="3.4.21";/**
+**/function Je(e,t,n,s){try{return s?e(...s):e()}catch(r){qt(r,t,n)}}function xe(e,t,n,s){if(q(e)){const o=Je(e,t,n,s);return o&&to(o)&&o.catch(i=>{qt(i,t,n)}),o}const r=[];for(let o=0;o<e.length;o++)r.push(xe(e[o],t,n,s));return r}function qt(e,t,n,s=!0){const r=t?t.vnode:null;if(t){let o=t.parent;const i=t.proxy,l=`https://vuejs.org/error-reference/#runtime-${n}`;for(;o;){const a=o.ec;if(a){for(let f=0;f<a.length;f++)if(a[f](e,i,l)===!1)return}o=o.parent}const c=t.appContext.config.errorHandler;if(c){Je(c,null,10,[e,i,l]);return}}_l(e,n,r,s)}function _l(e,t,n,s=!0){console.error(e)}let jt=!1,ps=!1;const he=[];let Pe=0;const Et=[];let qe=null,ot=0;const xo=Promise.resolve();let $s=null;function Nn(e){const t=$s||xo;return e?t.then(this?e.bind(this):e):t}function yl(e){let t=Pe+1,n=he.length;for(;t<n;){const s=t+n>>>1,r=he[s],o=Vt(r);o<e||o===e&&r.pre?t=s+1:n=s}return t}function Fn(e){(!he.length||!he.includes(e,jt&&e.allowRecurse?Pe+1:Pe))&&(e.id==null?he.push(e):he.splice(yl(e.id),0,e),To())}function To(){!jt&&!ps&&(ps=!0,$s=xo.then(Ao))}function vl(e){const t=he.indexOf(e);t>Pe&&he.splice(t,1)}function bl(e){V(e)?Et.push(...e):(!qe||!qe.includes(e,e.allowRecurse?ot+1:ot))&&Et.push(e),To()}function fr(e,t,n=jt?Pe+1:0){for(;n<he.length;n++){const s=he[n];if(s&&s.pre){if(e&&s.id!==e.uid)continue;he.splice(n,1),n--,s()}}}function wn(e){if(Et.length){const t=[...new Set(Et)].sort((n,s)=>Vt(n)-Vt(s));if(Et.length=0,qe){qe.push(...t);return}for(qe=t,ot=0;ot<qe.length;ot++)qe[ot]();qe=null,ot=0}}const Vt=e=>e.id==null?1/0:e.id,wl=(e,t)=>{const n=Vt(e)-Vt(t);if(n===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return n};function Ao(e){ps=!1,jt=!0,he.sort(wl);try{for(Pe=0;Pe<he.length;Pe++){const t=he[Pe];t&&t.active!==!1&&Je(t,null,14)}}finally{Pe=0,he.length=0,wn(),jt=!1,$s=null,(he.length||Et.length)&&Ao()}}function El(e,t,...n){if(e.isUnmounted)return;const s=e.vnode.props||ee;let r=n;const o=t.startsWith("update:"),i=o&&t.slice(7);if(i&&i in s){const f=`${i==="modelValue"?"model":i}Modifiers`,{number:h,trim:p}=s[f]||ee;p&&(r=n.map(_=>ne(_)?_.trim():_)),h&&(r=n.map(us))}let l,c=s[l=hn(t)]||s[l=hn(Fe(t))];!c&&o&&(c=s[l=hn(ft(t))]),c&&xe(c,e,6,r);const a=s[l+"Once"];if(a){if(!e.emitted)e.emitted={};else if(e.emitted[l])return;e.emitted[l]=!0,xe(a,e,6,r)}}function Ro(e,t,n=!1){const s=t.emitsCache,r=s.get(e);if(r!==void 0)return r;const o=e.emits;let i={},l=!1;if(!q(e)){const c=a=>{const f=Ro(a,t,!0);f&&(l=!0,ce(i,f))};!n&&t.mixins.length&&t.mixins.forEach(c),e.extends&&c(e.extends),e.mixins&&e.mixins.forEach(c)}return!o&&!l?(Q(e)&&s.set(e,null),null):(V(o)?o.forEach(c=>i[c]=null):ce(i,o),Q(e)&&s.set(e,i),i)}function Dn(e,t){return!e||!Wt(t)?!1:(t=t.slice(2).replace(/Once$/,""),Y(e,t[0].toLowerCase()+t.slice(1))||Y(e,ft(t))||Y(e,t))}let le=null,Un=null;function En(e){const t=le;return le=e,Un=e&&e.type.__scopeId||null,t}function Qa(e){Un=e}function eu(){Un=null}function Cl(e,t=le,n){if(!t||e._n)return e;const s=(...r)=>{s._d&&xr(-1);const o=En(t);let i;try{i=e(...r)}finally{En(o),s._d&&xr(1)}return i};return s._n=!0,s._c=!0,s._d=!0,s}function zn(e){const{type:t,vnode:n,proxy:s,withProxy:r,props:o,propsOptions:[i],slots:l,attrs:c,emit:a,render:f,renderCache:h,data:p,setupState:_,ctx:w,inheritAttrs:I}=e;let N,B;const K=En(e);try{if(n.shapeFlag&4){const y=r||s,M=y;N=Re(f.call(M,y,h,o,_,p,w)),B=c}else{const y=t;N=Re(y.length>1?y(o,{attrs:c,slots:l,emit:a}):y(o,null)),B=t.props?c:Sl(c)}}catch(y){kt.length=0,qt(y,e,1),N=oe(be)}let m=N;if(B&&I!==!1){const y=Object.keys(B),{shapeFlag:M}=m;y.length&&M&7&&(i&&y.some(Ts)&&(B=xl(B,i)),m=et(m,B))}return n.dirs&&(m=et(m),m.dirs=m.dirs?m.dirs.concat(n.dirs):n.dirs),n.transition&&(m.transition=n.transition),N=m,En(K),N}const Sl=e=>{let t;for(const n in e)(n==="class"||n==="style"||Wt(n))&&((t||(t={}))[n]=e[n]);return t},xl=(e,t)=>{const n={};for(const s in e)(!Ts(s)||!(s.slice(9)in t))&&(n[s]=e[s]);return n};function Tl(e,t,n){const{props:s,children:r,component:o}=e,{props:i,children:l,patchFlag:c}=t,a=o.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return s?dr(s,i,a):!!i;if(c&8){const f=t.dynamicProps;for(let h=0;h<f.length;h++){const p=f[h];if(i[p]!==s[p]&&!Dn(a,p))return!0}}}else return(r||l)&&(!l||!l.$stable)?!0:s===i?!1:s?i?dr(s,i,a):!0:!!i;return!1}function dr(e,t,n){const s=Object.keys(t);if(s.length!==Object.keys(e).length)return!0;for(let r=0;r<s.length;r++){const o=s[r];if(t[o]!==e[o]&&!Dn(n,o))return!0}return!1}function Al({vnode:e,parent:t},n){for(;t;){const s=t.subTree;if(s.suspense&&s.suspense.activeBranch===e&&(s.el=e.el),s===e)(e=t.vnode).el=n,t=t.parent;else break}}const js="components";function tu(e,t){return Oo(js,e,!0,t)||e}const Lo=Symbol.for("v-ndc");function nu(e){return ne(e)?Oo(js,e,!1)||e:e||Lo}function Oo(e,t,n=!0,s=!1){const r=le||ue;if(r){const o=r.type;if(e===js){const l=xc(o,!1);if(l&&(l===t||l===Fe(t)||l===On(Fe(t))))return o}const i=hr(r[e]||o[e],t)||hr(r.appContext[e],t);return!i&&s?o:i}}function hr(e,t){return e&&(e[t]||e[Fe(t)]||e[On(Fe(t))])}const Rl=e=>e.__isSuspense;function Io(e,t){t&&t.pendingBranch?V(e)?t.effects.push(...e):t.effects.push(e):bl(e)}const Ll=Symbol.for("v-scx"),Ol=()=>St(Ll);function Vs(e,t){return kn(e,null,t)}function su(e,t){return kn(e,null,{flush:"post"})}const sn={};function He(e,t,n){return kn(e,t,n)}function kn(e,t,{immediate:n,deep:s,flush:r,once:o,onTrack:i,onTrigger:l}=ee){if(t&&o){const L=t;t=(...F)=>{L(...F),M()}}const c=ue,a=L=>s===!0?L:lt(L,s===!1?1:void 0);let f,h=!1,p=!1;if(de(e)?(f=()=>e.value,h=bn(e)):wt(e)?(f=()=>a(e),h=!0):V(e)?(p=!0,h=e.some(L=>wt(L)||bn(L)),f=()=>e.map(L=>{if(de(L))return L.value;if(wt(L))return a(L);if(q(L))return Je(L,c,2)})):q(e)?t?f=()=>Je(e,c,2):f=()=>(_&&_(),xe(e,c,3,[w])):f=Se,t&&s){const L=f;f=()=>lt(L())}let _,w=L=>{_=m.onStop=()=>{Je(L,c,4),_=m.onStop=void 0}},I;if(Xt)if(w=Se,t?n&&xe(t,c,3,[f(),p?[]:void 0,w]):f(),r==="sync"){const L=Ol();I=L.__watcherHandles||(L.__watcherHandles=[])}else return Se;let N=p?new Array(e.length).fill(sn):sn;const B=()=>{if(!(!m.active||!m.dirty))if(t){const L=m.run();(s||h||(p?L.some((F,T)=>Qe(F,N[T])):Qe(L,N)))&&(_&&_(),xe(t,c,3,[L,N===sn?void 0:p&&N[0]===sn?[]:N,w]),N=L)}else m.run()};B.allowRecurse=!!t;let K;r==="sync"?K=B:r==="post"?K=()=>me(B,c&&c.suspense):(B.pre=!0,c&&(B.id=c.uid),K=()=>Fn(B));const m=new Is(f,Se,K),y=lo(),M=()=>{m.stop(),y&&As(y.effects,m)};return t?n?B():N=m.run():r==="post"?me(m.run.bind(m),c&&c.suspense):m.run(),I&&I.push(M),M}function Il(e,t,n){const s=this.proxy,r=ne(e)?e.includes(".")?Mo(s,e):()=>s[e]:e.bind(s,s);let o;q(t)?o=t:(o=t.handler,n=t);const i=zt(this),l=kn(r,o.bind(s),n);return i(),l}function Mo(e,t){const n=t.split(".");return()=>{let s=e;for(let r=0;r<n.length&&s;r++)s=s[n[r]];return s}}function lt(e,t,n=0,s){if(!Q(e)||e.__v_skip)return e;if(t&&t>0){if(n>=t)return e;n++}if(s=s||new Set,s.has(e))return e;if(s.add(e),de(e))lt(e.value,t,n,s);else if(V(e))for(let r=0;r<e.length;r++)lt(e[r],t,n,s);else if(eo(e)||vt(e))e.forEach(r=>{lt(r,t,n,s)});else if(so(e))for(const r in e)lt(e[r],t,n,s);return e}function ru(e,t){if(le===null)return e;const n=Kn(le)||le.proxy,s=e.dirs||(e.dirs=[]);for(let r=0;r<t.length;r++){let[o,i,l,c=ee]=t[r];o&&(q(o)&&(o={mounted:o,updated:o}),o.deep&&lt(i),s.push({dir:o,instance:n,value:i,oldValue:void 0,arg:l,modifiers:c}))}return e}function Me(e,t,n,s){const r=e.dirs,o=t&&t.dirs;for(let i=0;i<r.length;i++){const l=r[i];o&&(l.oldValue=o[i].value);let c=l.dir[s];c&&(dt(),xe(c,n,8,[e.el,l,e,t]),ht())}}const Ge=Symbol("_leaveCb"),rn=Symbol("_enterCb");function Ml(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return Rt(()=>{e.isMounted=!0}),Uo(()=>{e.isUnmounting=!0}),e}const we=[Function,Array],Po={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:we,onEnter:we,onAfterEnter:we,onEnterCancelled:we,onBeforeLeave:we,onLeave:we,onAfterLeave:we,onLeaveCancelled:we,onBeforeAppear:we,onAppear:we,onAfterAppear:we,onAppearCancelled:we},Pl={name:"BaseTransition",props:Po,setup(e,{slots:t}){const n=Vn(),s=Ml();return()=>{const r=t.default&&Fo(t.default(),!0);if(!r||!r.length)return;let o=r[0];if(r.length>1){for(const p of r)if(p.type!==be){o=p;break}}const i=J(e),{mode:l}=i;if(s.isLeaving)return Xn(o);const c=pr(o);if(!c)return Xn(o);const a=ms(c,i,s,n);gs(c,a);const f=n.subTree,h=f&&pr(f);if(h&&h.type!==be&&!it(c,h)){const p=ms(h,i,s,n);if(gs(h,p),l==="out-in")return s.isLeaving=!0,p.afterLeave=()=>{s.isLeaving=!1,n.update.active!==!1&&(n.effect.dirty=!0,n.update())},Xn(o);l==="in-out"&&c.type!==be&&(p.delayLeave=(_,w,I)=>{const N=No(s,h);N[String(h.key)]=h,_[Ge]=()=>{w(),_[Ge]=void 0,delete a.delayedLeave},a.delayedLeave=I})}return o}}},Nl=Pl;function No(e,t){const{leavingVNodes:n}=e;let s=n.get(t.type);return s||(s=Object.create(null),n.set(t.type,s)),s}function ms(e,t,n,s){const{appear:r,mode:o,persisted:i=!1,onBeforeEnter:l,onEnter:c,onAfterEnter:a,onEnterCancelled:f,onBeforeLeave:h,onLeave:p,onAfterLeave:_,onLeaveCancelled:w,onBeforeAppear:I,onAppear:N,onAfterAppear:B,onAppearCancelled:K}=t,m=String(e.key),y=No(n,e),M=(T,D)=>{T&&xe(T,s,9,D)},L=(T,D)=>{const E=D[1];M(T,D),V(T)?T.every(k=>k.length<=1)&&E():T.length<=1&&E()},F={mode:o,persisted:i,beforeEnter(T){let D=l;if(!n.isMounted)if(r)D=I||l;else return;T[Ge]&&T[Ge](!0);const E=y[m];E&&it(e,E)&&E.el[Ge]&&E.el[Ge](),M(D,[T])},enter(T){let D=c,E=a,k=f;if(!n.isMounted)if(r)D=N||c,E=B||a,k=K||f;else return;let A=!1;const G=T[rn]=ie=>{A||(A=!0,ie?M(k,[T]):M(E,[T]),F.delayedLeave&&F.delayedLeave(),T[rn]=void 0)};D?L(D,[T,G]):G()},leave(T,D){const E=String(e.key);if(T[rn]&&T[rn](!0),n.isUnmounting)return D();M(h,[T]);let k=!1;const A=T[Ge]=G=>{k||(k=!0,D(),G?M(w,[T]):M(_,[T]),T[Ge]=void 0,y[E]===e&&delete y[E])};y[E]=e,p?L(p,[T,A]):A()},clone(T){return ms(T,t,n,s)}};return F}function Xn(e){if(Gt(e))return e=et(e),e.children=null,e}function pr(e){return Gt(e)?e.children?e.children[0]:void 0:e}function gs(e,t){e.shapeFlag&6&&e.component?gs(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function Fo(e,t=!1,n){let s=[],r=0;for(let o=0;o<e.length;o++){let i=e[o];const l=n==null?i.key:String(n)+String(i.key!=null?i.key:o);i.type===ge?(i.patchFlag&128&&r++,s=s.concat(Fo(i.children,t,l))):(t||i.type!==be)&&s.push(l!=null?et(i,{key:l}):i)}if(r>1)for(let o=0;o<s.length;o++)s[o].patchFlag=-2;return s}/*! #__NO_SIDE_EFFECTS__ */function Ks(e,t){return q(e)?ce({name:e.name},t,{setup:e}):e}const Ct=e=>!!e.type.__asyncLoader;/*! #__NO_SIDE_EFFECTS__ */function ou(e){q(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:s,delay:r=200,timeout:o,suspensible:i=!0,onError:l}=e;let c=null,a,f=0;const h=()=>(f++,c=null,p()),p=()=>{let _;return c||(_=c=t().catch(w=>{if(w=w instanceof Error?w:new Error(String(w)),l)return new Promise((I,N)=>{l(w,()=>I(h()),()=>N(w),f+1)});throw w}).then(w=>_!==c&&c?c:(w&&(w.__esModule||w[Symbol.toStringTag]==="Module")&&(w=w.default),a=w,w)))};return Ks({name:"AsyncComponentWrapper",__asyncLoader:p,get __asyncResolved(){return a},setup(){const _=ue;if(a)return()=>Yn(a,_);const w=K=>{c=null,qt(K,_,13,!s)};if(i&&_.suspense||Xt)return p().then(K=>()=>Yn(K,_)).catch(K=>(w(K),()=>s?oe(s,{error:K}):null));const I=re(!1),N=re(),B=re(!!r);return r&&setTimeout(()=>{B.value=!1},r),o!=null&&setTimeout(()=>{if(!I.value&&!N.value){const K=new Error(`Async component timed out after ${o}ms.`);w(K),N.value=K}},o),p().then(()=>{I.value=!0,_.parent&&Gt(_.parent.vnode)&&(_.parent.effect.dirty=!0,Fn(_.parent.update))}).catch(K=>{w(K),N.value=K}),()=>{if(I.value&&a)return Yn(a,_);if(N.value&&s)return oe(s,{error:N.value});if(n&&!B.value)return oe(n)}}})}function Yn(e,t){const{ref:n,props:s,children:r,ce:o}=t.vnode,i=oe(e,s,r);return i.ref=n,i.ce=o,delete t.vnode.ce,i}const Gt=e=>e.type.__isKeepAlive;function Fl(e,t){Do(e,"a",t)}function Dl(e,t){Do(e,"da",t)}function Do(e,t,n=ue){const s=e.__wdc||(e.__wdc=()=>{let r=n;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(Hn(t,s,n),n){let r=n.parent;for(;r&&r.parent;)Gt(r.parent.vnode)&&Ul(s,t,n,r),r=r.parent}}function Ul(e,t,n,s){const r=Hn(t,e,s,!0);$n(()=>{As(s[t],r)},n)}function Hn(e,t,n=ue,s=!1){if(n){const r=n[e]||(n[e]=[]),o=t.__weh||(t.__weh=(...i)=>{if(n.isUnmounted)return;dt();const l=zt(n),c=xe(t,n,e,i);return l(),ht(),c});return s?r.unshift(o):r.push(o),o}}const je=e=>(t,n=ue)=>(!Xt||e==="sp")&&Hn(e,(...s)=>t(...s),n),kl=je("bm"),Rt=je("m"),Hl=je("bu"),$l=je("u"),Uo=je("bum"),$n=je("um"),jl=je("sp"),Vl=je("rtg"),Kl=je("rtc");function Bl(e,t=ue){Hn("ec",e,t)}function iu(e,t,n,s){let r;const o=n&&n[s];if(V(e)||ne(e)){r=new Array(e.length);for(let i=0,l=e.length;i<l;i++)r[i]=t(e[i],i,void 0,o&&o[i])}else if(typeof e=="number"){r=new Array(e);for(let i=0;i<e;i++)r[i]=t(i+1,i,void 0,o&&o[i])}else if(Q(e))if(e[Symbol.iterator])r=Array.from(e,(i,l)=>t(i,l,void 0,o&&o[l]));else{const i=Object.keys(e);r=new Array(i.length);for(let l=0,c=i.length;l<c;l++){const a=i[l];r[l]=t(e[a],a,l,o&&o[l])}}else r=[];return n&&(n[s]=r),r}function lu(e,t,n={},s,r){if(le.isCE||le.parent&&Ct(le.parent)&&le.parent.isCE)return t!=="default"&&(n.name=t),oe("slot",n,s&&s());let o=e[t];o&&o._c&&(o._d=!1),Yo();const i=o&&ko(o(n)),l=Zo(ge,{key:n.key||i&&i.key||`_${t}`},i||(s?s():[]),i&&e._===1?64:-2);return!r&&l.scopeId&&(l.slotScopeIds=[l.scopeId+"-s"]),o&&o._c&&(o._d=!0),l}function ko(e){return e.some(t=>xn(t)?!(t.type===be||t.type===ge&&!ko(t.children)):!0)?e:null}function cu(e,t){const n={};for(const s in e)n[t&&/[A-Z]/.test(s)?`on:${s}`:hn(s)]=e[s];return n}const _s=e=>e?ni(e)?Kn(e)||e.proxy:_s(e.parent):null,Nt=ce(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>_s(e.parent),$root:e=>_s(e.root),$emit:e=>e.emit,$options:e=>Bs(e),$forceUpdate:e=>e.f||(e.f=()=>{e.effect.dirty=!0,Fn(e.update)}),$nextTick:e=>e.n||(e.n=Nn.bind(e.proxy)),$watch:e=>Il.bind(e)}),Jn=(e,t)=>e!==ee&&!e.__isScriptSetup&&Y(e,t),Wl={get({_:e},t){const{ctx:n,setupState:s,data:r,props:o,accessCache:i,type:l,appContext:c}=e;let a;if(t[0]!=="$"){const _=i[t];if(_!==void 0)switch(_){case 1:return s[t];case 2:return r[t];case 4:return n[t];case 3:return o[t]}else{if(Jn(s,t))return i[t]=1,s[t];if(r!==ee&&Y(r,t))return i[t]=2,r[t];if((a=e.propsOptions[0])&&Y(a,t))return i[t]=3,o[t];if(n!==ee&&Y(n,t))return i[t]=4,n[t];ys&&(i[t]=0)}}const f=Nt[t];let h,p;if(f)return t==="$attrs"&&_e(e,"get",t),f(e);if((h=l.__cssModules)&&(h=h[t]))return h;if(n!==ee&&Y(n,t))return i[t]=4,n[t];if(p=c.config.globalProperties,Y(p,t))return p[t]},set({_:e},t,n){const{data:s,setupState:r,ctx:o}=e;return Jn(r,t)?(r[t]=n,!0):s!==ee&&Y(s,t)?(s[t]=n,!0):Y(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(o[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:s,appContext:r,propsOptions:o}},i){let l;return!!n[i]||e!==ee&&Y(e,i)||Jn(t,i)||(l=o[0])&&Y(l,i)||Y(s,i)||Y(Nt,i)||Y(r.config.globalProperties,i)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:Y(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function au(){return ql().slots}function ql(){const e=Vn();return e.setupContext||(e.setupContext=ri(e))}function mr(e){return V(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}let ys=!0;function Gl(e){const t=Bs(e),n=e.proxy,s=e.ctx;ys=!1,t.beforeCreate&&gr(t.beforeCreate,e,"bc");const{data:r,computed:o,methods:i,watch:l,provide:c,inject:a,created:f,beforeMount:h,mounted:p,beforeUpdate:_,updated:w,activated:I,deactivated:N,beforeDestroy:B,beforeUnmount:K,destroyed:m,unmounted:y,render:M,renderTracked:L,renderTriggered:F,errorCaptured:T,serverPrefetch:D,expose:E,inheritAttrs:k,components:A,directives:G,filters:ie}=t;if(a&&zl(a,s,null),i)for(const X in i){const H=i[X];q(H)&&(s[X]=H.bind(n))}if(r){const X=r.call(n,n);Q(X)&&(e.data=Mn(X))}if(ys=!0,o)for(const X in o){const H=o[X],De=q(H)?H.bind(n,n):q(H.get)?H.get.bind(n,n):Se,Yt=!q(H)&&q(H.set)?H.set.bind(n):Se,tt=se({get:De,set:Yt});Object.defineProperty(s,X,{enumerable:!0,configurable:!0,get:()=>tt.value,set:Oe=>tt.value=Oe})}if(l)for(const X in l)Ho(l[X],s,n,X);if(c){const X=q(c)?c.call(n):c;Reflect.ownKeys(X).forEach(H=>{ec(H,X[H])})}f&&gr(f,e,"c");function $(X,H){V(H)?H.forEach(De=>X(De.bind(n))):H&&X(H.bind(n))}if($(kl,h),$(Rt,p),$(Hl,_),$($l,w),$(Fl,I),$(Dl,N),$(Bl,T),$(Kl,L),$(Vl,F),$(Uo,K),$($n,y),$(jl,D),V(E))if(E.length){const X=e.exposed||(e.exposed={});E.forEach(H=>{Object.defineProperty(X,H,{get:()=>n[H],set:De=>n[H]=De})})}else e.exposed||(e.exposed={});M&&e.render===Se&&(e.render=M),k!=null&&(e.inheritAttrs=k),A&&(e.components=A),G&&(e.directives=G)}function zl(e,t,n=Se){V(e)&&(e=vs(e));for(const s in e){const r=e[s];let o;Q(r)?"default"in r?o=St(r.from||s,r.default,!0):o=St(r.from||s):o=St(r),de(o)?Object.defineProperty(t,s,{enumerable:!0,configurable:!0,get:()=>o.value,set:i=>o.value=i}):t[s]=o}}function gr(e,t,n){xe(V(e)?e.map(s=>s.bind(t.proxy)):e.bind(t.proxy),t,n)}function Ho(e,t,n,s){const r=s.includes(".")?Mo(n,s):()=>n[s];if(ne(e)){const o=t[e];q(o)&&He(r,o)}else if(q(e))He(r,e.bind(n));else if(Q(e))if(V(e))e.forEach(o=>Ho(o,t,n,s));else{const o=q(e.handler)?e.handler.bind(n):t[e.handler];q(o)&&He(r,o,e)}}function Bs(e){const t=e.type,{mixins:n,extends:s}=t,{mixins:r,optionsCache:o,config:{optionMergeStrategies:i}}=e.appContext,l=o.get(t);let c;return l?c=l:!r.length&&!n&&!s?c=t:(c={},r.length&&r.forEach(a=>Cn(c,a,i,!0)),Cn(c,t,i)),Q(t)&&o.set(t,c),c}function Cn(e,t,n,s=!1){const{mixins:r,extends:o}=t;o&&Cn(e,o,n,!0),r&&r.forEach(i=>Cn(e,i,n,!0));for(const i in t)if(!(s&&i==="expose")){const l=Xl[i]||n&&n[i];e[i]=l?l(e[i],t[i]):t[i]}return e}const Xl={data:_r,props:yr,emits:yr,methods:It,computed:It,beforeCreate:pe,created:pe,beforeMount:pe,mounted:pe,beforeUpdate:pe,updated:pe,beforeDestroy:pe,beforeUnmount:pe,destroyed:pe,unmounted:pe,activated:pe,deactivated:pe,errorCaptured:pe,serverPrefetch:pe,components:It,directives:It,watch:Jl,provide:_r,inject:Yl};function _r(e,t){return t?e?function(){return ce(q(e)?e.call(this,this):e,q(t)?t.call(this,this):t)}:t:e}function Yl(e,t){return It(vs(e),vs(t))}function vs(e){if(V(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function pe(e,t){return e?[...new Set([].concat(e,t))]:t}function It(e,t){return e?ce(Object.create(null),e,t):t}function yr(e,t){return e?V(e)&&V(t)?[...new Set([...e,...t])]:ce(Object.create(null),mr(e),mr(t??{})):t}function Jl(e,t){if(!e)return t;if(!t)return e;const n=ce(Object.create(null),e);for(const s in t)n[s]=pe(e[s],t[s]);return n}function $o(){return{app:null,config:{isNativeTag:Ti,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let Zl=0;function Ql(e,t){return function(s,r=null){q(s)||(s=ce({},s)),r!=null&&!Q(r)&&(r=null);const o=$o(),i=new WeakSet;let l=!1;const c=o.app={_uid:Zl++,_component:s,_props:r,_container:null,_context:o,_instance:null,version:Ac,get config(){return o.config},set config(a){},use(a,...f){return i.has(a)||(a&&q(a.install)?(i.add(a),a.install(c,...f)):q(a)&&(i.add(a),a(c,...f))),c},mixin(a){return o.mixins.includes(a)||o.mixins.push(a),c},component(a,f){return f?(o.components[a]=f,c):o.components[a]},directive(a,f){return f?(o.directives[a]=f,c):o.directives[a]},mount(a,f,h){if(!l){const p=oe(s,r);return p.appContext=o,h===!0?h="svg":h===!1&&(h=void 0),f&&t?t(p,a):e(p,a,h),l=!0,c._container=a,a.__vue_app__=c,Kn(p.component)||p.component.proxy}},unmount(){l&&(e(null,c._container),delete c._container.__vue_app__)},provide(a,f){return o.provides[a]=f,c},runWithContext(a){const f=Ft;Ft=c;try{return a()}finally{Ft=f}}};return c}}let Ft=null;function ec(e,t){if(ue){let n=ue.provides;const s=ue.parent&&ue.parent.provides;s===n&&(n=ue.provides=Object.create(s)),n[e]=t}}function St(e,t,n=!1){const s=ue||le;if(s||Ft){const r=s?s.parent==null?s.vnode.appContext&&s.vnode.appContext.provides:s.parent.provides:Ft._context.provides;if(r&&e in r)return r[e];if(arguments.length>1)return n&&q(t)?t.call(s&&s.proxy):t}}function tc(e,t,n,s=!1){const r={},o={};yn(o,jn,1),e.propsDefaults=Object.create(null),jo(e,t,r,o);for(const i in e.propsOptions[0])i in r||(r[i]=void 0);n?e.props=s?r:ll(r):e.type.props?e.props=r:e.props=o,e.attrs=o}function nc(e,t,n,s){const{props:r,attrs:o,vnode:{patchFlag:i}}=e,l=J(r),[c]=e.propsOptions;let a=!1;if((s||i>0)&&!(i&16)){if(i&8){const f=e.vnode.dynamicProps;for(let h=0;h<f.length;h++){let p=f[h];if(Dn(e.emitsOptions,p))continue;const _=t[p];if(c)if(Y(o,p))_!==o[p]&&(o[p]=_,a=!0);else{const w=Fe(p);r[w]=bs(c,l,w,_,e,!1)}else _!==o[p]&&(o[p]=_,a=!0)}}}else{jo(e,t,r,o)&&(a=!0);let f;for(const h in l)(!t||!Y(t,h)&&((f=ft(h))===h||!Y(t,f)))&&(c?n&&(n[h]!==void 0||n[f]!==void 0)&&(r[h]=bs(c,l,h,void 0,e,!0)):delete r[h]);if(o!==l)for(const h in o)(!t||!Y(t,h))&&(delete o[h],a=!0)}a&&ke(e,"set","$attrs")}function jo(e,t,n,s){const[r,o]=e.propsOptions;let i=!1,l;if(t)for(let c in t){if(bt(c))continue;const a=t[c];let f;r&&Y(r,f=Fe(c))?!o||!o.includes(f)?n[f]=a:(l||(l={}))[f]=a:Dn(e.emitsOptions,c)||(!(c in s)||a!==s[c])&&(s[c]=a,i=!0)}if(o){const c=J(n),a=l||ee;for(let f=0;f<o.length;f++){const h=o[f];n[h]=bs(r,c,h,a[h],e,!Y(a,h))}}return i}function bs(e,t,n,s,r,o){const i=e[n];if(i!=null){const l=Y(i,"default");if(l&&s===void 0){const c=i.default;if(i.type!==Function&&!i.skipFactory&&q(c)){const{propsDefaults:a}=r;if(n in a)s=a[n];else{const f=zt(r);s=a[n]=c.call(null,t),f()}}else s=c}i[0]&&(o&&!l?s=!1:i[1]&&(s===""||s===ft(n))&&(s=!0))}return s}function Vo(e,t,n=!1){const s=t.propsCache,r=s.get(e);if(r)return r;const o=e.props,i={},l=[];let c=!1;if(!q(e)){const f=h=>{c=!0;const[p,_]=Vo(h,t,!0);ce(i,p),_&&l.push(..._)};!n&&t.mixins.length&&t.mixins.forEach(f),e.extends&&f(e.extends),e.mixins&&e.mixins.forEach(f)}if(!o&&!c)return Q(e)&&s.set(e,yt),yt;if(V(o))for(let f=0;f<o.length;f++){const h=Fe(o[f]);vr(h)&&(i[h]=ee)}else if(o)for(const f in o){const h=Fe(f);if(vr(h)){const p=o[f],_=i[h]=V(p)||q(p)?{type:p}:ce({},p);if(_){const w=Er(Boolean,_.type),I=Er(String,_.type);_[0]=w>-1,_[1]=I<0||w<I,(w>-1||Y(_,"default"))&&l.push(h)}}}const a=[i,l];return Q(e)&&s.set(e,a),a}function vr(e){return e[0]!=="$"&&!bt(e)}function br(e){return e===null?"null":typeof e=="function"?e.name||"":typeof e=="object"&&e.constructor&&e.constructor.name||""}function wr(e,t){return br(e)===br(t)}function Er(e,t){return V(t)?t.findIndex(n=>wr(n,e)):q(t)&&wr(t,e)?0:-1}const Ko=e=>e[0]==="_"||e==="$stable",Ws=e=>V(e)?e.map(Re):[Re(e)],sc=(e,t,n)=>{if(t._n)return t;const s=Cl((...r)=>Ws(t(...r)),n);return s._c=!1,s},Bo=(e,t,n)=>{const s=e._ctx;for(const r in e){if(Ko(r))continue;const o=e[r];if(q(o))t[r]=sc(r,o,s);else if(o!=null){const i=Ws(o);t[r]=()=>i}}},Wo=(e,t)=>{const n=Ws(t);e.slots.default=()=>n},rc=(e,t)=>{if(e.vnode.shapeFlag&32){const n=t._;n?(e.slots=J(t),yn(t,"_",n)):Bo(t,e.slots={})}else e.slots={},t&&Wo(e,t);yn(e.slots,jn,1)},oc=(e,t,n)=>{const{vnode:s,slots:r}=e;let o=!0,i=ee;if(s.shapeFlag&32){const l=t._;l?n&&l===1?o=!1:(ce(r,t),!n&&l===1&&delete r._):(o=!t.$stable,Bo(t,r)),i=t}else t&&(Wo(e,t),i={default:1});if(o)for(const l in r)!Ko(l)&&i[l]==null&&delete r[l]};function Sn(e,t,n,s,r=!1){if(V(e)){e.forEach((p,_)=>Sn(p,t&&(V(t)?t[_]:t),n,s,r));return}if(Ct(s)&&!r)return;const o=s.shapeFlag&4?Kn(s.component)||s.component.proxy:s.el,i=r?null:o,{i:l,r:c}=e,a=t&&t.r,f=l.refs===ee?l.refs={}:l.refs,h=l.setupState;if(a!=null&&a!==c&&(ne(a)?(f[a]=null,Y(h,a)&&(h[a]=null)):de(a)&&(a.value=null)),q(c))Je(c,l,12,[i,f]);else{const p=ne(c),_=de(c);if(p||_){const w=()=>{if(e.f){const I=p?Y(h,c)?h[c]:f[c]:c.value;r?V(I)&&As(I,o):V(I)?I.includes(o)||I.push(o):p?(f[c]=[o],Y(h,c)&&(h[c]=f[c])):(c.value=[o],e.k&&(f[e.k]=c.value))}else p?(f[c]=i,Y(h,c)&&(h[c]=i)):_&&(c.value=i,e.k&&(f[e.k]=i))};i?(w.id=-1,me(w,n)):w()}}}let Ke=!1;const ic=e=>e.namespaceURI.includes("svg")&&e.tagName!=="foreignObject",lc=e=>e.namespaceURI.includes("MathML"),on=e=>{if(ic(e))return"svg";if(lc(e))return"mathml"},ln=e=>e.nodeType===8;function cc(e){const{mt:t,p:n,o:{patchProp:s,createText:r,nextSibling:o,parentNode:i,remove:l,insert:c,createComment:a}}=e,f=(m,y)=>{if(!y.hasChildNodes()){n(null,m,y),wn(),y._vnode=m;return}Ke=!1,h(y.firstChild,m,null,null,null),wn(),y._vnode=m,Ke&&console.error("Hydration completed but contains mismatches.")},h=(m,y,M,L,F,T=!1)=>{const D=ln(m)&&m.data==="[",E=()=>I(m,y,M,L,F,D),{type:k,ref:A,shapeFlag:G,patchFlag:ie}=y;let fe=m.nodeType;y.el=m,ie===-2&&(T=!1,y.dynamicChildren=null);let $=null;switch(k){case Tt:fe!==3?y.children===""?(c(y.el=r(""),i(m),m),$=m):$=E():(m.data!==y.children&&(Ke=!0,m.data=y.children),$=o(m));break;case be:K(m)?($=o(m),B(y.el=m.content.firstChild,m,M)):fe!==8||D?$=E():$=o(m);break;case Ut:if(D&&(m=o(m),fe=m.nodeType),fe===1||fe===3){$=m;const X=!y.children.length;for(let H=0;H<y.staticCount;H++)X&&(y.children+=$.nodeType===1?$.outerHTML:$.data),H===y.staticCount-1&&(y.anchor=$),$=o($);return D?o($):$}else E();break;case ge:D?$=w(m,y,M,L,F,T):$=E();break;default:if(G&1)(fe!==1||y.type.toLowerCase()!==m.tagName.toLowerCase())&&!K(m)?$=E():$=p(m,y,M,L,F,T);else if(G&6){y.slotScopeIds=F;const X=i(m);if(D?$=N(m):ln(m)&&m.data==="teleport start"?$=N(m,m.data,"teleport end"):$=o(m),t(y,X,null,M,L,on(X),T),Ct(y)){let H;D?(H=oe(ge),H.anchor=$?$.previousSibling:X.lastChild):H=m.nodeType===3?ti(""):oe("div"),H.el=m,y.component.subTree=H}}else G&64?fe!==8?$=E():$=y.type.hydrate(m,y,M,L,F,T,e,_):G&128&&($=y.type.hydrate(m,y,M,L,on(i(m)),F,T,e,h))}return A!=null&&Sn(A,null,L,y),$},p=(m,y,M,L,F,T)=>{T=T||!!y.dynamicChildren;const{type:D,props:E,patchFlag:k,shapeFlag:A,dirs:G,transition:ie}=y,fe=D==="input"||D==="option";if(fe||k!==-1){G&&Me(y,null,M,"created");let $=!1;if(K(m)){$=Go(L,ie)&&M&&M.vnode.props&&M.vnode.props.appear;const H=m.content.firstChild;$&&ie.beforeEnter(H),B(H,m,M),y.el=m=H}if(A&16&&!(E&&(E.innerHTML||E.textContent))){let H=_(m.firstChild,y,m,M,L,F,T);for(;H;){Ke=!0;const De=H;H=H.nextSibling,l(De)}}else A&8&&m.textContent!==y.children&&(Ke=!0,m.textContent=y.children);if(E)if(fe||!T||k&48)for(const H in E)(fe&&(H.endsWith("value")||H==="indeterminate")||Wt(H)&&!bt(H)||H[0]===".")&&s(m,H,null,E[H],void 0,void 0,M);else E.onClick&&s(m,"onClick",null,E.onClick,void 0,void 0,M);let X;(X=E&&E.onVnodeBeforeMount)&&Ee(X,M,y),G&&Me(y,null,M,"beforeMount"),((X=E&&E.onVnodeMounted)||G||$)&&Io(()=>{X&&Ee(X,M,y),$&&ie.enter(m),G&&Me(y,null,M,"mounted")},L)}return m.nextSibling},_=(m,y,M,L,F,T,D)=>{D=D||!!y.dynamicChildren;const E=y.children,k=E.length;for(let A=0;A<k;A++){const G=D?E[A]:E[A]=Re(E[A]);if(m)m=h(m,G,L,F,T,D);else{if(G.type===Tt&&!G.children)continue;Ke=!0,n(null,G,M,null,L,F,on(M),T)}}return m},w=(m,y,M,L,F,T)=>{const{slotScopeIds:D}=y;D&&(F=F?F.concat(D):D);const E=i(m),k=_(o(m),y,E,M,L,F,T);return k&&ln(k)&&k.data==="]"?o(y.anchor=k):(Ke=!0,c(y.anchor=a("]"),E,k),k)},I=(m,y,M,L,F,T)=>{if(Ke=!0,y.el=null,T){const k=N(m);for(;;){const A=o(m);if(A&&A!==k)l(A);else break}}const D=o(m),E=i(m);return l(m),n(null,y,E,D,M,L,on(E),F),D},N=(m,y="[",M="]")=>{let L=0;for(;m;)if(m=o(m),m&&ln(m)&&(m.data===y&&L++,m.data===M)){if(L===0)return o(m);L--}return m},B=(m,y,M)=>{const L=y.parentNode;L&&L.replaceChild(m,y);let F=M;for(;F;)F.vnode.el===y&&(F.vnode.el=F.subTree.el=m),F=F.parent},K=m=>m.nodeType===1&&m.tagName.toLowerCase()==="template";return[f,h]}const me=Io;function ac(e){return qo(e)}function uc(e){return qo(e,cc)}function qo(e,t){const n=ro();n.__VUE__=!0;const{insert:s,remove:r,patchProp:o,createElement:i,createText:l,createComment:c,setText:a,setElementText:f,parentNode:h,nextSibling:p,setScopeId:_=Se,insertStaticContent:w}=e,I=(u,d,g,v=null,b=null,x=null,O=void 0,S=null,R=!!d.dynamicChildren)=>{if(u===d)return;u&&!it(u,d)&&(v=Jt(u),Oe(u,b,x,!0),u=null),d.patchFlag===-2&&(R=!1,d.dynamicChildren=null);const{type:C,ref:P,shapeFlag:j}=d;switch(C){case Tt:N(u,d,g,v);break;case be:B(u,d,g,v);break;case Ut:u==null&&K(d,g,v,O);break;case ge:A(u,d,g,v,b,x,O,S,R);break;default:j&1?M(u,d,g,v,b,x,O,S,R):j&6?G(u,d,g,v,b,x,O,S,R):(j&64||j&128)&&C.process(u,d,g,v,b,x,O,S,R,pt)}P!=null&&b&&Sn(P,u&&u.ref,x,d||u,!d)},N=(u,d,g,v)=>{if(u==null)s(d.el=l(d.children),g,v);else{const b=d.el=u.el;d.children!==u.children&&a(b,d.children)}},B=(u,d,g,v)=>{u==null?s(d.el=c(d.children||""),g,v):d.el=u.el},K=(u,d,g,v)=>{[u.el,u.anchor]=w(u.children,d,g,v,u.el,u.anchor)},m=({el:u,anchor:d},g,v)=>{let b;for(;u&&u!==d;)b=p(u),s(u,g,v),u=b;s(d,g,v)},y=({el:u,anchor:d})=>{let g;for(;u&&u!==d;)g=p(u),r(u),u=g;r(d)},M=(u,d,g,v,b,x,O,S,R)=>{d.type==="svg"?O="svg":d.type==="math"&&(O="mathml"),u==null?L(d,g,v,b,x,O,S,R):D(u,d,b,x,O,S,R)},L=(u,d,g,v,b,x,O,S)=>{let R,C;const{props:P,shapeFlag:j,transition:U,dirs:W}=u;if(R=u.el=i(u.type,x,P&&P.is,P),j&8?f(R,u.children):j&16&&T(u.children,R,null,v,b,Zn(u,x),O,S),W&&Me(u,null,v,"created"),F(R,u,u.scopeId,O,v),P){for(const Z in P)Z!=="value"&&!bt(Z)&&o(R,Z,null,P[Z],x,u.children,v,b,Ue);"value"in P&&o(R,"value",null,P.value,x),(C=P.onVnodeBeforeMount)&&Ee(C,v,u)}W&&Me(u,null,v,"beforeMount");const z=Go(b,U);z&&U.beforeEnter(R),s(R,d,g),((C=P&&P.onVnodeMounted)||z||W)&&me(()=>{C&&Ee(C,v,u),z&&U.enter(R),W&&Me(u,null,v,"mounted")},b)},F=(u,d,g,v,b)=>{if(g&&_(u,g),v)for(let x=0;x<v.length;x++)_(u,v[x]);if(b){let x=b.subTree;if(d===x){const O=b.vnode;F(u,O,O.scopeId,O.slotScopeIds,b.parent)}}},T=(u,d,g,v,b,x,O,S,R=0)=>{for(let C=R;C<u.length;C++){const P=u[C]=S?ze(u[C]):Re(u[C]);I(null,P,d,g,v,b,x,O,S)}},D=(u,d,g,v,b,x,O)=>{const S=d.el=u.el;let{patchFlag:R,dynamicChildren:C,dirs:P}=d;R|=u.patchFlag&16;const j=u.props||ee,U=d.props||ee;let W;if(g&&nt(g,!1),(W=U.onVnodeBeforeUpdate)&&Ee(W,g,d,u),P&&Me(d,u,g,"beforeUpdate"),g&&nt(g,!0),C?E(u.dynamicChildren,C,S,g,v,Zn(d,b),x):O||H(u,d,S,null,g,v,Zn(d,b),x,!1),R>0){if(R&16)k(S,d,j,U,g,v,b);else if(R&2&&j.class!==U.class&&o(S,"class",null,U.class,b),R&4&&o(S,"style",j.style,U.style,b),R&8){const z=d.dynamicProps;for(let Z=0;Z<z.length;Z++){const te=z[Z],ae=j[te],Ae=U[te];(Ae!==ae||te==="value")&&o(S,te,ae,Ae,b,u.children,g,v,Ue)}}R&1&&u.children!==d.children&&f(S,d.children)}else!O&&C==null&&k(S,d,j,U,g,v,b);((W=U.onVnodeUpdated)||P)&&me(()=>{W&&Ee(W,g,d,u),P&&Me(d,u,g,"updated")},v)},E=(u,d,g,v,b,x,O)=>{for(let S=0;S<d.length;S++){const R=u[S],C=d[S],P=R.el&&(R.type===ge||!it(R,C)||R.shapeFlag&70)?h(R.el):g;I(R,C,P,null,v,b,x,O,!0)}},k=(u,d,g,v,b,x,O)=>{if(g!==v){if(g!==ee)for(const S in g)!bt(S)&&!(S in v)&&o(u,S,g[S],null,O,d.children,b,x,Ue);for(const S in v){if(bt(S))continue;const R=v[S],C=g[S];R!==C&&S!=="value"&&o(u,S,C,R,O,d.children,b,x,Ue)}"value"in v&&o(u,"value",g.value,v.value,O)}},A=(u,d,g,v,b,x,O,S,R)=>{const C=d.el=u?u.el:l(""),P=d.anchor=u?u.anchor:l("");let{patchFlag:j,dynamicChildren:U,slotScopeIds:W}=d;W&&(S=S?S.concat(W):W),u==null?(s(C,g,v),s(P,g,v),T(d.children||[],g,P,b,x,O,S,R)):j>0&&j&64&&U&&u.dynamicChildren?(E(u.dynamicChildren,U,g,b,x,O,S),(d.key!=null||b&&d===b.subTree)&&qs(u,d,!0)):H(u,d,g,P,b,x,O,S,R)},G=(u,d,g,v,b,x,O,S,R)=>{d.slotScopeIds=S,u==null?d.shapeFlag&512?b.ctx.activate(d,g,v,O,R):ie(d,g,v,b,x,O,R):fe(u,d,R)},ie=(u,d,g,v,b,x,O)=>{const S=u.component=wc(u,v,b);if(Gt(u)&&(S.ctx.renderer=pt),Ec(S),S.asyncDep){if(b&&b.registerDep(S,$),!u.el){const R=S.subTree=oe(be);B(null,R,d,g)}}else $(S,u,d,g,b,x,O)},fe=(u,d,g)=>{const v=d.component=u.component;if(Tl(u,d,g))if(v.asyncDep&&!v.asyncResolved){X(v,d,g);return}else v.next=d,vl(v.update),v.effect.dirty=!0,v.update();else d.el=u.el,v.vnode=d},$=(u,d,g,v,b,x,O)=>{const S=()=>{if(u.isMounted){let{next:P,bu:j,u:U,parent:W,vnode:z}=u;{const mt=zo(u);if(mt){P&&(P.el=z.el,X(u,P,O)),mt.asyncDep.then(()=>{u.isUnmounted||S()});return}}let Z=P,te;nt(u,!1),P?(P.el=z.el,X(u,P,O)):P=z,j&&pn(j),(te=P.props&&P.props.onVnodeBeforeUpdate)&&Ee(te,W,P,z),nt(u,!0);const ae=zn(u),Ae=u.subTree;u.subTree=ae,I(Ae,ae,h(Ae.el),Jt(Ae),u,b,x),P.el=ae.el,Z===null&&Al(u,ae.el),U&&me(U,b),(te=P.props&&P.props.onVnodeUpdated)&&me(()=>Ee(te,W,P,z),b)}else{let P;const{el:j,props:U}=d,{bm:W,m:z,parent:Z}=u,te=Ct(d);if(nt(u,!1),W&&pn(W),!te&&(P=U&&U.onVnodeBeforeMount)&&Ee(P,Z,d),nt(u,!0),j&&qn){const ae=()=>{u.subTree=zn(u),qn(j,u.subTree,u,b,null)};te?d.type.__asyncLoader().then(()=>!u.isUnmounted&&ae()):ae()}else{const ae=u.subTree=zn(u);I(null,ae,g,v,u,b,x),d.el=ae.el}if(z&&me(z,b),!te&&(P=U&&U.onVnodeMounted)){const ae=d;me(()=>Ee(P,Z,ae),b)}(d.shapeFlag&256||Z&&Ct(Z.vnode)&&Z.vnode.shapeFlag&256)&&u.a&&me(u.a,b),u.isMounted=!0,d=g=v=null}},R=u.effect=new Is(S,Se,()=>Fn(C),u.scope),C=u.update=()=>{R.dirty&&R.run()};C.id=u.uid,nt(u,!0),C()},X=(u,d,g)=>{d.component=u;const v=u.vnode.props;u.vnode=d,u.next=null,nc(u,d.props,v,g),oc(u,d.children,g),dt(),fr(u),ht()},H=(u,d,g,v,b,x,O,S,R=!1)=>{const C=u&&u.children,P=u?u.shapeFlag:0,j=d.children,{patchFlag:U,shapeFlag:W}=d;if(U>0){if(U&128){Yt(C,j,g,v,b,x,O,S,R);return}else if(U&256){De(C,j,g,v,b,x,O,S,R);return}}W&8?(P&16&&Ue(C,b,x),j!==C&&f(g,j)):P&16?W&16?Yt(C,j,g,v,b,x,O,S,R):Ue(C,b,x,!0):(P&8&&f(g,""),W&16&&T(j,g,v,b,x,O,S,R))},De=(u,d,g,v,b,x,O,S,R)=>{u=u||yt,d=d||yt;const C=u.length,P=d.length,j=Math.min(C,P);let U;for(U=0;U<j;U++){const W=d[U]=R?ze(d[U]):Re(d[U]);I(u[U],W,g,null,b,x,O,S,R)}C>P?Ue(u,b,x,!0,!1,j):T(d,g,v,b,x,O,S,R,j)},Yt=(u,d,g,v,b,x,O,S,R)=>{let C=0;const P=d.length;let j=u.length-1,U=P-1;for(;C<=j&&C<=U;){const W=u[C],z=d[C]=R?ze(d[C]):Re(d[C]);if(it(W,z))I(W,z,g,null,b,x,O,S,R);else break;C++}for(;C<=j&&C<=U;){const W=u[j],z=d[U]=R?ze(d[U]):Re(d[U]);if(it(W,z))I(W,z,g,null,b,x,O,S,R);else break;j--,U--}if(C>j){if(C<=U){const W=U+1,z=W<P?d[W].el:v;for(;C<=U;)I(null,d[C]=R?ze(d[C]):Re(d[C]),g,z,b,x,O,S,R),C++}}else if(C>U)for(;C<=j;)Oe(u[C],b,x,!0),C++;else{const W=C,z=C,Z=new Map;for(C=z;C<=U;C++){const ye=d[C]=R?ze(d[C]):Re(d[C]);ye.key!=null&&Z.set(ye.key,C)}let te,ae=0;const Ae=U-z+1;let mt=!1,er=0;const Lt=new Array(Ae);for(C=0;C<Ae;C++)Lt[C]=0;for(C=W;C<=j;C++){const ye=u[C];if(ae>=Ae){Oe(ye,b,x,!0);continue}let Ie;if(ye.key!=null)Ie=Z.get(ye.key);else for(te=z;te<=U;te++)if(Lt[te-z]===0&&it(ye,d[te])){Ie=te;break}Ie===void 0?Oe(ye,b,x,!0):(Lt[Ie-z]=C+1,Ie>=er?er=Ie:mt=!0,I(ye,d[Ie],g,null,b,x,O,S,R),ae++)}const tr=mt?fc(Lt):yt;for(te=tr.length-1,C=Ae-1;C>=0;C--){const ye=z+C,Ie=d[ye],nr=ye+1<P?d[ye+1].el:v;Lt[C]===0?I(null,Ie,g,nr,b,x,O,S,R):mt&&(te<0||C!==tr[te]?tt(Ie,g,nr,2):te--)}}},tt=(u,d,g,v,b=null)=>{const{el:x,type:O,transition:S,children:R,shapeFlag:C}=u;if(C&6){tt(u.component.subTree,d,g,v);return}if(C&128){u.suspense.move(d,g,v);return}if(C&64){O.move(u,d,g,pt);return}if(O===ge){s(x,d,g);for(let j=0;j<R.length;j++)tt(R[j],d,g,v);s(u.anchor,d,g);return}if(O===Ut){m(u,d,g);return}if(v!==2&&C&1&&S)if(v===0)S.beforeEnter(x),s(x,d,g),me(()=>S.enter(x),b);else{const{leave:j,delayLeave:U,afterLeave:W}=S,z=()=>s(x,d,g),Z=()=>{j(x,()=>{z(),W&&W()})};U?U(x,z,Z):Z()}else s(x,d,g)},Oe=(u,d,g,v=!1,b=!1)=>{const{type:x,props:O,ref:S,children:R,dynamicChildren:C,shapeFlag:P,patchFlag:j,dirs:U}=u;if(S!=null&&Sn(S,null,g,u,!0),P&256){d.ctx.deactivate(u);return}const W=P&1&&U,z=!Ct(u);let Z;if(z&&(Z=O&&O.onVnodeBeforeUnmount)&&Ee(Z,d,u),P&6)xi(u.component,g,v);else{if(P&128){u.suspense.unmount(g,v);return}W&&Me(u,null,d,"beforeUnmount"),P&64?u.type.remove(u,d,g,b,pt,v):C&&(x!==ge||j>0&&j&64)?Ue(C,d,g,!1,!0):(x===ge&&j&384||!b&&P&16)&&Ue(R,d,g),v&&Zs(u)}(z&&(Z=O&&O.onVnodeUnmounted)||W)&&me(()=>{Z&&Ee(Z,d,u),W&&Me(u,null,d,"unmounted")},g)},Zs=u=>{const{type:d,el:g,anchor:v,transition:b}=u;if(d===ge){Si(g,v);return}if(d===Ut){y(u);return}const x=()=>{r(g),b&&!b.persisted&&b.afterLeave&&b.afterLeave()};if(u.shapeFlag&1&&b&&!b.persisted){const{leave:O,delayLeave:S}=b,R=()=>O(g,x);S?S(u.el,x,R):R()}else x()},Si=(u,d)=>{let g;for(;u!==d;)g=p(u),r(u),u=g;r(d)},xi=(u,d,g)=>{const{bum:v,scope:b,update:x,subTree:O,um:S}=u;v&&pn(v),b.stop(),x&&(x.active=!1,Oe(O,u,d,g)),S&&me(S,d),me(()=>{u.isUnmounted=!0},d),d&&d.pendingBranch&&!d.isUnmounted&&u.asyncDep&&!u.asyncResolved&&u.suspenseId===d.pendingId&&(d.deps--,d.deps===0&&d.resolve())},Ue=(u,d,g,v=!1,b=!1,x=0)=>{for(let O=x;O<u.length;O++)Oe(u[O],d,g,v,b)},Jt=u=>u.shapeFlag&6?Jt(u.component.subTree):u.shapeFlag&128?u.suspense.next():p(u.anchor||u.el);let Bn=!1;const Qs=(u,d,g)=>{u==null?d._vnode&&Oe(d._vnode,null,null,!0):I(d._vnode||null,u,d,null,null,null,g),Bn||(Bn=!0,fr(),wn(),Bn=!1),d._vnode=u},pt={p:I,um:Oe,m:tt,r:Zs,mt:ie,mc:T,pc:H,pbc:E,n:Jt,o:e};let Wn,qn;return t&&([Wn,qn]=t(pt)),{render:Qs,hydrate:Wn,createApp:Ql(Qs,Wn)}}function Zn({type:e,props:t},n){return n==="svg"&&e==="foreignObject"||n==="mathml"&&e==="annotation-xml"&&t&&t.encoding&&t.encoding.includes("html")?void 0:n}function nt({effect:e,update:t},n){e.allowRecurse=t.allowRecurse=n}function Go(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function qs(e,t,n=!1){const s=e.children,r=t.children;if(V(s)&&V(r))for(let o=0;o<s.length;o++){const i=s[o];let l=r[o];l.shapeFlag&1&&!l.dynamicChildren&&((l.patchFlag<=0||l.patchFlag===32)&&(l=r[o]=ze(r[o]),l.el=i.el),n||qs(i,l)),l.type===Tt&&(l.el=i.el)}}function fc(e){const t=e.slice(),n=[0];let s,r,o,i,l;const c=e.length;for(s=0;s<c;s++){const a=e[s];if(a!==0){if(r=n[n.length-1],e[r]<a){t[s]=r,n.push(s);continue}for(o=0,i=n.length-1;o<i;)l=o+i>>1,e[n[l]]<a?o=l+1:i=l;a<e[n[o]]&&(o>0&&(t[s]=n[o-1]),n[o]=s)}}for(o=n.length,i=n[o-1];o-- >0;)n[o]=i,i=t[i];return n}function zo(e){const t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:zo(t)}const dc=e=>e.__isTeleport,Dt=e=>e&&(e.disabled||e.disabled===""),Cr=e=>typeof SVGElement<"u"&&e instanceof SVGElement,Sr=e=>typeof MathMLElement=="function"&&e instanceof MathMLElement,ws=(e,t)=>{const n=e&&e.to;return ne(n)?t?t(n):null:n},hc={name:"Teleport",__isTeleport:!0,process(e,t,n,s,r,o,i,l,c,a){const{mc:f,pc:h,pbc:p,o:{insert:_,querySelector:w,createText:I,createComment:N}}=a,B=Dt(t.props);let{shapeFlag:K,children:m,dynamicChildren:y}=t;if(e==null){const M=t.el=I(""),L=t.anchor=I("");_(M,n,s),_(L,n,s);const F=t.target=ws(t.props,w),T=t.targetAnchor=I("");F&&(_(T,F),i==="svg"||Cr(F)?i="svg":(i==="mathml"||Sr(F))&&(i="mathml"));const D=(E,k)=>{K&16&&f(m,E,k,r,o,i,l,c)};B?D(n,L):F&&D(F,T)}else{t.el=e.el;const M=t.anchor=e.anchor,L=t.target=e.target,F=t.targetAnchor=e.targetAnchor,T=Dt(e.props),D=T?n:L,E=T?M:F;if(i==="svg"||Cr(L)?i="svg":(i==="mathml"||Sr(L))&&(i="mathml"),y?(p(e.dynamicChildren,y,D,r,o,i,l),qs(e,t,!0)):c||h(e,t,D,E,r,o,i,l,!1),B)T?t.props&&e.props&&t.props.to!==e.props.to&&(t.props.to=e.props.to):cn(t,n,M,a,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const k=t.target=ws(t.props,w);k&&cn(t,k,null,a,0)}else T&&cn(t,L,F,a,1)}Xo(t)},remove(e,t,n,s,{um:r,o:{remove:o}},i){const{shapeFlag:l,children:c,anchor:a,targetAnchor:f,target:h,props:p}=e;if(h&&o(f),i&&o(a),l&16){const _=i||!Dt(p);for(let w=0;w<c.length;w++){const I=c[w];r(I,t,n,_,!!I.dynamicChildren)}}},move:cn,hydrate:pc};function cn(e,t,n,{o:{insert:s},m:r},o=2){o===0&&s(e.targetAnchor,t,n);const{el:i,anchor:l,shapeFlag:c,children:a,props:f}=e,h=o===2;if(h&&s(i,t,n),(!h||Dt(f))&&c&16)for(let p=0;p<a.length;p++)r(a[p],t,n,2);h&&s(l,t,n)}function pc(e,t,n,s,r,o,{o:{nextSibling:i,parentNode:l,querySelector:c}},a){const f=t.target=ws(t.props,c);if(f){const h=f._lpa||f.firstChild;if(t.shapeFlag&16)if(Dt(t.props))t.anchor=a(i(e),t,l(e),n,s,r,o),t.targetAnchor=h;else{t.anchor=i(e);let p=h;for(;p;)if(p=i(p),p&&p.nodeType===8&&p.data==="teleport anchor"){t.targetAnchor=p,f._lpa=t.targetAnchor&&i(t.targetAnchor);break}a(h,t,f,n,s,r,o)}Xo(t)}return t.anchor&&i(t.anchor)}const uu=hc;function Xo(e){const t=e.ctx;if(t&&t.ut){let n=e.children[0].el;for(;n&&n!==e.targetAnchor;)n.nodeType===1&&n.setAttribute("data-v-owner",t.uid),n=n.nextSibling;t.ut()}}const ge=Symbol.for("v-fgt"),Tt=Symbol.for("v-txt"),be=Symbol.for("v-cmt"),Ut=Symbol.for("v-stc"),kt=[];let Le=null;function Yo(e=!1){kt.push(Le=e?null:[])}function mc(){kt.pop(),Le=kt[kt.length-1]||null}let Kt=1;function xr(e){Kt+=e}function Jo(e){return e.dynamicChildren=Kt>0?Le||yt:null,mc(),Kt>0&&Le&&Le.push(e),e}function fu(e,t,n,s,r,o){return Jo(ei(e,t,n,s,r,o,!0))}function Zo(e,t,n,s,r){return Jo(oe(e,t,n,s,r,!0))}function xn(e){return e?e.__v_isVNode===!0:!1}function it(e,t){return e.type===t.type&&e.key===t.key}const jn="__vInternal",Qo=({key:e})=>e??null,mn=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?ne(e)||de(e)||q(e)?{i:le,r:e,k:t,f:!!n}:e:null);function ei(e,t=null,n=null,s=0,r=null,o=e===ge?0:1,i=!1,l=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Qo(t),ref:t&&mn(t),scopeId:Un,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:o,patchFlag:s,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:le};return l?(Gs(c,n),o&128&&e.normalize(c)):n&&(c.shapeFlag|=ne(n)?8:16),Kt>0&&!i&&Le&&(c.patchFlag>0||o&6)&&c.patchFlag!==32&&Le.push(c),c}const oe=gc;function gc(e,t=null,n=null,s=0,r=null,o=!1){if((!e||e===Lo)&&(e=be),xn(e)){const l=et(e,t,!0);return n&&Gs(l,n),Kt>0&&!o&&Le&&(l.shapeFlag&6?Le[Le.indexOf(e)]=l:Le.push(l)),l.patchFlag|=-2,l}if(Tc(e)&&(e=e.__vccOpts),t){t=_c(t);let{class:l,style:c}=t;l&&!ne(l)&&(t.class=Os(l)),Q(c)&&(bo(c)&&!V(c)&&(c=ce({},c)),t.style=Ls(c))}const i=ne(e)?1:Rl(e)?128:dc(e)?64:Q(e)?4:q(e)?2:0;return ei(e,t,n,s,r,i,o,!0)}function _c(e){return e?bo(e)||jn in e?ce({},e):e:null}function et(e,t,n=!1){const{props:s,ref:r,patchFlag:o,children:i}=e,l=t?yc(s||{},t):s;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&Qo(l),ref:t&&t.ref?n&&r?V(r)?r.concat(mn(t)):[r,mn(t)]:mn(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:i,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==ge?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&et(e.ssContent),ssFallback:e.ssFallback&&et(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce}}function ti(e=" ",t=0){return oe(Tt,null,e,t)}function du(e,t){const n=oe(Ut,null,e);return n.staticCount=t,n}function hu(e="",t=!1){return t?(Yo(),Zo(be,null,e)):oe(be,null,e)}function Re(e){return e==null||typeof e=="boolean"?oe(be):V(e)?oe(ge,null,e.slice()):typeof e=="object"?ze(e):oe(Tt,null,String(e))}function ze(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:et(e)}function Gs(e,t){let n=0;const{shapeFlag:s}=e;if(t==null)t=null;else if(V(t))n=16;else if(typeof t=="object")if(s&65){const r=t.default;r&&(r._c&&(r._d=!1),Gs(e,r()),r._c&&(r._d=!0));return}else{n=32;const r=t._;!r&&!(jn in t)?t._ctx=le:r===3&&le&&(le.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else q(t)?(t={default:t,_ctx:le},n=32):(t=String(t),s&64?(n=16,t=[ti(t)]):n=8);e.children=t,e.shapeFlag|=n}function yc(...e){const t={};for(let n=0;n<e.length;n++){const s=e[n];for(const r in s)if(r==="class")t.class!==s.class&&(t.class=Os([t.class,s.class]));else if(r==="style")t.style=Ls([t.style,s.style]);else if(Wt(r)){const o=t[r],i=s[r];i&&o!==i&&!(V(o)&&o.includes(i))&&(t[r]=o?[].concat(o,i):i)}else r!==""&&(t[r]=s[r])}return t}function Ee(e,t,n,s=null){xe(e,t,7,[n,s])}const vc=$o();let bc=0;function wc(e,t,n){const s=e.type,r=(t?t.appContext:e.appContext)||vc,o={uid:bc++,vnode:e,type:s,parent:t,appContext:r,root:null,next:null,subTree:null,effect:null,update:null,scope:new ki(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(r.provides),accessCache:null,renderCache:[],components:null,directives:null,propsOptions:Vo(s,r),emitsOptions:Ro(s,r),emit:null,emitted:null,propsDefaults:ee,inheritAttrs:s.inheritAttrs,ctx:ee,data:ee,props:ee,attrs:ee,slots:ee,refs:ee,setupState:ee,setupContext:null,attrsProxy:null,slotsProxy:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};return o.ctx={_:o},o.root=t?t.root:o,o.emit=El.bind(null,o),e.ce&&e.ce(o),o}let ue=null;const Vn=()=>ue||le;let Tn,Es;{const e=ro(),t=(n,s)=>{let r;return(r=e[n])||(r=e[n]=[]),r.push(s),o=>{r.length>1?r.forEach(i=>i(o)):r[0](o)}};Tn=t("__VUE_INSTANCE_SETTERS__",n=>ue=n),Es=t("__VUE_SSR_SETTERS__",n=>Xt=n)}const zt=e=>{const t=ue;return Tn(e),e.scope.on(),()=>{e.scope.off(),Tn(t)}},Tr=()=>{ue&&ue.scope.off(),Tn(null)};function ni(e){return e.vnode.shapeFlag&4}let Xt=!1;function Ec(e,t=!1){t&&Es(t);const{props:n,children:s}=e.vnode,r=ni(e);tc(e,n,r,t),rc(e,s);const o=r?Cc(e,t):void 0;return t&&Es(!1),o}function Cc(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=Mt(new Proxy(e.ctx,Wl));const{setup:s}=n;if(s){const r=e.setupContext=s.length>1?ri(e):null,o=zt(e);dt();const i=Je(s,e,0,[e.props,r]);if(ht(),o(),to(i)){if(i.then(Tr,Tr),t)return i.then(l=>{Ar(e,l,t)}).catch(l=>{qt(l,e,0)});e.asyncDep=i}else Ar(e,i,t)}else si(e,t)}function Ar(e,t,n){q(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:Q(t)&&(e.setupState=So(t)),si(e,n)}let Rr;function si(e,t,n){const s=e.type;if(!e.render){if(!t&&Rr&&!s.render){const r=s.template||Bs(e).template;if(r){const{isCustomElement:o,compilerOptions:i}=e.appContext.config,{delimiters:l,compilerOptions:c}=s,a=ce(ce({isCustomElement:o,delimiters:l},i),c);s.render=Rr(r,a)}}e.render=s.render||Se}{const r=zt(e);dt();try{Gl(e)}finally{ht(),r()}}}function Sc(e){return e.attrsProxy||(e.attrsProxy=new Proxy(e.attrs,{get(t,n){return _e(e,"get","$attrs"),t[n]}}))}function ri(e){const t=n=>{e.exposed=n||{}};return{get attrs(){return Sc(e)},slots:e.slots,emit:e.emit,expose:t}}function Kn(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(So(Mt(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in Nt)return Nt[n](e)},has(t,n){return n in t||n in Nt}}))}function xc(e,t=!0){return q(e)?e.displayName||e.name:e.name||t&&e.__name}function Tc(e){return q(e)&&"__vccOpts"in e}const se=(e,t)=>cl(e,t,Xt);function Cs(e,t,n){const s=arguments.length;return s===2?Q(t)&&!V(t)?xn(t)?oe(e,null,[t]):oe(e,t):oe(e,null,t):(s>3?n=Array.prototype.slice.call(arguments,2):s===3&&xn(n)&&(n=[n]),oe(e,t,n))}const Ac="3.4.21";/**
 * @vue/runtime-dom v3.4.21
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
-**/const Rc="http://www.w3.org/2000/svg",Oc="http://www.w3.org/1998/Math/MathML",Xe=typeof document<"u"?document:null,Rr=Xe&&Xe.createElement("template"),Lc={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,s)=>{const r=t==="svg"?Xe.createElementNS(Rc,e):t==="mathml"?Xe.createElementNS(Oc,e):Xe.createElement(e,n?{is:n}:void 0);return e==="select"&&s&&s.multiple!=null&&r.setAttribute("multiple",s.multiple),r},createText:e=>Xe.createTextNode(e),createComment:e=>Xe.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Xe.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,s,r,o){const i=n?n.previousSibling:t.lastChild;if(r&&(r===o||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),n),!(r===o||!(r=r.nextSibling)););else{Rr.innerHTML=s==="svg"?`<svg>${e}</svg>`:s==="mathml"?`<math>${e}</math>`:e;const l=Rr.content;if(s==="svg"||s==="mathml"){const c=l.firstChild;for(;c.firstChild;)l.appendChild(c.firstChild);l.removeChild(c)}t.insertBefore(l,n)}return[i?i.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},Be="transition",Lt="animation",Bt=Symbol("_vtc"),ri=(e,{slots:t})=>Cs(Nl,Ic(e),t);ri.displayName="Transition";const oi={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};ri.props=ce({},Mo,oi);const st=(e,t=[])=>{V(e)?e.forEach(n=>n(...t)):e&&e(...t)},Or=e=>e?V(e)?e.some(t=>t.length>1):e.length>1:!1;function Ic(e){const t={};for(const A in e)A in oi||(t[A]=e[A]);if(e.css===!1)return t;const{name:n="v",type:s,duration:r,enterFromClass:o=`${n}-enter-from`,enterActiveClass:i=`${n}-enter-active`,enterToClass:l=`${n}-enter-to`,appearFromClass:c=o,appearActiveClass:a=i,appearToClass:f=l,leaveFromClass:h=`${n}-leave-from`,leaveActiveClass:p=`${n}-leave-active`,leaveToClass:_=`${n}-leave-to`}=e,w=Mc(r),I=w&&w[0],N=w&&w[1],{onBeforeEnter:B,onEnter:K,onEnterCancelled:m,onLeave:y,onLeaveCancelled:M,onBeforeAppear:O=B,onAppear:F=K,onAppearCancelled:T=m}=t,D=(A,G,ie)=>{rt(A,G?f:l),rt(A,G?a:i),ie&&ie()},E=(A,G)=>{A._isLeaving=!1,rt(A,h),rt(A,_),rt(A,p),G&&G()},k=A=>(G,ie)=>{const fe=A?F:K,$=()=>D(G,A,ie);st(fe,[G,$]),Lr(()=>{rt(G,A?c:o),We(G,A?f:l),Or(fe)||Ir(G,s,I,$)})};return ce(t,{onBeforeEnter(A){st(B,[A]),We(A,o),We(A,i)},onBeforeAppear(A){st(O,[A]),We(A,c),We(A,a)},onEnter:k(!1),onAppear:k(!0),onLeave(A,G){A._isLeaving=!0;const ie=()=>E(A,G);We(A,h),Fc(),We(A,p),Lr(()=>{A._isLeaving&&(rt(A,h),We(A,_),Or(y)||Ir(A,s,N,ie))}),st(y,[A,ie])},onEnterCancelled(A){D(A,!1),st(m,[A])},onAppearCancelled(A){D(A,!0),st(T,[A])},onLeaveCancelled(A){E(A),st(M,[A])}})}function Mc(e){if(e==null)return null;if(Q(e))return[Qn(e.enter),Qn(e.leave)];{const t=Qn(e);return[t,t]}}function Qn(e){return Ii(e)}function We(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.add(n)),(e[Bt]||(e[Bt]=new Set)).add(t)}function rt(e,t){t.split(/\s+/).forEach(s=>s&&e.classList.remove(s));const n=e[Bt];n&&(n.delete(t),n.size||(e[Bt]=void 0))}function Lr(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let Pc=0;function Ir(e,t,n,s){const r=e._endId=++Pc,o=()=>{r===e._endId&&s()};if(n)return setTimeout(o,n);const{type:i,timeout:l,propCount:c}=Nc(e,t);if(!i)return s();const a=i+"end";let f=0;const h=()=>{e.removeEventListener(a,p),o()},p=_=>{_.target===e&&++f>=c&&h()};setTimeout(()=>{f<c&&h()},l+1),e.addEventListener(a,p)}function Nc(e,t){const n=window.getComputedStyle(e),s=w=>(n[w]||"").split(", "),r=s(`${Be}Delay`),o=s(`${Be}Duration`),i=Mr(r,o),l=s(`${Lt}Delay`),c=s(`${Lt}Duration`),a=Mr(l,c);let f=null,h=0,p=0;t===Be?i>0&&(f=Be,h=i,p=o.length):t===Lt?a>0&&(f=Lt,h=a,p=c.length):(h=Math.max(i,a),f=h>0?i>a?Be:Lt:null,p=f?f===Be?o.length:c.length:0);const _=f===Be&&/\b(transform|all)(,|$)/.test(s(`${Be}Property`).toString());return{type:f,timeout:h,propCount:p,hasTransform:_}}function Mr(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map((n,s)=>Pr(n)+Pr(e[s])))}function Pr(e){return e==="auto"?0:Number(e.slice(0,-1).replace(",","."))*1e3}function Fc(){return document.body.offsetHeight}function Dc(e,t,n){const s=e[Bt];s&&(t=(t?[t,...s]:[...s]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const Nr=Symbol("_vod"),Uc=Symbol("_vsh"),kc=Symbol(""),Hc=/(^|;)\s*display\s*:/;function $c(e,t,n){const s=e.style,r=ne(n);let o=!1;if(n&&!r){if(t)if(ne(t))for(const i of t.split(";")){const l=i.slice(0,i.indexOf(":")).trim();n[l]==null&&gn(s,l,"")}else for(const i in t)n[i]==null&&gn(s,i,"");for(const i in n)i==="display"&&(o=!0),gn(s,i,n[i])}else if(r){if(t!==n){const i=s[kc];i&&(n+=";"+i),s.cssText=n,o=Hc.test(n)}}else t&&e.removeAttribute("style");Nr in e&&(e[Nr]=o?s.display:"",e[Uc]&&(s.display="none"))}const Fr=/\s*!important$/;function gn(e,t,n){if(V(n))n.forEach(s=>gn(e,t,s));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const s=jc(e,t);Fr.test(n)?e.setProperty(ft(s),n.replace(Fr,""),"important"):e[s]=n}}const Dr=["Webkit","Moz","ms"],es={};function jc(e,t){const n=es[t];if(n)return n;let s=Fe(t);if(s!=="filter"&&s in e)return es[t]=s;s=Ln(s);for(let r=0;r<Dr.length;r++){const o=Dr[r]+s;if(o in e)return es[t]=o}return t}const Ur="http://www.w3.org/1999/xlink";function Vc(e,t,n,s,r){if(s&&t.startsWith("xlink:"))n==null?e.removeAttributeNS(Ur,t.slice(6,t.length)):e.setAttributeNS(Ur,t,n);else{const o=Ui(t);n==null||o&&!ro(n)?e.removeAttribute(t):e.setAttribute(t,o?"":n)}}function Kc(e,t,n,s,r,o,i){if(t==="innerHTML"||t==="textContent"){s&&i(s,r,o),e[t]=n??"";return}const l=e.tagName;if(t==="value"&&l!=="PROGRESS"&&!l.includes("-")){const a=l==="OPTION"?e.getAttribute("value")||"":e.value,f=n??"";(a!==f||!("_value"in e))&&(e.value=f),n==null&&e.removeAttribute(t),e._value=n;return}let c=!1;if(n===""||n==null){const a=typeof e[t];a==="boolean"?n=ro(n):n==null&&a==="string"?(n="",c=!0):a==="number"&&(n=0,c=!0)}try{e[t]=n}catch{}c&&e.removeAttribute(t)}function gt(e,t,n,s){e.addEventListener(t,n,s)}function Bc(e,t,n,s){e.removeEventListener(t,n,s)}const kr=Symbol("_vei");function Wc(e,t,n,s,r=null){const o=e[kr]||(e[kr]={}),i=o[t];if(s&&i)i.value=s;else{const[l,c]=qc(t);if(s){const a=o[t]=Xc(s,r);gt(e,l,a,c)}else i&&(Bc(e,l,i,c),o[t]=void 0)}}const Hr=/(?:Once|Passive|Capture)$/;function qc(e){let t;if(Hr.test(e)){t={};let s;for(;s=e.match(Hr);)e=e.slice(0,e.length-s[0].length),t[s[0].toLowerCase()]=!0}return[e[2]===":"?e.slice(3):ft(e.slice(2)),t]}let ts=0;const Gc=Promise.resolve(),zc=()=>ts||(Gc.then(()=>ts=0),ts=Date.now());function Xc(e,t){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;xe(Yc(s,n.value),t,5,[s])};return n.value=e,n.attached=zc(),n}function Yc(e,t){if(V(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(s=>r=>!r._stopped&&s&&s(r))}else return t}const $r=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Jc=(e,t,n,s,r,o,i,l,c)=>{const a=r==="svg";t==="class"?Dc(e,s,a):t==="style"?$c(e,n,s):Wt(t)?Ts(t)||Wc(e,t,n,s,i):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):Zc(e,t,s,a))?Kc(e,t,s,o,i,l,c):(t==="true-value"?e._trueValue=s:t==="false-value"&&(e._falseValue=s),Vc(e,t,s,a))};function Zc(e,t,n,s){if(s)return!!(t==="innerHTML"||t==="textContent"||t in e&&$r(t)&&q(n));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const r=e.tagName;if(r==="IMG"||r==="VIDEO"||r==="CANVAS"||r==="SOURCE")return!1}return $r(t)&&ne(n)?!1:t in e}const jr=e=>{const t=e.props["onUpdate:modelValue"]||!1;return V(t)?n=>pn(t,n):t};function Qc(e){e.target.composing=!0}function Vr(e){const t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event("input")))}const ns=Symbol("_assign"),pu={created(e,{modifiers:{lazy:t,trim:n,number:s}},r){e[ns]=jr(r);const o=s||r.props&&r.props.type==="number";gt(e,t?"change":"input",i=>{if(i.target.composing)return;let l=e.value;n&&(l=l.trim()),o&&(l=us(l)),e[ns](l)}),n&&gt(e,"change",()=>{e.value=e.value.trim()}),t||(gt(e,"compositionstart",Qc),gt(e,"compositionend",Vr),gt(e,"change",Vr))},mounted(e,{value:t}){e.value=t??""},beforeUpdate(e,{value:t,modifiers:{lazy:n,trim:s,number:r}},o){if(e[ns]=jr(o),e.composing)return;const i=r||e.type==="number"?us(e.value):e.value,l=t??"";i!==l&&(document.activeElement===e&&e.type!=="range"&&(n||s&&e.value.trim()===l)||(e.value=l))}},ea=["ctrl","shift","alt","meta"],ta={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>ea.some(n=>e[`${n}Key`]&&!t.includes(n))},mu=(e,t)=>{const n=e._withMods||(e._withMods={}),s=t.join(".");return n[s]||(n[s]=(r,...o)=>{for(let i=0;i<t.length;i++){const l=ta[t[i]];if(l&&l(r,t))return}return e(r,...o)})},na={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},gu=(e,t)=>{const n=e._withKeys||(e._withKeys={}),s=t.join(".");return n[s]||(n[s]=r=>{if(!("key"in r))return;const o=ft(r.key);if(t.some(i=>i===o||na[i]===o))return e(r)})},ii=ce({patchProp:Jc},Lc);let Ht,Kr=!1;function sa(){return Ht||(Ht=ac(ii))}function ra(){return Ht=Kr?Ht:uc(ii),Kr=!0,Ht}const _u=(...e)=>{const t=sa().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=ci(s);if(!r)return;const o=t._component;!q(o)&&!o.render&&!o.template&&(o.template=r.innerHTML),r.innerHTML="";const i=n(r,!1,li(r));return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),i},t},yu=(...e)=>{const t=ra().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=ci(s);if(r)return n(r,!0,li(r))},t};function li(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function ci(e){return ne(e)?document.querySelector(e):e}const vu=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},bu="/images/wechat.jpeg",wu="/images/qq_group_qr_code.png",Eu="/images/style.jpg",oa=window.__VP_SITE_DATA__;function zs(e){return io()?($i(e),!0):!1}function Ne(e){return typeof e=="function"?e():Eo(e)}const ai=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ia=Object.prototype.toString,la=e=>ia.call(e)==="[object Object]",Ze=()=>{},Ss=ca();function ca(){var e,t;return ai&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(ad|hone|od)/.test(window.navigator.userAgent)||((t=window==null?void 0:window.navigator)==null?void 0:t.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function aa(e,t){function n(...s){return new Promise((r,o)=>{Promise.resolve(e(()=>t.apply(this,s),{fn:t,thisArg:this,args:s})).then(r).catch(o)})}return n}const ui=e=>e();function ua(e,t={}){let n,s,r=Ze;const o=l=>{clearTimeout(l),r(),r=Ze};return l=>{const c=Ne(e),a=Ne(t.maxWait);return n&&o(n),c<=0||a!==void 0&&a<=0?(s&&(o(s),s=null),Promise.resolve(l())):new Promise((f,h)=>{r=t.rejectOnCancel?h:f,a&&!s&&(s=setTimeout(()=>{n&&o(n),s=null,f(l())},a)),n=setTimeout(()=>{s&&o(s),s=null,f(l())},c)})}}function fa(e=ui){const t=re(!0);function n(){t.value=!1}function s(){t.value=!0}const r=(...o)=>{t.value&&e(...o)};return{isActive:Pn(t),pause:n,resume:s,eventFilter:r}}function da(e){return e||Vn()}function fi(...e){if(e.length!==1)return ml(...e);const t=e[0];return typeof t=="function"?Pn(dl(()=>({get:t,set:Ze}))):re(t)}function di(e,t,n={}){const{eventFilter:s=ui,...r}=n;return He(e,aa(s,t),r)}function ha(e,t,n={}){const{eventFilter:s,...r}=n,{eventFilter:o,pause:i,resume:l,isActive:c}=fa(s);return{stop:di(e,t,{...r,eventFilter:o}),pause:i,resume:l,isActive:c}}function Xs(e,t=!0,n){da()?Rt(e,n):t?e():Nn(e)}function Cu(e,t,n={}){const{debounce:s=0,maxWait:r=void 0,...o}=n;return di(e,t,{...o,eventFilter:ua(s,{maxWait:r})})}function Su(e,t,n){let s;de(n)?s={evaluating:n}:s=n||{};const{lazy:r=!1,evaluating:o=void 0,shallow:i=!0,onError:l=Ze}=s,c=re(!r),a=i?Hs(t):re(t);let f=0;return Vs(async h=>{if(!c.value)return;f++;const p=f;let _=!1;o&&Promise.resolve().then(()=>{o.value=!0});try{const w=await e(I=>{h(()=>{o&&(o.value=!1),_||I()})});p===f&&(a.value=w)}catch(w){l(w)}finally{o&&p===f&&(o.value=!1),_=!0}}),r?se(()=>(c.value=!0,a.value)):a}function _t(e){var t;const n=Ne(e);return(t=n==null?void 0:n.$el)!=null?t:n}const Te=ai?window:void 0;function $e(...e){let t,n,s,r;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,s,r]=e,t=Te):[t,n,s,r]=e,!t)return Ze;Array.isArray(n)||(n=[n]),Array.isArray(s)||(s=[s]);const o=[],i=()=>{o.forEach(f=>f()),o.length=0},l=(f,h,p,_)=>(f.addEventListener(h,p,_),()=>f.removeEventListener(h,p,_)),c=He(()=>[_t(t),Ne(r)],([f,h])=>{if(i(),!f)return;const p=la(h)?{...h}:h;o.push(...n.flatMap(_=>s.map(w=>l(f,_,w,p))))},{immediate:!0,flush:"post"}),a=()=>{c(),i()};return zs(a),a}let Br=!1;function xu(e,t,n={}){const{window:s=Te,ignore:r=[],capture:o=!0,detectIframe:i=!1}=n;if(!s)return Ze;Ss&&!Br&&(Br=!0,Array.from(s.document.body.children).forEach(p=>p.addEventListener("click",Ze)),s.document.documentElement.addEventListener("click",Ze));let l=!0;const c=p=>r.some(_=>{if(typeof _=="string")return Array.from(s.document.querySelectorAll(_)).some(w=>w===p.target||p.composedPath().includes(w));{const w=_t(_);return w&&(p.target===w||p.composedPath().includes(w))}}),f=[$e(s,"click",p=>{const _=_t(e);if(!(!_||_===p.target||p.composedPath().includes(_))){if(p.detail===0&&(l=!c(p)),!l){l=!0;return}t(p)}},{passive:!0,capture:o}),$e(s,"pointerdown",p=>{const _=_t(e);l=!c(p)&&!!(_&&!p.composedPath().includes(_))},{passive:!0}),i&&$e(s,"blur",p=>{setTimeout(()=>{var _;const w=_t(e);((_=s.document.activeElement)==null?void 0:_.tagName)==="IFRAME"&&!(w!=null&&w.contains(s.document.activeElement))&&t(p)},0)})].filter(Boolean);return()=>f.forEach(p=>p())}function pa(e){return typeof e=="function"?e:typeof e=="string"?t=>t.key===e:Array.isArray(e)?t=>e.includes(t.key):()=>!0}function Tu(...e){let t,n,s={};e.length===3?(t=e[0],n=e[1],s=e[2]):e.length===2?typeof e[1]=="object"?(t=!0,n=e[0],s=e[1]):(t=e[0],n=e[1]):(t=!0,n=e[0]);const{target:r=Te,eventName:o="keydown",passive:i=!1,dedupe:l=!1}=s,c=pa(t);return $e(r,o,f=>{f.repeat&&Ne(l)||c(f)&&n(f)},i)}function ma(){const e=re(!1),t=Vn();return t&&Rt(()=>{e.value=!0},t),e}function ga(e){const t=ma();return se(()=>(t.value,!!e()))}function hi(e,t={}){const{window:n=Te}=t,s=ga(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function");let r;const o=re(!1),i=a=>{o.value=a.matches},l=()=>{r&&("removeEventListener"in r?r.removeEventListener("change",i):r.removeListener(i))},c=Vs(()=>{s.value&&(l(),r=n.matchMedia(Ne(e)),"addEventListener"in r?r.addEventListener("change",i):r.addListener(i),o.value=r.matches)});return zs(()=>{c(),l(),r=void 0}),o}const an=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},un="__vueuse_ssr_handlers__",_a=ya();function ya(){return un in an||(an[un]=an[un]||{}),an[un]}function pi(e,t){return _a[e]||t}function va(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"?"object":Number.isNaN(e)?"any":"number"}const ba={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},Wr="vueuse-storage";function Ys(e,t,n,s={}){var r;const{flush:o="pre",deep:i=!0,listenToStorageChanges:l=!0,writeDefaults:c=!0,mergeDefaults:a=!1,shallow:f,window:h=Te,eventFilter:p,onError:_=E=>{console.error(E)},initOnMounted:w}=s,I=(f?Hs:re)(typeof t=="function"?t():t);if(!n)try{n=pi("getDefaultStorage",()=>{var E;return(E=Te)==null?void 0:E.localStorage})()}catch(E){_(E)}if(!n)return I;const N=Ne(t),B=va(N),K=(r=s.serializer)!=null?r:ba[B],{pause:m,resume:y}=ha(I,()=>O(I.value),{flush:o,deep:i,eventFilter:p});h&&l&&Xs(()=>{$e(h,"storage",T),$e(h,Wr,D),w&&T()}),w||T();function M(E,k){h&&h.dispatchEvent(new CustomEvent(Wr,{detail:{key:e,oldValue:E,newValue:k,storageArea:n}}))}function O(E){try{const k=n.getItem(e);if(E==null)M(k,null),n.removeItem(e);else{const A=K.write(E);k!==A&&(n.setItem(e,A),M(k,A))}}catch(k){_(k)}}function F(E){const k=E?E.newValue:n.getItem(e);if(k==null)return c&&N!=null&&n.setItem(e,K.write(N)),N;if(!E&&a){const A=K.read(k);return typeof a=="function"?a(A,N):B==="object"&&!Array.isArray(A)?{...N,...A}:A}else return typeof k!="string"?k:K.read(k)}function T(E){if(!(E&&E.storageArea!==n)){if(E&&E.key==null){I.value=N;return}if(!(E&&E.key!==e)){m();try{(E==null?void 0:E.newValue)!==K.write(I.value)&&(I.value=F(E))}catch(k){_(k)}finally{E?Nn(y):y()}}}}function D(E){T(E.detail)}return I}function mi(e){return hi("(prefers-color-scheme: dark)",e)}function wa(e={}){const{selector:t="html",attribute:n="class",initialValue:s="auto",window:r=Te,storage:o,storageKey:i="vueuse-color-scheme",listenToStorageChanges:l=!0,storageRef:c,emitAuto:a,disableTransition:f=!0}=e,h={auto:"",light:"light",dark:"dark",...e.modes||{}},p=mi({window:r}),_=se(()=>p.value?"dark":"light"),w=c||(i==null?fi(s):Ys(i,s,o,{window:r,listenToStorageChanges:l})),I=se(()=>w.value==="auto"?_.value:w.value),N=pi("updateHTMLAttrs",(y,M,O)=>{const F=typeof y=="string"?r==null?void 0:r.document.querySelector(y):_t(y);if(!F)return;let T;if(f&&(T=r.document.createElement("style"),T.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),r.document.head.appendChild(T)),M==="class"){const D=O.split(/\s/g);Object.values(h).flatMap(E=>(E||"").split(/\s/g)).filter(Boolean).forEach(E=>{D.includes(E)?F.classList.add(E):F.classList.remove(E)})}else F.setAttribute(M,O);f&&(r.getComputedStyle(T).opacity,document.head.removeChild(T))});function B(y){var M;N(t,n,(M=h[y])!=null?M:y)}function K(y){e.onChanged?e.onChanged(y,B):B(y)}He(I,K,{flush:"post",immediate:!0}),Xs(()=>K(I.value));const m=se({get(){return a?w.value:I.value},set(y){w.value=y}});try{return Object.assign(m,{store:w,system:_,state:I})}catch{return m}}function Ea(e={}){const{valueDark:t="dark",valueLight:n="",window:s=Te}=e,r=wa({...e,onChanged:(l,c)=>{var a;e.onChanged?(a=e.onChanged)==null||a.call(e,l==="dark",c,l):c(l)},modes:{dark:t,light:n}}),o=se(()=>r.system?r.system.value:mi({window:s}).value?"dark":"light");return se({get(){return r.value==="dark"},set(l){const c=l?"dark":"light";o.value===c?r.value="auto":r.value=c}})}function ss(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function Au(e,t,n={}){const{window:s=Te}=n;return Ys(e,t,s==null?void 0:s.localStorage,n)}function gi(e){const t=window.getComputedStyle(e);if(t.overflowX==="scroll"||t.overflowY==="scroll"||t.overflowX==="auto"&&e.clientWidth<e.scrollWidth||t.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const n=e.parentNode;return!n||n.tagName==="BODY"?!1:gi(n)}}function Ca(e){const t=e||window.event,n=t.target;return gi(n)?!1:t.touches.length>1?!0:(t.preventDefault&&t.preventDefault(),!1)}const fn=new WeakMap;function Ru(e,t=!1){const n=re(t);let s=null;He(fi(e),i=>{const l=ss(Ne(i));if(l){const c=l;fn.get(c)||fn.set(c,c.style.overflow),n.value&&(c.style.overflow="hidden")}},{immediate:!0});const r=()=>{const i=ss(Ne(e));!i||n.value||(Ss&&(s=$e(i,"touchmove",l=>{Ca(l)},{passive:!1})),i.style.overflow="hidden",n.value=!0)},o=()=>{var i;const l=ss(Ne(e));!l||!n.value||(Ss&&(s==null||s()),l.style.overflow=(i=fn.get(l))!=null?i:"",fn.delete(l),n.value=!1)};return zs(o),se({get(){return n.value},set(i){i?r():o()}})}function Ou(e,t,n={}){const{window:s=Te}=n;return Ys(e,t,s==null?void 0:s.sessionStorage,n)}function Lu(e={}){const{window:t=Te,behavior:n="auto"}=e;if(!t)return{x:re(0),y:re(0)};const s=re(t.scrollX),r=re(t.scrollY),o=se({get(){return s.value},set(l){scrollTo({left:l,behavior:n})}}),i=se({get(){return r.value},set(l){scrollTo({top:l,behavior:n})}});return $e(t,"scroll",()=>{s.value=t.scrollX,r.value=t.scrollY},{capture:!1,passive:!0}),{x:o,y:i}}function Iu(e={}){const{window:t=Te,initialWidth:n=Number.POSITIVE_INFINITY,initialHeight:s=Number.POSITIVE_INFINITY,listenOrientation:r=!0,includeScrollbar:o=!0}=e,i=re(n),l=re(s),c=()=>{t&&(o?(i.value=t.innerWidth,l.value=t.innerHeight):(i.value=t.document.documentElement.clientWidth,l.value=t.document.documentElement.clientHeight))};if(c(),Xs(c),$e("resize",c,{passive:!0}),r){const a=hi("(orientation: portrait)");He(a,()=>c())}return{width:i,height:l}}var rs={BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1},os={NVM_INC:"/Users/lihu/.nvm/versions/node/v21.4.0/include/node",TERM_PROGRAM:"vscode",NODE:"/Users/lihu/.nvm/versions/node/v21.4.0/bin/node",NVM_CD_FLAGS:"-q",INIT_CWD:"/Users/lihu/Desktop/klinecharts/KLineChart",SHELL:"/bin/zsh",TERM:"xterm-256color",TMPDIR:"/var/folders/5p/wrvqz_rj1rxfl60q17g0tpym0000gn/T/",npm_config_global_prefix:"/Users/lihu/Desktop/klinecharts/KLineChart/docs",TERM_PROGRAM_VERSION:"1.87.0",MallocNanoZone:"0",ORIGINAL_XDG_CURRENT_DESKTOP:"undefined",ZDOTDIR:"/Users/lihu",COLOR:"1",npm_config_noproxy:"",ZSH:"/Users/lihu/.oh-my-zsh",npm_config_local_prefix:"/Users/lihu/Desktop/klinecharts/KLineChart/docs",USER:"lihu",NVM_DIR:"/Users/lihu/.nvm",LS_COLORS:"no=00:fi=00:di=01;34:ln=00;36:pi=40;33:so=01;35:do=01;35:bd=40;33;01:cd=40;33;01:or=41;33;01:ex=00;32:*.cmd=00;32:*.exe=01;32:*.com=01;32:*.bat=01;32:*.btm=01;32:*.dll=01;32:*.tar=00;31:*.tbz=00;31:*.tgz=00;31:*.rpm=00;31:*.deb=00;31:*.arj=00;31:*.taz=00;31:*.lzh=00;31:*.lzma=00;31:*.zip=00;31:*.zoo=00;31:*.z=00;31:*.Z=00;31:*.gz=00;31:*.bz2=00;31:*.tb2=00;31:*.tz2=00;31:*.tbz2=00;31:*.avi=01;35:*.bmp=01;35:*.fli=01;35:*.gif=01;35:*.jpg=01;35:*.jpeg=01;35:*.mng=01;35:*.mov=01;35:*.mpg=01;35:*.pcx=01;35:*.pbm=01;35:*.pgm=01;35:*.png=01;35:*.ppm=01;35:*.tga=01;35:*.tif=01;35:*.xbm=01;35:*.xpm=01;35:*.dl=01;35:*.gl=01;35:*.wmv=01;35:*.aiff=00;32:*.au=00;32:*.mid=00;32:*.mp3=00;32:*.ogg=00;32:*.voc=00;32:*.wav=00;32:*.patch=00;34:*.o=00;32:*.so=01;35:*.ko=01;31:*.la=00;33",COMMAND_MODE:"unix2003",npm_config_globalconfig:"/Users/lihu/.nvm/versions/node/v21.4.0/etc/npmrc",SSH_AUTH_SOCK:"/private/tmp/com.apple.launchd.tuPYlsHoHG/Listeners",__CF_USER_TEXT_ENCODING:"0x1F5:0x19:0x34",npm_execpath:"/Users/lihu/.nvm/versions/node/v21.4.0/lib/node_modules/npm/bin/npm-cli.js",PAGER:"less",LSCOLORS:"Gxfxcxdxbxegedabagacad",PATH:"/Users/lihu/Desktop/klinecharts/KLineChart/docs/node_modules/.bin:/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.bin:/Users/lihu/Desktop/klinecharts/node_modules/.bin:/Users/lihu/Desktop/node_modules/.bin:/Users/lihu/node_modules/.bin:/Users/node_modules/.bin:/node_modules/.bin:/Users/lihu/.nvm/versions/node/v21.4.0/lib/node_modules/npm/node_modules/@npmcli/run-script/lib/node-gyp-bin:/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.bin:/Users/lihu/Desktop/klinecharts/node_modules/.bin:/Users/lihu/Desktop/node_modules/.bin:/Users/lihu/node_modules/.bin:/Users/node_modules/.bin:/node_modules/.bin:/Users/lihu/.nvm/versions/node/v21.4.0/lib/node_modules/npm/node_modules/@npmcli/run-script/lib/node-gyp-bin:/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.bin:/Users/lihu/Desktop/klinecharts/node_modules/.bin:/Users/lihu/Desktop/node_modules/.bin:/Users/lihu/node_modules/.bin:/Users/node_modules/.bin:/node_modules/.bin:/Users/lihu/.nvm/versions/node/v21.4.0/lib/node_modules/npm/node_modules/@npmcli/run-script/lib/node-gyp-bin:/Users/lihu/.nvm/versions/node/v21.4.0/bin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin:/Library/Apple/usr/bin:/Users/lihu/.nvm/versions/node/v21.4.0/bin:/Users/lihu/.cargo/bin",npm_package_json:"/Users/lihu/Desktop/klinecharts/KLineChart/docs/package.json",__CFBundleIdentifier:"com.microsoft.VSCode",USER_ZDOTDIR:"/Users/lihu",npm_config_init_module:"/Users/lihu/.npm-init.js",npm_config_userconfig:"/Users/lihu/.npmrc",PWD:"/Users/lihu/Desktop/klinecharts/KLineChart/docs",npm_command:"run-script",EDITOR:"vi",npm_lifecycle_event:"build",LANG:"en_US.UTF-8",npm_package_name:"klinecharts-docs",NODE_PATH:"/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.pnpm/vitepress@1.0.0-rc.44_@algolia+client-search@4.22.0_@types+node@20.10.6_search-insights@2.13.0_typescript@4.9.5/node_modules/vitepress/bin/node_modules:/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.pnpm/vitepress@1.0.0-rc.44_@algolia+client-search@4.22.0_@types+node@20.10.6_search-insights@2.13.0_typescript@4.9.5/node_modules/vitepress/node_modules:/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.pnpm/vitepress@1.0.0-rc.44_@algolia+client-search@4.22.0_@types+node@20.10.6_search-insights@2.13.0_typescript@4.9.5/node_modules:/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.pnpm/node_modules",XPC_FLAGS:"0x0",VSCODE_GIT_ASKPASS_EXTRA_ARGS:"",npm_config_npm_version:"10.2.4",npm_package_engines_node:">=0.10.0",npm_config_node_gyp:"/Users/lihu/.nvm/versions/node/v21.4.0/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js",XPC_SERVICE_NAME:"0",npm_package_version:"9.8.0",VSCODE_INJECTION:"1",HOME:"/Users/lihu",SHLVL:"4",VSCODE_GIT_ASKPASS_MAIN:"/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass-main.js",LOGNAME:"lihu",LESS:"-R",npm_config_cache:"/Users/lihu/.npm",npm_lifecycle_script:"npm run pre-work && vitepress build",VSCODE_GIT_IPC_HANDLE:"/var/folders/5p/wrvqz_rj1rxfl60q17g0tpym0000gn/T/vscode-git-48b14ba5a7.sock",NVM_BIN:"/Users/lihu/.nvm/versions/node/v21.4.0/bin",npm_config_user_agent:"npm/10.2.4 node/v21.4.0 darwin arm64 workspaces/false",GIT_ASKPASS:"/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass.sh",VSCODE_GIT_ASKPASS_NODE:"/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin)",COLORTERM:"truecolor",npm_config_prefix:"/Users/lihu/Desktop/klinecharts/KLineChart/docs",npm_node_execpath:"/Users/lihu/.nvm/versions/node/v21.4.0/bin/node",NODE_ENV:"production"};const _i=/^(?:[a-z]+:|\/\/)/i,Sa="vitepress-theme-appearance",xa=/#.*$/,Ta=/[?#].*$/,Aa=/(?:(^|\/)index)?\.(?:md|html)$/,Ce=typeof document<"u",yi={relativePath:"",filePath:"",title:"404",description:"Not Found",headers:[],frontmatter:{sidebar:!1,layout:"page"},lastUpdated:0,isNotFound:!0};function Ra(e,t,n=!1){if(t===void 0)return!1;if(e=qr(`/${e}`),n)return new RegExp(t).test(e);if(qr(t)!==e)return!1;const s=t.match(xa);return s?(Ce?location.hash:"")===s[0]:!0}function qr(e){return decodeURI(e).replace(Ta,"").replace(Aa,"$1")}function Oa(e){return _i.test(e)}function La(e,t){var s,r,o,i,l,c,a;const n=Object.keys(e.locales).find(f=>f!=="root"&&!Oa(f)&&Ra(t,`/${f}/`,!0))||"root";return Object.assign({},e,{localeIndex:n,lang:((s=e.locales[n])==null?void 0:s.lang)??e.lang,dir:((r=e.locales[n])==null?void 0:r.dir)??e.dir,title:((o=e.locales[n])==null?void 0:o.title)??e.title,titleTemplate:((i=e.locales[n])==null?void 0:i.titleTemplate)??e.titleTemplate,description:((l=e.locales[n])==null?void 0:l.description)??e.description,head:bi(e.head,((c=e.locales[n])==null?void 0:c.head)??[]),themeConfig:{...e.themeConfig,...(a=e.locales[n])==null?void 0:a.themeConfig}})}function vi(e,t){const n=t.title||e.title,s=t.titleTemplate??e.titleTemplate;if(typeof s=="string"&&s.includes(":title"))return s.replace(/:title/g,n);const r=Ia(e.title,s);return n===r.slice(3)?n:`${n}${r}`}function Ia(e,t){return t===!1?"":t===!0||t===void 0?` | ${e}`:e===t?"":` | ${t}`}function Ma(e,t){const[n,s]=t;if(n!=="meta")return!1;const r=Object.entries(s)[0];return r==null?!1:e.some(([o,i])=>o===n&&i[r[0]]===r[1])}function bi(e,t){return[...e.filter(n=>!Ma(t,n)),...t]}const Pa=/[\u0000-\u001F"#$&*+,:;<=>?[\]^`{|}\u007F]/g,Na=/^[a-z]:/i;function Gr(e){const t=Na.exec(e),n=t?t[0]:"";return n+e.slice(n.length).replace(Pa,"_").replace(/(^|\/)_+(?=[^/]*$)/,"$1")}const is=new Set;function Fa(e){if(is.size===0){const n=typeof process=="object"&&(os==null?void 0:os.VITE_EXTRA_EXTENSIONS)||(rs==null?void 0:rs.VITE_EXTRA_EXTENSIONS)||"";("3g2,3gp,aac,ai,apng,au,avif,bin,bmp,cer,class,conf,crl,css,csv,dll,doc,eps,epub,exe,gif,gz,ics,ief,jar,jpe,jpeg,jpg,js,json,jsonld,m4a,man,mid,midi,mjs,mov,mp2,mp3,mp4,mpe,mpeg,mpg,mpp,oga,ogg,ogv,ogx,opus,otf,p10,p7c,p7m,p7s,pdf,png,ps,qt,roff,rtf,rtx,ser,svg,t,tif,tiff,tr,ts,tsv,ttf,txt,vtt,wav,weba,webm,webp,woff,woff2,xhtml,xml,yaml,yml,zip"+(n&&typeof n=="string"?","+n:"")).split(",").forEach(s=>is.add(s))}const t=e.split(".").pop();return t==null||!is.has(t.toLowerCase())}function Mu(e){return e.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}const Da=Symbol(),ut=Hs(oa);function Pu(e){const t=se(()=>La(ut.value,e.data.relativePath)),n=t.value.appearance,s=n==="force-dark"?re(!0):n?Ea({storageKey:Sa,initialValue:()=>typeof n=="string"?n:"auto",...typeof n=="object"?n:{}}):re(!1);return{site:t,theme:se(()=>t.value.themeConfig),page:se(()=>e.data),frontmatter:se(()=>e.data.frontmatter),params:se(()=>e.data.params),lang:se(()=>t.value.lang),dir:se(()=>e.data.frontmatter.dir||t.value.dir),localeIndex:se(()=>t.value.localeIndex||"root"),title:se(()=>vi(t.value,e.data)),description:se(()=>e.data.description||t.value.description),isDark:s}}function Ua(){const e=St(Da);if(!e)throw new Error("vitepress data not properly injected in app");return e}function ka(e,t){return`${e}${t}`.replace(/\/+/g,"/")}function zr(e){return _i.test(e)||!e.startsWith("/")?e:ka(ut.value.base,e)}function Ha(e){let t=e.replace(/\.html$/,"");if(t=decodeURIComponent(t),t=t.replace(/\/$/,"/index"),Ce){const n="/";t=Gr(t.slice(n.length).replace(/\//g,"_")||"index")+".md";let s=__VP_HASH_MAP__[t.toLowerCase()];if(s||(t=t.endsWith("_index.md")?t.slice(0,-9)+".md":t.slice(0,-3)+"_index.md",s=__VP_HASH_MAP__[t.toLowerCase()]),!s)return null;t=`${n}assets/${t}.${s}.js`}else t=`./${Gr(t.slice(1).replace(/\//g,"_"))}.md.js`;return t}let _n=[];function Nu(e){_n.push(e),$n(()=>{_n=_n.filter(t=>t!==e)})}function $a(){let e=ut.value.scrollOffset,t=0,n=24;if(typeof e=="object"&&"padding"in e&&(n=e.padding,e=e.selector),typeof e=="number")t=e;else if(typeof e=="string")t=Xr(e,n);else if(Array.isArray(e))for(const s of e){const r=Xr(s,n);if(r){t=r;break}}return t}function Xr(e,t){const n=document.querySelector(e);if(!n)return 0;const s=n.getBoundingClientRect().bottom;return s<0?0:s+t}const ja=Symbol(),wi="http://a.com",Va=()=>({path:"/",component:null,data:yi});function Fu(e,t){const n=Mn(Va()),s={route:n,go:r};async function r(l=Ce?location.href:"/"){var c,a;l=An(l),await((c=s.onBeforeRouteChange)==null?void 0:c.call(s,l))!==!1&&(Jr(l),await i(l),await((a=s.onAfterRouteChanged)==null?void 0:a.call(s,l)))}let o=null;async function i(l,c=0,a=!1){var p;if(await((p=s.onBeforePageLoad)==null?void 0:p.call(s,l))===!1)return;const f=new URL(l,wi),h=o=f.pathname;try{let _=await e(h);if(!_)throw new Error(`Page not found: ${h}`);if(o===h){o=null;const{default:w,__pageData:I}=_;if(!w)throw new Error(`Invalid route component: ${w}`);n.path=Ce?h:zr(h),n.component=Mt(w),n.data=Mt(I),Ce&&Nn(()=>{let N=ut.value.base+I.relativePath.replace(/(?:(^|\/)index)?\.md$/,"$1");if(!ut.value.cleanUrls&&!N.endsWith("/")&&(N+=".html"),N!==f.pathname&&(f.pathname=N,l=N+f.search+f.hash,history.replaceState(null,"",l)),f.hash&&!c){let B=null;try{B=document.getElementById(decodeURIComponent(f.hash).slice(1))}catch(K){console.warn(K)}if(B){Yr(B,f.hash);return}}window.scrollTo(0,c)})}}catch(_){if(!/fetch|Page not found/.test(_.message)&&!/^\/404(\.html|\/)?$/.test(l)&&console.error(_),!a)try{const w=await fetch(ut.value.base+"hashmap.json");window.__VP_HASH_MAP__=await w.json(),await i(l,c,!0);return}catch{}o===h&&(o=null,n.path=Ce?h:zr(h),n.component=t?Mt(t):null,n.data=yi)}}return Ce&&(window.addEventListener("click",l=>{if(l.target.closest("button"))return;const a=l.target.closest("a");if(a&&!a.closest(".vp-raw")&&(a instanceof SVGElement||!a.download)){const{target:f}=a,{href:h,origin:p,pathname:_,hash:w,search:I}=new URL(a.href instanceof SVGAnimatedString?a.href.animVal:a.href,a.baseURI),N=window.location;!l.ctrlKey&&!l.shiftKey&&!l.altKey&&!l.metaKey&&!f&&p===N.origin&&Fa(_)&&(l.preventDefault(),_===N.pathname&&I===N.search?(w!==N.hash&&(history.pushState(null,"",w),window.dispatchEvent(new Event("hashchange"))),w?Yr(a,w,a.classList.contains("header-anchor")):(Jr(h),window.scrollTo(0,0))):r(h))}},{capture:!0}),window.addEventListener("popstate",async l=>{var c;await i(An(location.href),l.state&&l.state.scrollPosition||0),(c=s.onAfterRouteChanged)==null||c.call(s,location.href)}),window.addEventListener("hashchange",l=>{l.preventDefault()})),s}function Ka(){const e=St(ja);if(!e)throw new Error("useRouter() is called without provider.");return e}function Ei(){return Ka().route}function Yr(e,t,n=!1){let s=null;try{s=e.classList.contains("header-anchor")?e:document.getElementById(decodeURIComponent(t).slice(1))}catch(r){console.warn(r)}if(s){let r=function(){!n||Math.abs(i-window.scrollY)>window.innerHeight?window.scrollTo(0,i):window.scrollTo({left:0,top:i,behavior:"smooth"})};const o=parseInt(window.getComputedStyle(s).paddingTop,10),i=window.scrollY+s.getBoundingClientRect().top-$a()+o;requestAnimationFrame(r)}}function Jr(e){Ce&&An(e)!==An(location.href)&&(history.replaceState({scrollPosition:window.scrollY},document.title),history.pushState(null,"",e))}function An(e){const t=new URL(e,wi);return t.pathname=t.pathname.replace(/(^|\/)index(\.html)?$/,"$1"),ut.value.cleanUrls?t.pathname=t.pathname.replace(/\.html$/,""):!t.pathname.endsWith("/")&&!t.pathname.endsWith(".html")&&(t.pathname+=".html"),t.pathname+t.search+t.hash}const ls=()=>_n.forEach(e=>e()),Du=Ks({name:"VitePressContent",props:{as:{type:[Object,String],default:"div"}},setup(e){const t=Ei(),{site:n}=Ua();return()=>Cs(e.as,n.value.contentProps??{style:{position:"relative"}},[t.component?Cs(t.component,{onVnodeMounted:ls,onVnodeUpdated:ls,onVnodeUnmounted:ls}):"404 Page Not Found"])}}),Uu="/images/alipay_qr_code.png",ku="/images/wechat_pay_qr_code.png",Ba="modulepreload",Wa=function(e){return"/"+e},Zr={},Hu=function(t,n,s){let r=Promise.resolve();if(n&&n.length>0){const o=document.getElementsByTagName("link");r=Promise.all(n.map(i=>{if(i=Wa(i),i in Zr)return;Zr[i]=!0;const l=i.endsWith(".css"),c=l?'[rel="stylesheet"]':"";if(!!s)for(let h=o.length-1;h>=0;h--){const p=o[h];if(p.href===i&&(!l||p.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${c}`))return;const f=document.createElement("link");if(f.rel=l?"stylesheet":Ba,l||(f.as="script",f.crossOrigin=""),f.href=i,document.head.appendChild(f),l)return new Promise((h,p)=>{f.addEventListener("load",h),f.addEventListener("error",()=>p(new Error(`Unable to preload CSS for ${i}`)))})}))}return r.then(()=>t()).catch(o=>{const i=new Event("vite:preloadError",{cancelable:!0});if(i.payload=o,window.dispatchEvent(i),!i.defaultPrevented)throw o})},$u="/images/logo.svg",ju=Ks({setup(e,{slots:t}){const n=re(!1);return Rt(()=>{n.value=!0}),()=>n.value&&t.default?t.default():null}});function Vu(){Ce&&window.addEventListener("click",e=>{var n;const t=e.target;if(t.matches(".vp-code-group input")){const s=(n=t.parentElement)==null?void 0:n.parentElement;if(!s)return;const r=Array.from(s.querySelectorAll("input")).indexOf(t);if(r<0)return;const o=s.querySelector(".blocks");if(!o)return;const i=Array.from(o.children).find(a=>a.classList.contains("active"));if(!i)return;const l=o.children[r];if(!l||i===l)return;i.classList.remove("active"),l.classList.add("active");const c=s==null?void 0:s.querySelector(`label[for="${t.id}"]`);c==null||c.scrollIntoView({block:"nearest"})}})}function Ku(){if(Ce){const e=new WeakMap;window.addEventListener("click",t=>{var s;const n=t.target;if(n.matches('div[class*="language-"] > button.copy')){const r=n.parentElement,o=(s=n.nextElementSibling)==null?void 0:s.nextElementSibling;if(!r||!o)return;const i=/language-(shellscript|shell|bash|sh|zsh)/.test(r.className),l=[".vp-copy-ignore",".diff.remove"],c=o.cloneNode(!0);c.querySelectorAll(l.join(",")).forEach(f=>f.remove());let a=c.textContent||"";i&&(a=a.replace(/^ *(\$|>) /gm,"").trim()),qa(a).then(()=>{n.classList.add("copied"),clearTimeout(e.get(n));const f=setTimeout(()=>{n.classList.remove("copied"),n.blur(),e.delete(n)},2e3);e.set(n,f)})}})}}async function qa(e){try{return navigator.clipboard.writeText(e)}catch{const t=document.createElement("textarea"),n=document.activeElement;t.value=e,t.setAttribute("readonly",""),t.style.contain="strict",t.style.position="absolute",t.style.left="-9999px",t.style.fontSize="12pt";const s=document.getSelection(),r=s?s.rangeCount>0&&s.getRangeAt(0):null;document.body.appendChild(t),t.select(),t.selectionStart=0,t.selectionEnd=e.length,document.execCommand("copy"),document.body.removeChild(t),r&&(s.removeAllRanges(),s.addRange(r)),n&&n.focus()}}function Bu(e,t){let n=!0,s=[];const r=o=>{if(n){n=!1,o.forEach(l=>{const c=cs(l);for(const a of document.head.children)if(a.isEqualNode(c)){s.push(a);return}});return}const i=o.map(cs);s.forEach((l,c)=>{const a=i.findIndex(f=>f==null?void 0:f.isEqualNode(l??null));a!==-1?delete i[a]:(l==null||l.remove(),delete s[c])}),i.forEach(l=>l&&document.head.appendChild(l)),s=[...s,...i].filter(Boolean)};Vs(()=>{const o=e.data,i=t.value,l=o&&o.description,c=o&&o.frontmatter.head||[],a=vi(i,o);a!==document.title&&(document.title=a);const f=l||i.description;let h=document.querySelector("meta[name=description]");h?h.getAttribute("content")!==f&&h.setAttribute("content",f):cs(["meta",{name:"description",content:f}]),r(bi(i.head,za(c)))})}function cs([e,t,n]){const s=document.createElement(e);for(const r in t)s.setAttribute(r,t[r]);return n&&(s.innerHTML=n),e==="script"&&!t.async&&(s.async=!1),s}function Ga(e){return e[0]==="meta"&&e[1]&&e[1].name==="description"}function za(e){return e.filter(t=>!Ga(t))}const as=new Set,Ci=()=>document.createElement("link"),Xa=e=>{const t=Ci();t.rel="prefetch",t.href=e,document.head.appendChild(t)},Ya=e=>{const t=new XMLHttpRequest;t.open("GET",e,t.withCredentials=!0),t.send()};let dn;const Ja=Ce&&(dn=Ci())&&dn.relList&&dn.relList.supports&&dn.relList.supports("prefetch")?Xa:Ya;function Wu(){if(!Ce||!window.IntersectionObserver)return;let e;if((e=navigator.connection)&&(e.saveData||/2g/.test(e.effectiveType)))return;const t=window.requestIdleCallback||setTimeout;let n=null;const s=()=>{n&&n.disconnect(),n=new IntersectionObserver(o=>{o.forEach(i=>{if(i.isIntersecting){const l=i.target;n.unobserve(l);const{pathname:c}=l;if(!as.has(c)){as.add(c);const a=Ha(c);a&&Ja(a)}}})}),t(()=>{document.querySelectorAll("#app a").forEach(o=>{const{hostname:i,pathname:l}=new URL(o.href instanceof SVGAnimatedString?o.href.animVal:o.href,o.baseURI),c=l.match(/\.\w+$/);c&&c[0]!==".html"||o.target!=="_blank"&&i===location.hostname&&(l!==location.pathname?n.observe(o):as.add(l))})})};Rt(s);const r=Ei();He(()=>r.path,s),$n(()=>{n&&n.disconnect()})}export{ec as $,$n as A,su as B,$l as C,$a as D,tu as E,ge as F,iu as G,Hs as H,Nu as I,oe as J,nu as K,_i as L,Ei as M,yc as N,St as O,Iu as P,Os as Q,xu as R,Tu as S,ri as T,Nn as U,Lu as V,Pn as W,ou as X,Hu as Y,Ru as Z,vu as _,ei as a,cu as a0,gu as a1,mu as a2,au as a3,du as a4,$u as a5,Cs as a6,bu as a7,wu as a8,Uu as a9,de as aA,uu as aB,Mt as aC,_u as aD,Mu as aE,ku as aa,Eu as ab,Bu as ac,ja as ad,Pu as ae,Da as af,Du as ag,ju as ah,ut as ai,yu as aj,Fu as ak,Ha as al,Wu as am,Ku as an,Vu as ao,_t as ap,zs as aq,Su as ar,Ou as as,Au as at,Cu as au,Ka as av,$e as aw,Do as ax,ru as ay,pu as az,Jo as b,fu as c,Ks as d,hu as e,Fa as f,zr as g,re as h,Oa as i,Ce as j,se as k,Rt as l,Qo as m,Ls as n,Xo as o,Eo as p,Qa as q,lu as r,eu as s,Za as t,Ua as u,Ra as v,Cl as w,hi as x,He as y,Vs as z};
+**/const Rc="http://www.w3.org/2000/svg",Lc="http://www.w3.org/1998/Math/MathML",Xe=typeof document<"u"?document:null,Lr=Xe&&Xe.createElement("template"),Oc={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,s)=>{const r=t==="svg"?Xe.createElementNS(Rc,e):t==="mathml"?Xe.createElementNS(Lc,e):Xe.createElement(e,n?{is:n}:void 0);return e==="select"&&s&&s.multiple!=null&&r.setAttribute("multiple",s.multiple),r},createText:e=>Xe.createTextNode(e),createComment:e=>Xe.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Xe.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,s,r,o){const i=n?n.previousSibling:t.lastChild;if(r&&(r===o||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),n),!(r===o||!(r=r.nextSibling)););else{Lr.innerHTML=s==="svg"?`<svg>${e}</svg>`:s==="mathml"?`<math>${e}</math>`:e;const l=Lr.content;if(s==="svg"||s==="mathml"){const c=l.firstChild;for(;c.firstChild;)l.appendChild(c.firstChild);l.removeChild(c)}t.insertBefore(l,n)}return[i?i.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},Be="transition",Ot="animation",Bt=Symbol("_vtc"),oi=(e,{slots:t})=>Cs(Nl,Ic(e),t);oi.displayName="Transition";const ii={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};oi.props=ce({},Po,ii);const st=(e,t=[])=>{V(e)?e.forEach(n=>n(...t)):e&&e(...t)},Or=e=>e?V(e)?e.some(t=>t.length>1):e.length>1:!1;function Ic(e){const t={};for(const A in e)A in ii||(t[A]=e[A]);if(e.css===!1)return t;const{name:n="v",type:s,duration:r,enterFromClass:o=`${n}-enter-from`,enterActiveClass:i=`${n}-enter-active`,enterToClass:l=`${n}-enter-to`,appearFromClass:c=o,appearActiveClass:a=i,appearToClass:f=l,leaveFromClass:h=`${n}-leave-from`,leaveActiveClass:p=`${n}-leave-active`,leaveToClass:_=`${n}-leave-to`}=e,w=Mc(r),I=w&&w[0],N=w&&w[1],{onBeforeEnter:B,onEnter:K,onEnterCancelled:m,onLeave:y,onLeaveCancelled:M,onBeforeAppear:L=B,onAppear:F=K,onAppearCancelled:T=m}=t,D=(A,G,ie)=>{rt(A,G?f:l),rt(A,G?a:i),ie&&ie()},E=(A,G)=>{A._isLeaving=!1,rt(A,h),rt(A,_),rt(A,p),G&&G()},k=A=>(G,ie)=>{const fe=A?F:K,$=()=>D(G,A,ie);st(fe,[G,$]),Ir(()=>{rt(G,A?c:o),We(G,A?f:l),Or(fe)||Mr(G,s,I,$)})};return ce(t,{onBeforeEnter(A){st(B,[A]),We(A,o),We(A,i)},onBeforeAppear(A){st(L,[A]),We(A,c),We(A,a)},onEnter:k(!1),onAppear:k(!0),onLeave(A,G){A._isLeaving=!0;const ie=()=>E(A,G);We(A,h),Fc(),We(A,p),Ir(()=>{A._isLeaving&&(rt(A,h),We(A,_),Or(y)||Mr(A,s,N,ie))}),st(y,[A,ie])},onEnterCancelled(A){D(A,!1),st(m,[A])},onAppearCancelled(A){D(A,!0),st(T,[A])},onLeaveCancelled(A){E(A),st(M,[A])}})}function Mc(e){if(e==null)return null;if(Q(e))return[Qn(e.enter),Qn(e.leave)];{const t=Qn(e);return[t,t]}}function Qn(e){return Ii(e)}function We(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.add(n)),(e[Bt]||(e[Bt]=new Set)).add(t)}function rt(e,t){t.split(/\s+/).forEach(s=>s&&e.classList.remove(s));const n=e[Bt];n&&(n.delete(t),n.size||(e[Bt]=void 0))}function Ir(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let Pc=0;function Mr(e,t,n,s){const r=e._endId=++Pc,o=()=>{r===e._endId&&s()};if(n)return setTimeout(o,n);const{type:i,timeout:l,propCount:c}=Nc(e,t);if(!i)return s();const a=i+"end";let f=0;const h=()=>{e.removeEventListener(a,p),o()},p=_=>{_.target===e&&++f>=c&&h()};setTimeout(()=>{f<c&&h()},l+1),e.addEventListener(a,p)}function Nc(e,t){const n=window.getComputedStyle(e),s=w=>(n[w]||"").split(", "),r=s(`${Be}Delay`),o=s(`${Be}Duration`),i=Pr(r,o),l=s(`${Ot}Delay`),c=s(`${Ot}Duration`),a=Pr(l,c);let f=null,h=0,p=0;t===Be?i>0&&(f=Be,h=i,p=o.length):t===Ot?a>0&&(f=Ot,h=a,p=c.length):(h=Math.max(i,a),f=h>0?i>a?Be:Ot:null,p=f?f===Be?o.length:c.length:0);const _=f===Be&&/\b(transform|all)(,|$)/.test(s(`${Be}Property`).toString());return{type:f,timeout:h,propCount:p,hasTransform:_}}function Pr(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map((n,s)=>Nr(n)+Nr(e[s])))}function Nr(e){return e==="auto"?0:Number(e.slice(0,-1).replace(",","."))*1e3}function Fc(){return document.body.offsetHeight}function Dc(e,t,n){const s=e[Bt];s&&(t=(t?[t,...s]:[...s]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const Fr=Symbol("_vod"),Uc=Symbol("_vsh"),kc=Symbol(""),Hc=/(^|;)\s*display\s*:/;function $c(e,t,n){const s=e.style,r=ne(n);let o=!1;if(n&&!r){if(t)if(ne(t))for(const i of t.split(";")){const l=i.slice(0,i.indexOf(":")).trim();n[l]==null&&gn(s,l,"")}else for(const i in t)n[i]==null&&gn(s,i,"");for(const i in n)i==="display"&&(o=!0),gn(s,i,n[i])}else if(r){if(t!==n){const i=s[kc];i&&(n+=";"+i),s.cssText=n,o=Hc.test(n)}}else t&&e.removeAttribute("style");Fr in e&&(e[Fr]=o?s.display:"",e[Uc]&&(s.display="none"))}const Dr=/\s*!important$/;function gn(e,t,n){if(V(n))n.forEach(s=>gn(e,t,s));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const s=jc(e,t);Dr.test(n)?e.setProperty(ft(s),n.replace(Dr,""),"important"):e[s]=n}}const Ur=["Webkit","Moz","ms"],es={};function jc(e,t){const n=es[t];if(n)return n;let s=Fe(t);if(s!=="filter"&&s in e)return es[t]=s;s=On(s);for(let r=0;r<Ur.length;r++){const o=Ur[r]+s;if(o in e)return es[t]=o}return t}const kr="http://www.w3.org/1999/xlink";function Vc(e,t,n,s,r){if(s&&t.startsWith("xlink:"))n==null?e.removeAttributeNS(kr,t.slice(6,t.length)):e.setAttributeNS(kr,t,n);else{const o=Ui(t);n==null||o&&!oo(n)?e.removeAttribute(t):e.setAttribute(t,o?"":n)}}function Kc(e,t,n,s,r,o,i){if(t==="innerHTML"||t==="textContent"){s&&i(s,r,o),e[t]=n??"";return}const l=e.tagName;if(t==="value"&&l!=="PROGRESS"&&!l.includes("-")){const a=l==="OPTION"?e.getAttribute("value")||"":e.value,f=n??"";(a!==f||!("_value"in e))&&(e.value=f),n==null&&e.removeAttribute(t),e._value=n;return}let c=!1;if(n===""||n==null){const a=typeof e[t];a==="boolean"?n=oo(n):n==null&&a==="string"?(n="",c=!0):a==="number"&&(n=0,c=!0)}try{e[t]=n}catch{}c&&e.removeAttribute(t)}function gt(e,t,n,s){e.addEventListener(t,n,s)}function Bc(e,t,n,s){e.removeEventListener(t,n,s)}const Hr=Symbol("_vei");function Wc(e,t,n,s,r=null){const o=e[Hr]||(e[Hr]={}),i=o[t];if(s&&i)i.value=s;else{const[l,c]=qc(t);if(s){const a=o[t]=Xc(s,r);gt(e,l,a,c)}else i&&(Bc(e,l,i,c),o[t]=void 0)}}const $r=/(?:Once|Passive|Capture)$/;function qc(e){let t;if($r.test(e)){t={};let s;for(;s=e.match($r);)e=e.slice(0,e.length-s[0].length),t[s[0].toLowerCase()]=!0}return[e[2]===":"?e.slice(3):ft(e.slice(2)),t]}let ts=0;const Gc=Promise.resolve(),zc=()=>ts||(Gc.then(()=>ts=0),ts=Date.now());function Xc(e,t){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;xe(Yc(s,n.value),t,5,[s])};return n.value=e,n.attached=zc(),n}function Yc(e,t){if(V(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(s=>r=>!r._stopped&&s&&s(r))}else return t}const jr=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Jc=(e,t,n,s,r,o,i,l,c)=>{const a=r==="svg";t==="class"?Dc(e,s,a):t==="style"?$c(e,n,s):Wt(t)?Ts(t)||Wc(e,t,n,s,i):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):Zc(e,t,s,a))?Kc(e,t,s,o,i,l,c):(t==="true-value"?e._trueValue=s:t==="false-value"&&(e._falseValue=s),Vc(e,t,s,a))};function Zc(e,t,n,s){if(s)return!!(t==="innerHTML"||t==="textContent"||t in e&&jr(t)&&q(n));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const r=e.tagName;if(r==="IMG"||r==="VIDEO"||r==="CANVAS"||r==="SOURCE")return!1}return jr(t)&&ne(n)?!1:t in e}const Vr=e=>{const t=e.props["onUpdate:modelValue"]||!1;return V(t)?n=>pn(t,n):t};function Qc(e){e.target.composing=!0}function Kr(e){const t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event("input")))}const ns=Symbol("_assign"),pu={created(e,{modifiers:{lazy:t,trim:n,number:s}},r){e[ns]=Vr(r);const o=s||r.props&&r.props.type==="number";gt(e,t?"change":"input",i=>{if(i.target.composing)return;let l=e.value;n&&(l=l.trim()),o&&(l=us(l)),e[ns](l)}),n&&gt(e,"change",()=>{e.value=e.value.trim()}),t||(gt(e,"compositionstart",Qc),gt(e,"compositionend",Kr),gt(e,"change",Kr))},mounted(e,{value:t}){e.value=t??""},beforeUpdate(e,{value:t,modifiers:{lazy:n,trim:s,number:r}},o){if(e[ns]=Vr(o),e.composing)return;const i=r||e.type==="number"?us(e.value):e.value,l=t??"";i!==l&&(document.activeElement===e&&e.type!=="range"&&(n||s&&e.value.trim()===l)||(e.value=l))}},ea=["ctrl","shift","alt","meta"],ta={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>ea.some(n=>e[`${n}Key`]&&!t.includes(n))},mu=(e,t)=>{const n=e._withMods||(e._withMods={}),s=t.join(".");return n[s]||(n[s]=(r,...o)=>{for(let i=0;i<t.length;i++){const l=ta[t[i]];if(l&&l(r,t))return}return e(r,...o)})},na={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},gu=(e,t)=>{const n=e._withKeys||(e._withKeys={}),s=t.join(".");return n[s]||(n[s]=r=>{if(!("key"in r))return;const o=ft(r.key);if(t.some(i=>i===o||na[i]===o))return e(r)})},li=ce({patchProp:Jc},Oc);let Ht,Br=!1;function sa(){return Ht||(Ht=ac(li))}function ra(){return Ht=Br?Ht:uc(li),Br=!0,Ht}const _u=(...e)=>{const t=sa().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=ai(s);if(!r)return;const o=t._component;!q(o)&&!o.render&&!o.template&&(o.template=r.innerHTML),r.innerHTML="";const i=n(r,!1,ci(r));return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),i},t},yu=(...e)=>{const t=ra().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=ai(s);if(r)return n(r,!0,ci(r))},t};function ci(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function ai(e){return ne(e)?document.querySelector(e):e}const vu=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},bu="/images/wechat.jpeg",wu="/images/qq_group_qr_code.png",Eu="/images/style.jpg",oa=window.__VP_SITE_DATA__;function zs(e){return lo()?($i(e),!0):!1}function Ne(e){return typeof e=="function"?e():Co(e)}const ui=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ia=Object.prototype.toString,la=e=>ia.call(e)==="[object Object]",Ze=()=>{},Ss=ca();function ca(){var e,t;return ui&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(ad|hone|od)/.test(window.navigator.userAgent)||((t=window==null?void 0:window.navigator)==null?void 0:t.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function aa(e,t){function n(...s){return new Promise((r,o)=>{Promise.resolve(e(()=>t.apply(this,s),{fn:t,thisArg:this,args:s})).then(r).catch(o)})}return n}const fi=e=>e();function ua(e,t={}){let n,s,r=Ze;const o=l=>{clearTimeout(l),r(),r=Ze};return l=>{const c=Ne(e),a=Ne(t.maxWait);return n&&o(n),c<=0||a!==void 0&&a<=0?(s&&(o(s),s=null),Promise.resolve(l())):new Promise((f,h)=>{r=t.rejectOnCancel?h:f,a&&!s&&(s=setTimeout(()=>{n&&o(n),s=null,f(l())},a)),n=setTimeout(()=>{s&&o(s),s=null,f(l())},c)})}}function fa(e=fi){const t=re(!0);function n(){t.value=!1}function s(){t.value=!0}const r=(...o)=>{t.value&&e(...o)};return{isActive:Pn(t),pause:n,resume:s,eventFilter:r}}function da(e){return e||Vn()}function di(...e){if(e.length!==1)return ml(...e);const t=e[0];return typeof t=="function"?Pn(dl(()=>({get:t,set:Ze}))):re(t)}function hi(e,t,n={}){const{eventFilter:s=fi,...r}=n;return He(e,aa(s,t),r)}function ha(e,t,n={}){const{eventFilter:s,...r}=n,{eventFilter:o,pause:i,resume:l,isActive:c}=fa(s);return{stop:hi(e,t,{...r,eventFilter:o}),pause:i,resume:l,isActive:c}}function Xs(e,t=!0,n){da()?Rt(e,n):t?e():Nn(e)}function Cu(e,t,n={}){const{debounce:s=0,maxWait:r=void 0,...o}=n;return hi(e,t,{...o,eventFilter:ua(s,{maxWait:r})})}function Su(e,t,n){let s;de(n)?s={evaluating:n}:s=n||{};const{lazy:r=!1,evaluating:o=void 0,shallow:i=!0,onError:l=Ze}=s,c=re(!r),a=i?Hs(t):re(t);let f=0;return Vs(async h=>{if(!c.value)return;f++;const p=f;let _=!1;o&&Promise.resolve().then(()=>{o.value=!0});try{const w=await e(I=>{h(()=>{o&&(o.value=!1),_||I()})});p===f&&(a.value=w)}catch(w){l(w)}finally{o&&p===f&&(o.value=!1),_=!0}}),r?se(()=>(c.value=!0,a.value)):a}function _t(e){var t;const n=Ne(e);return(t=n==null?void 0:n.$el)!=null?t:n}const Te=ui?window:void 0;function $e(...e){let t,n,s,r;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,s,r]=e,t=Te):[t,n,s,r]=e,!t)return Ze;Array.isArray(n)||(n=[n]),Array.isArray(s)||(s=[s]);const o=[],i=()=>{o.forEach(f=>f()),o.length=0},l=(f,h,p,_)=>(f.addEventListener(h,p,_),()=>f.removeEventListener(h,p,_)),c=He(()=>[_t(t),Ne(r)],([f,h])=>{if(i(),!f)return;const p=la(h)?{...h}:h;o.push(...n.flatMap(_=>s.map(w=>l(f,_,w,p))))},{immediate:!0,flush:"post"}),a=()=>{c(),i()};return zs(a),a}let Wr=!1;function xu(e,t,n={}){const{window:s=Te,ignore:r=[],capture:o=!0,detectIframe:i=!1}=n;if(!s)return Ze;Ss&&!Wr&&(Wr=!0,Array.from(s.document.body.children).forEach(p=>p.addEventListener("click",Ze)),s.document.documentElement.addEventListener("click",Ze));let l=!0;const c=p=>r.some(_=>{if(typeof _=="string")return Array.from(s.document.querySelectorAll(_)).some(w=>w===p.target||p.composedPath().includes(w));{const w=_t(_);return w&&(p.target===w||p.composedPath().includes(w))}}),f=[$e(s,"click",p=>{const _=_t(e);if(!(!_||_===p.target||p.composedPath().includes(_))){if(p.detail===0&&(l=!c(p)),!l){l=!0;return}t(p)}},{passive:!0,capture:o}),$e(s,"pointerdown",p=>{const _=_t(e);l=!c(p)&&!!(_&&!p.composedPath().includes(_))},{passive:!0}),i&&$e(s,"blur",p=>{setTimeout(()=>{var _;const w=_t(e);((_=s.document.activeElement)==null?void 0:_.tagName)==="IFRAME"&&!(w!=null&&w.contains(s.document.activeElement))&&t(p)},0)})].filter(Boolean);return()=>f.forEach(p=>p())}function pa(e){return typeof e=="function"?e:typeof e=="string"?t=>t.key===e:Array.isArray(e)?t=>e.includes(t.key):()=>!0}function Tu(...e){let t,n,s={};e.length===3?(t=e[0],n=e[1],s=e[2]):e.length===2?typeof e[1]=="object"?(t=!0,n=e[0],s=e[1]):(t=e[0],n=e[1]):(t=!0,n=e[0]);const{target:r=Te,eventName:o="keydown",passive:i=!1,dedupe:l=!1}=s,c=pa(t);return $e(r,o,f=>{f.repeat&&Ne(l)||c(f)&&n(f)},i)}function ma(){const e=re(!1),t=Vn();return t&&Rt(()=>{e.value=!0},t),e}function ga(e){const t=ma();return se(()=>(t.value,!!e()))}function pi(e,t={}){const{window:n=Te}=t,s=ga(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function");let r;const o=re(!1),i=a=>{o.value=a.matches},l=()=>{r&&("removeEventListener"in r?r.removeEventListener("change",i):r.removeListener(i))},c=Vs(()=>{s.value&&(l(),r=n.matchMedia(Ne(e)),"addEventListener"in r?r.addEventListener("change",i):r.addListener(i),o.value=r.matches)});return zs(()=>{c(),l(),r=void 0}),o}const an=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},un="__vueuse_ssr_handlers__",_a=ya();function ya(){return un in an||(an[un]=an[un]||{}),an[un]}function mi(e,t){return _a[e]||t}function va(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"?"object":Number.isNaN(e)?"any":"number"}const ba={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},qr="vueuse-storage";function Ys(e,t,n,s={}){var r;const{flush:o="pre",deep:i=!0,listenToStorageChanges:l=!0,writeDefaults:c=!0,mergeDefaults:a=!1,shallow:f,window:h=Te,eventFilter:p,onError:_=E=>{console.error(E)},initOnMounted:w}=s,I=(f?Hs:re)(typeof t=="function"?t():t);if(!n)try{n=mi("getDefaultStorage",()=>{var E;return(E=Te)==null?void 0:E.localStorage})()}catch(E){_(E)}if(!n)return I;const N=Ne(t),B=va(N),K=(r=s.serializer)!=null?r:ba[B],{pause:m,resume:y}=ha(I,()=>L(I.value),{flush:o,deep:i,eventFilter:p});h&&l&&Xs(()=>{$e(h,"storage",T),$e(h,qr,D),w&&T()}),w||T();function M(E,k){h&&h.dispatchEvent(new CustomEvent(qr,{detail:{key:e,oldValue:E,newValue:k,storageArea:n}}))}function L(E){try{const k=n.getItem(e);if(E==null)M(k,null),n.removeItem(e);else{const A=K.write(E);k!==A&&(n.setItem(e,A),M(k,A))}}catch(k){_(k)}}function F(E){const k=E?E.newValue:n.getItem(e);if(k==null)return c&&N!=null&&n.setItem(e,K.write(N)),N;if(!E&&a){const A=K.read(k);return typeof a=="function"?a(A,N):B==="object"&&!Array.isArray(A)?{...N,...A}:A}else return typeof k!="string"?k:K.read(k)}function T(E){if(!(E&&E.storageArea!==n)){if(E&&E.key==null){I.value=N;return}if(!(E&&E.key!==e)){m();try{(E==null?void 0:E.newValue)!==K.write(I.value)&&(I.value=F(E))}catch(k){_(k)}finally{E?Nn(y):y()}}}}function D(E){T(E.detail)}return I}function gi(e){return pi("(prefers-color-scheme: dark)",e)}function wa(e={}){const{selector:t="html",attribute:n="class",initialValue:s="auto",window:r=Te,storage:o,storageKey:i="vueuse-color-scheme",listenToStorageChanges:l=!0,storageRef:c,emitAuto:a,disableTransition:f=!0}=e,h={auto:"",light:"light",dark:"dark",...e.modes||{}},p=gi({window:r}),_=se(()=>p.value?"dark":"light"),w=c||(i==null?di(s):Ys(i,s,o,{window:r,listenToStorageChanges:l})),I=se(()=>w.value==="auto"?_.value:w.value),N=mi("updateHTMLAttrs",(y,M,L)=>{const F=typeof y=="string"?r==null?void 0:r.document.querySelector(y):_t(y);if(!F)return;let T;if(f&&(T=r.document.createElement("style"),T.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),r.document.head.appendChild(T)),M==="class"){const D=L.split(/\s/g);Object.values(h).flatMap(E=>(E||"").split(/\s/g)).filter(Boolean).forEach(E=>{D.includes(E)?F.classList.add(E):F.classList.remove(E)})}else F.setAttribute(M,L);f&&(r.getComputedStyle(T).opacity,document.head.removeChild(T))});function B(y){var M;N(t,n,(M=h[y])!=null?M:y)}function K(y){e.onChanged?e.onChanged(y,B):B(y)}He(I,K,{flush:"post",immediate:!0}),Xs(()=>K(I.value));const m=se({get(){return a?w.value:I.value},set(y){w.value=y}});try{return Object.assign(m,{store:w,system:_,state:I})}catch{return m}}function Ea(e={}){const{valueDark:t="dark",valueLight:n="",window:s=Te}=e,r=wa({...e,onChanged:(l,c)=>{var a;e.onChanged?(a=e.onChanged)==null||a.call(e,l==="dark",c,l):c(l)},modes:{dark:t,light:n}}),o=se(()=>r.system?r.system.value:gi({window:s}).value?"dark":"light");return se({get(){return r.value==="dark"},set(l){const c=l?"dark":"light";o.value===c?r.value="auto":r.value=c}})}function ss(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function Au(e,t,n={}){const{window:s=Te}=n;return Ys(e,t,s==null?void 0:s.localStorage,n)}function _i(e){const t=window.getComputedStyle(e);if(t.overflowX==="scroll"||t.overflowY==="scroll"||t.overflowX==="auto"&&e.clientWidth<e.scrollWidth||t.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const n=e.parentNode;return!n||n.tagName==="BODY"?!1:_i(n)}}function Ca(e){const t=e||window.event,n=t.target;return _i(n)?!1:t.touches.length>1?!0:(t.preventDefault&&t.preventDefault(),!1)}const fn=new WeakMap;function Ru(e,t=!1){const n=re(t);let s=null;He(di(e),i=>{const l=ss(Ne(i));if(l){const c=l;fn.get(c)||fn.set(c,c.style.overflow),n.value&&(c.style.overflow="hidden")}},{immediate:!0});const r=()=>{const i=ss(Ne(e));!i||n.value||(Ss&&(s=$e(i,"touchmove",l=>{Ca(l)},{passive:!1})),i.style.overflow="hidden",n.value=!0)},o=()=>{var i;const l=ss(Ne(e));!l||!n.value||(Ss&&(s==null||s()),l.style.overflow=(i=fn.get(l))!=null?i:"",fn.delete(l),n.value=!1)};return zs(o),se({get(){return n.value},set(i){i?r():o()}})}function Lu(e,t,n={}){const{window:s=Te}=n;return Ys(e,t,s==null?void 0:s.sessionStorage,n)}function Ou(e={}){const{window:t=Te,behavior:n="auto"}=e;if(!t)return{x:re(0),y:re(0)};const s=re(t.scrollX),r=re(t.scrollY),o=se({get(){return s.value},set(l){scrollTo({left:l,behavior:n})}}),i=se({get(){return r.value},set(l){scrollTo({top:l,behavior:n})}});return $e(t,"scroll",()=>{s.value=t.scrollX,r.value=t.scrollY},{capture:!1,passive:!0}),{x:o,y:i}}function Iu(e={}){const{window:t=Te,initialWidth:n=Number.POSITIVE_INFINITY,initialHeight:s=Number.POSITIVE_INFINITY,listenOrientation:r=!0,includeScrollbar:o=!0}=e,i=re(n),l=re(s),c=()=>{t&&(o?(i.value=t.innerWidth,l.value=t.innerHeight):(i.value=t.document.documentElement.clientWidth,l.value=t.document.documentElement.clientHeight))};if(c(),Xs(c),$e("resize",c,{passive:!0}),r){const a=pi("(orientation: portrait)");He(a,()=>c())}return{width:i,height:l}}var rs={BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1},os={NVM_INC:"/Users/lihu/.nvm/versions/node/v21.4.0/include/node",TERM_PROGRAM:"vscode",NODE:"/Users/lihu/.nvm/versions/node/v21.4.0/bin/node",NVM_CD_FLAGS:"-q",INIT_CWD:"/Users/lihu/Desktop/klinecharts/KLineChart",SHELL:"/bin/zsh",TERM:"xterm-256color",TMPDIR:"/var/folders/5p/wrvqz_rj1rxfl60q17g0tpym0000gn/T/",npm_config_global_prefix:"/Users/lihu/Desktop/klinecharts/KLineChart/docs",TERM_PROGRAM_VERSION:"1.87.0",MallocNanoZone:"0",ORIGINAL_XDG_CURRENT_DESKTOP:"undefined",ZDOTDIR:"/Users/lihu",COLOR:"1",npm_config_noproxy:"",ZSH:"/Users/lihu/.oh-my-zsh",npm_config_local_prefix:"/Users/lihu/Desktop/klinecharts/KLineChart/docs",USER:"lihu",NVM_DIR:"/Users/lihu/.nvm",LS_COLORS:"no=00:fi=00:di=01;34:ln=00;36:pi=40;33:so=01;35:do=01;35:bd=40;33;01:cd=40;33;01:or=41;33;01:ex=00;32:*.cmd=00;32:*.exe=01;32:*.com=01;32:*.bat=01;32:*.btm=01;32:*.dll=01;32:*.tar=00;31:*.tbz=00;31:*.tgz=00;31:*.rpm=00;31:*.deb=00;31:*.arj=00;31:*.taz=00;31:*.lzh=00;31:*.lzma=00;31:*.zip=00;31:*.zoo=00;31:*.z=00;31:*.Z=00;31:*.gz=00;31:*.bz2=00;31:*.tb2=00;31:*.tz2=00;31:*.tbz2=00;31:*.avi=01;35:*.bmp=01;35:*.fli=01;35:*.gif=01;35:*.jpg=01;35:*.jpeg=01;35:*.mng=01;35:*.mov=01;35:*.mpg=01;35:*.pcx=01;35:*.pbm=01;35:*.pgm=01;35:*.png=01;35:*.ppm=01;35:*.tga=01;35:*.tif=01;35:*.xbm=01;35:*.xpm=01;35:*.dl=01;35:*.gl=01;35:*.wmv=01;35:*.aiff=00;32:*.au=00;32:*.mid=00;32:*.mp3=00;32:*.ogg=00;32:*.voc=00;32:*.wav=00;32:*.patch=00;34:*.o=00;32:*.so=01;35:*.ko=01;31:*.la=00;33",COMMAND_MODE:"unix2003",npm_config_globalconfig:"/Users/lihu/.nvm/versions/node/v21.4.0/etc/npmrc",SSH_AUTH_SOCK:"/private/tmp/com.apple.launchd.yy10DEPvLI/Listeners",__CF_USER_TEXT_ENCODING:"0x1F5:0x19:0x34",npm_execpath:"/Users/lihu/.nvm/versions/node/v21.4.0/lib/node_modules/npm/bin/npm-cli.js",PAGER:"less",LSCOLORS:"Gxfxcxdxbxegedabagacad",PATH:"/Users/lihu/Desktop/klinecharts/KLineChart/docs/node_modules/.bin:/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.bin:/Users/lihu/Desktop/klinecharts/node_modules/.bin:/Users/lihu/Desktop/node_modules/.bin:/Users/lihu/node_modules/.bin:/Users/node_modules/.bin:/node_modules/.bin:/Users/lihu/.nvm/versions/node/v21.4.0/lib/node_modules/npm/node_modules/@npmcli/run-script/lib/node-gyp-bin:/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.bin:/Users/lihu/Desktop/klinecharts/node_modules/.bin:/Users/lihu/Desktop/node_modules/.bin:/Users/lihu/node_modules/.bin:/Users/node_modules/.bin:/node_modules/.bin:/Users/lihu/.nvm/versions/node/v21.4.0/lib/node_modules/npm/node_modules/@npmcli/run-script/lib/node-gyp-bin:/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.bin:/Users/lihu/Desktop/klinecharts/node_modules/.bin:/Users/lihu/Desktop/node_modules/.bin:/Users/lihu/node_modules/.bin:/Users/node_modules/.bin:/node_modules/.bin:/Users/lihu/.nvm/versions/node/v21.4.0/lib/node_modules/npm/node_modules/@npmcli/run-script/lib/node-gyp-bin:/Users/lihu/.nvm/versions/node/v21.4.0/bin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin:/Library/Apple/usr/bin:/Users/lihu/.nvm/versions/node/v21.4.0/bin:/Users/lihu/.cargo/bin",npm_package_json:"/Users/lihu/Desktop/klinecharts/KLineChart/docs/package.json",__CFBundleIdentifier:"com.microsoft.VSCode",USER_ZDOTDIR:"/Users/lihu",npm_config_init_module:"/Users/lihu/.npm-init.js",npm_config_userconfig:"/Users/lihu/.npmrc",PWD:"/Users/lihu/Desktop/klinecharts/KLineChart/docs",npm_command:"run-script",EDITOR:"vi",npm_lifecycle_event:"build",LANG:"en_US.UTF-8",npm_package_name:"klinecharts-docs",NODE_PATH:"/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.pnpm/vitepress@1.0.0-rc.45_@algolia+client-search@4.22.0_@types+node@20.10.6_search-insights@2.13.0_typescript@4.9.5/node_modules/vitepress/bin/node_modules:/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.pnpm/vitepress@1.0.0-rc.45_@algolia+client-search@4.22.0_@types+node@20.10.6_search-insights@2.13.0_typescript@4.9.5/node_modules/vitepress/node_modules:/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.pnpm/vitepress@1.0.0-rc.45_@algolia+client-search@4.22.0_@types+node@20.10.6_search-insights@2.13.0_typescript@4.9.5/node_modules:/Users/lihu/Desktop/klinecharts/KLineChart/node_modules/.pnpm/node_modules",XPC_FLAGS:"0x0",VSCODE_GIT_ASKPASS_EXTRA_ARGS:"",npm_config_npm_version:"10.2.4",npm_package_engines_node:">=0.10.0",npm_config_node_gyp:"/Users/lihu/.nvm/versions/node/v21.4.0/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js",XPC_SERVICE_NAME:"0",npm_package_version:"9.8.0",VSCODE_INJECTION:"1",HOME:"/Users/lihu",SHLVL:"4",VSCODE_GIT_ASKPASS_MAIN:"/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass-main.js",LOGNAME:"lihu",LESS:"-R",npm_config_cache:"/Users/lihu/.npm",npm_lifecycle_script:"npm run pre-work && vitepress build",VSCODE_GIT_IPC_HANDLE:"/var/folders/5p/wrvqz_rj1rxfl60q17g0tpym0000gn/T/vscode-git-48b14ba5a7.sock",NVM_BIN:"/Users/lihu/.nvm/versions/node/v21.4.0/bin",npm_config_user_agent:"npm/10.2.4 node/v21.4.0 darwin arm64 workspaces/false",GIT_ASKPASS:"/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass.sh",VSCODE_GIT_ASKPASS_NODE:"/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin)",COLORTERM:"truecolor",npm_config_prefix:"/Users/lihu/Desktop/klinecharts/KLineChart/docs",npm_node_execpath:"/Users/lihu/.nvm/versions/node/v21.4.0/bin/node",NODE_ENV:"production"};const yi=/^(?:[a-z]+:|\/\/)/i,Sa="vitepress-theme-appearance",xa=/#.*$/,Ta=/[?#].*$/,Aa=/(?:(^|\/)index)?\.(?:md|html)$/,Ce=typeof document<"u",vi={relativePath:"",filePath:"",title:"404",description:"Not Found",headers:[],frontmatter:{sidebar:!1,layout:"page"},lastUpdated:0,isNotFound:!0};function Ra(e,t,n=!1){if(t===void 0)return!1;if(e=Gr(`/${e}`),n)return new RegExp(t).test(e);if(Gr(t)!==e)return!1;const s=t.match(xa);return s?(Ce?location.hash:"")===s[0]:!0}function Gr(e){return decodeURI(e).replace(Ta,"").replace(Aa,"$1")}function La(e){return yi.test(e)}function Oa(e,t){var s,r,o,i,l,c,a;const n=Object.keys(e.locales).find(f=>f!=="root"&&!La(f)&&Ra(t,`/${f}/`,!0))||"root";return Object.assign({},e,{localeIndex:n,lang:((s=e.locales[n])==null?void 0:s.lang)??e.lang,dir:((r=e.locales[n])==null?void 0:r.dir)??e.dir,title:((o=e.locales[n])==null?void 0:o.title)??e.title,titleTemplate:((i=e.locales[n])==null?void 0:i.titleTemplate)??e.titleTemplate,description:((l=e.locales[n])==null?void 0:l.description)??e.description,head:wi(e.head,((c=e.locales[n])==null?void 0:c.head)??[]),themeConfig:{...e.themeConfig,...(a=e.locales[n])==null?void 0:a.themeConfig}})}function bi(e,t){const n=t.title||e.title,s=t.titleTemplate??e.titleTemplate;if(typeof s=="string"&&s.includes(":title"))return s.replace(/:title/g,n);const r=Ia(e.title,s);return n===r.slice(3)?n:`${n}${r}`}function Ia(e,t){return t===!1?"":t===!0||t===void 0?` | ${e}`:e===t?"":` | ${t}`}function Ma(e,t){const[n,s]=t;if(n!=="meta")return!1;const r=Object.entries(s)[0];return r==null?!1:e.some(([o,i])=>o===n&&i[r[0]]===r[1])}function wi(e,t){return[...e.filter(n=>!Ma(t,n)),...t]}const Pa=/[\u0000-\u001F"#$&*+,:;<=>?[\]^`{|}\u007F]/g,Na=/^[a-z]:/i;function zr(e){const t=Na.exec(e),n=t?t[0]:"";return n+e.slice(n.length).replace(Pa,"_").replace(/(^|\/)_+(?=[^/]*$)/,"$1")}const is=new Set;function Fa(e){if(is.size===0){const n=typeof process=="object"&&(os==null?void 0:os.VITE_EXTRA_EXTENSIONS)||(rs==null?void 0:rs.VITE_EXTRA_EXTENSIONS)||"";("3g2,3gp,aac,ai,apng,au,avif,bin,bmp,cer,class,conf,crl,css,csv,dll,doc,eps,epub,exe,gif,gz,ics,ief,jar,jpe,jpeg,jpg,js,json,jsonld,m4a,man,mid,midi,mjs,mov,mp2,mp3,mp4,mpe,mpeg,mpg,mpp,oga,ogg,ogv,ogx,opus,otf,p10,p7c,p7m,p7s,pdf,png,ps,qt,roff,rtf,rtx,ser,svg,t,tif,tiff,tr,ts,tsv,ttf,txt,vtt,wav,weba,webm,webp,woff,woff2,xhtml,xml,yaml,yml,zip"+(n&&typeof n=="string"?","+n:"")).split(",").forEach(s=>is.add(s))}const t=e.split(".").pop();return t==null||!is.has(t.toLowerCase())}function Mu(e){return e.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}const Da=Symbol(),ut=Hs(oa);function Pu(e){const t=se(()=>Oa(ut.value,e.data.relativePath)),n=t.value.appearance,s=n==="force-dark"?re(!0):n?Ea({storageKey:Sa,initialValue:()=>typeof n=="string"?n:"auto",...typeof n=="object"?n:{}}):re(!1);return{site:t,theme:se(()=>t.value.themeConfig),page:se(()=>e.data),frontmatter:se(()=>e.data.frontmatter),params:se(()=>e.data.params),lang:se(()=>t.value.lang),dir:se(()=>e.data.frontmatter.dir||t.value.dir),localeIndex:se(()=>t.value.localeIndex||"root"),title:se(()=>bi(t.value,e.data)),description:se(()=>e.data.description||t.value.description),isDark:s}}function Ua(){const e=St(Da);if(!e)throw new Error("vitepress data not properly injected in app");return e}function ka(e,t){return`${e}${t}`.replace(/\/+/g,"/")}function Xr(e){return yi.test(e)||!e.startsWith("/")?e:ka(ut.value.base,e)}function Ha(e){let t=e.replace(/\.html$/,"");if(t=decodeURIComponent(t),t=t.replace(/\/$/,"/index"),Ce){const n="/";t=zr(t.slice(n.length).replace(/\//g,"_")||"index")+".md";let s=__VP_HASH_MAP__[t.toLowerCase()];if(s||(t=t.endsWith("_index.md")?t.slice(0,-9)+".md":t.slice(0,-3)+"_index.md",s=__VP_HASH_MAP__[t.toLowerCase()]),!s)return null;t=`${n}assets/${t}.${s}.js`}else t=`./${zr(t.slice(1).replace(/\//g,"_"))}.md.js`;return t}let _n=[];function Nu(e){_n.push(e),$n(()=>{_n=_n.filter(t=>t!==e)})}function $a(){let e=ut.value.scrollOffset,t=0,n=24;if(typeof e=="object"&&"padding"in e&&(n=e.padding,e=e.selector),typeof e=="number")t=e;else if(typeof e=="string")t=Yr(e,n);else if(Array.isArray(e))for(const s of e){const r=Yr(s,n);if(r){t=r;break}}return t}function Yr(e,t){const n=document.querySelector(e);if(!n)return 0;const s=n.getBoundingClientRect().bottom;return s<0?0:s+t}const ja=Symbol(),Js="http://a.com",Va=()=>({path:"/",component:null,data:vi});function Fu(e,t){const n=Mn(Va()),s={route:n,go:r};async function r(l=Ce?location.href:"/"){var c,a;l=An(l),await((c=s.onBeforeRouteChange)==null?void 0:c.call(s,l))!==!1&&(Zr(l),await i(l),await((a=s.onAfterRouteChanged)==null?void 0:a.call(s,l)))}let o=null;async function i(l,c=0,a=!1){var p;if(await((p=s.onBeforePageLoad)==null?void 0:p.call(s,l))===!1)return;const f=new URL(l,Js),h=o=f.pathname;try{let _=await e(h);if(!_)throw new Error(`Page not found: ${h}`);if(o===h){o=null;const{default:w,__pageData:I}=_;if(!w)throw new Error(`Invalid route component: ${w}`);n.path=Ce?h:Xr(h),n.component=Mt(w),n.data=Mt(I),Ce&&Nn(()=>{let N=ut.value.base+I.relativePath.replace(/(?:(^|\/)index)?\.md$/,"$1");if(!ut.value.cleanUrls&&!N.endsWith("/")&&(N+=".html"),N!==f.pathname&&(f.pathname=N,l=N+f.search+f.hash,history.replaceState(null,"",l)),f.hash&&!c){let B=null;try{B=document.getElementById(decodeURIComponent(f.hash).slice(1))}catch(K){console.warn(K)}if(B){Jr(B,f.hash);return}}window.scrollTo(0,c)})}}catch(_){if(!/fetch|Page not found/.test(_.message)&&!/^\/404(\.html|\/)?$/.test(l)&&console.error(_),!a)try{const w=await fetch(ut.value.base+"hashmap.json");window.__VP_HASH_MAP__=await w.json(),await i(l,c,!0);return}catch{}o===h&&(o=null,n.path=Ce?h:Xr(h),n.component=t?Mt(t):null,n.data=vi)}}return Ce&&(window.addEventListener("click",l=>{if(l.target.closest("button"))return;const a=l.target.closest("a");if(a&&!a.closest(".vp-raw")&&(a instanceof SVGElement||!a.download)){const{target:f}=a,{href:h,origin:p,pathname:_,hash:w,search:I}=new URL(a.href instanceof SVGAnimatedString?a.href.animVal:a.href,a.baseURI),N=new URL(window.location.href);!l.ctrlKey&&!l.shiftKey&&!l.altKey&&!l.metaKey&&!f&&p===N.origin&&Fa(_)&&(l.preventDefault(),_===N.pathname&&I===N.search?(w!==N.hash&&(history.pushState(null,"",w),window.dispatchEvent(new Event("hashchange"))),w?Jr(a,w,a.classList.contains("header-anchor")):(Zr(h,!1),window.scrollTo(0,0))):r(h))}},{capture:!0}),window.addEventListener("popstate",async l=>{var c;await i(An(location.href),l.state&&l.state.scrollPosition||0),(c=s.onAfterRouteChanged)==null||c.call(s,location.href)}),window.addEventListener("hashchange",l=>{l.preventDefault()})),s}function Ka(){const e=St(ja);if(!e)throw new Error("useRouter() is called without provider.");return e}function Ei(){return Ka().route}function Jr(e,t,n=!1){let s=null;try{s=e.classList.contains("header-anchor")?e:document.getElementById(decodeURIComponent(t).slice(1))}catch(r){console.warn(r)}if(s){let r=function(){!n||Math.abs(i-window.scrollY)>window.innerHeight?window.scrollTo(0,i):window.scrollTo({left:0,top:i,behavior:"smooth"})};const o=parseInt(window.getComputedStyle(s).paddingTop,10),i=window.scrollY+s.getBoundingClientRect().top-$a()+o;requestAnimationFrame(r)}}function Zr(e,t=!0){if(Ce&&An(e)!==An(location.href)){const n=location.hash;history.replaceState({scrollPosition:window.scrollY},document.title),history.pushState(null,"",e),t&&new URL(e,Js).hash!==n&&window.dispatchEvent(new Event("hashchange"))}}function An(e){const t=new URL(e,Js);return t.pathname=t.pathname.replace(/(^|\/)index(\.html)?$/,"$1"),ut.value.cleanUrls?t.pathname=t.pathname.replace(/\.html$/,""):!t.pathname.endsWith("/")&&!t.pathname.endsWith(".html")&&(t.pathname+=".html"),t.pathname+t.search+t.hash}const ls=()=>_n.forEach(e=>e()),Du=Ks({name:"VitePressContent",props:{as:{type:[Object,String],default:"div"}},setup(e){const t=Ei(),{site:n}=Ua();return()=>Cs(e.as,n.value.contentProps??{style:{position:"relative"}},[t.component?Cs(t.component,{onVnodeMounted:ls,onVnodeUpdated:ls,onVnodeUnmounted:ls}):"404 Page Not Found"])}}),Uu="/images/alipay_qr_code.png",ku="/images/wechat_pay_qr_code.png",Ba="modulepreload",Wa=function(e){return"/"+e},Qr={},Hu=function(t,n,s){let r=Promise.resolve();if(n&&n.length>0){const o=document.getElementsByTagName("link");r=Promise.all(n.map(i=>{if(i=Wa(i),i in Qr)return;Qr[i]=!0;const l=i.endsWith(".css"),c=l?'[rel="stylesheet"]':"";if(!!s)for(let h=o.length-1;h>=0;h--){const p=o[h];if(p.href===i&&(!l||p.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${c}`))return;const f=document.createElement("link");if(f.rel=l?"stylesheet":Ba,l||(f.as="script",f.crossOrigin=""),f.href=i,document.head.appendChild(f),l)return new Promise((h,p)=>{f.addEventListener("load",h),f.addEventListener("error",()=>p(new Error(`Unable to preload CSS for ${i}`)))})}))}return r.then(()=>t()).catch(o=>{const i=new Event("vite:preloadError",{cancelable:!0});if(i.payload=o,window.dispatchEvent(i),!i.defaultPrevented)throw o})},$u="/images/logo.svg",ju=Ks({setup(e,{slots:t}){const n=re(!1);return Rt(()=>{n.value=!0}),()=>n.value&&t.default?t.default():null}});function Vu(){Ce&&window.addEventListener("click",e=>{var n;const t=e.target;if(t.matches(".vp-code-group input")){const s=(n=t.parentElement)==null?void 0:n.parentElement;if(!s)return;const r=Array.from(s.querySelectorAll("input")).indexOf(t);if(r<0)return;const o=s.querySelector(".blocks");if(!o)return;const i=Array.from(o.children).find(a=>a.classList.contains("active"));if(!i)return;const l=o.children[r];if(!l||i===l)return;i.classList.remove("active"),l.classList.add("active");const c=s==null?void 0:s.querySelector(`label[for="${t.id}"]`);c==null||c.scrollIntoView({block:"nearest"})}})}function Ku(){if(Ce){const e=new WeakMap;window.addEventListener("click",t=>{var s;const n=t.target;if(n.matches('div[class*="language-"] > button.copy')){const r=n.parentElement,o=(s=n.nextElementSibling)==null?void 0:s.nextElementSibling;if(!r||!o)return;const i=/language-(shellscript|shell|bash|sh|zsh)/.test(r.className),l=[".vp-copy-ignore",".diff.remove"],c=o.cloneNode(!0);c.querySelectorAll(l.join(",")).forEach(f=>f.remove());let a=c.textContent||"";i&&(a=a.replace(/^ *(\$|>) /gm,"").trim()),qa(a).then(()=>{n.classList.add("copied"),clearTimeout(e.get(n));const f=setTimeout(()=>{n.classList.remove("copied"),n.blur(),e.delete(n)},2e3);e.set(n,f)})}})}}async function qa(e){try{return navigator.clipboard.writeText(e)}catch{const t=document.createElement("textarea"),n=document.activeElement;t.value=e,t.setAttribute("readonly",""),t.style.contain="strict",t.style.position="absolute",t.style.left="-9999px",t.style.fontSize="12pt";const s=document.getSelection(),r=s?s.rangeCount>0&&s.getRangeAt(0):null;document.body.appendChild(t),t.select(),t.selectionStart=0,t.selectionEnd=e.length,document.execCommand("copy"),document.body.removeChild(t),r&&(s.removeAllRanges(),s.addRange(r)),n&&n.focus()}}function Bu(e,t){let n=!0,s=[];const r=o=>{if(n){n=!1,o.forEach(l=>{const c=cs(l);for(const a of document.head.children)if(a.isEqualNode(c)){s.push(a);return}});return}const i=o.map(cs);s.forEach((l,c)=>{const a=i.findIndex(f=>f==null?void 0:f.isEqualNode(l??null));a!==-1?delete i[a]:(l==null||l.remove(),delete s[c])}),i.forEach(l=>l&&document.head.appendChild(l)),s=[...s,...i].filter(Boolean)};Vs(()=>{const o=e.data,i=t.value,l=o&&o.description,c=o&&o.frontmatter.head||[],a=bi(i,o);a!==document.title&&(document.title=a);const f=l||i.description;let h=document.querySelector("meta[name=description]");h?h.getAttribute("content")!==f&&h.setAttribute("content",f):cs(["meta",{name:"description",content:f}]),r(wi(i.head,za(c)))})}function cs([e,t,n]){const s=document.createElement(e);for(const r in t)s.setAttribute(r,t[r]);return n&&(s.innerHTML=n),e==="script"&&!t.async&&(s.async=!1),s}function Ga(e){return e[0]==="meta"&&e[1]&&e[1].name==="description"}function za(e){return e.filter(t=>!Ga(t))}const as=new Set,Ci=()=>document.createElement("link"),Xa=e=>{const t=Ci();t.rel="prefetch",t.href=e,document.head.appendChild(t)},Ya=e=>{const t=new XMLHttpRequest;t.open("GET",e,t.withCredentials=!0),t.send()};let dn;const Ja=Ce&&(dn=Ci())&&dn.relList&&dn.relList.supports&&dn.relList.supports("prefetch")?Xa:Ya;function Wu(){if(!Ce||!window.IntersectionObserver)return;let e;if((e=navigator.connection)&&(e.saveData||/2g/.test(e.effectiveType)))return;const t=window.requestIdleCallback||setTimeout;let n=null;const s=()=>{n&&n.disconnect(),n=new IntersectionObserver(o=>{o.forEach(i=>{if(i.isIntersecting){const l=i.target;n.unobserve(l);const{pathname:c}=l;if(!as.has(c)){as.add(c);const a=Ha(c);a&&Ja(a)}}})}),t(()=>{document.querySelectorAll("#app a").forEach(o=>{const{hostname:i,pathname:l}=new URL(o.href instanceof SVGAnimatedString?o.href.animVal:o.href,o.baseURI),c=l.match(/\.\w+$/);c&&c[0]!==".html"||o.target!=="_blank"&&i===location.hostname&&(l!==location.pathname?n.observe(o):as.add(l))})})};Rt(s);const r=Ei();He(()=>r.path,s),$n(()=>{n&&n.disconnect()})}export{ec as $,$n as A,su as B,$l as C,$a as D,tu as E,ge as F,iu as G,Hs as H,Nu as I,oe as J,nu as K,yi as L,Ei as M,yc as N,St as O,Iu as P,Ls as Q,xu as R,Tu as S,oi as T,Nn as U,Ou as V,Pn as W,ou as X,Hu as Y,Ru as Z,vu as _,ti as a,cu as a0,gu as a1,mu as a2,au as a3,du as a4,$u as a5,bu as a6,wu as a7,Uu as a8,ku as a9,de as aA,uu as aB,Mt as aC,_u as aD,Mu as aE,Eu as aa,Bu as ab,ja as ac,Pu as ad,Da as ae,Du as af,ju as ag,ut as ah,yu as ai,Fu as aj,Ha as ak,Wu as al,Ku as am,Vu as an,Cs as ao,_t as ap,zs as aq,Su as ar,Lu as as,Au as at,Cu as au,Ka as av,$e as aw,Uo as ax,ru as ay,pu as az,Zo as b,fu as c,Ks as d,hu as e,Fa as f,Xr as g,re as h,La as i,Ce as j,se as k,Rt as l,ei as m,Os as n,Yo as o,Co as p,Qa as q,lu as r,eu as s,Za as t,Ua as u,Ra as v,Cl as w,pi as x,He as y,Vs as z};
diff --git a/assets/chunks/theme.8D-jh89Q.js b/assets/chunks/theme.8D-jh89Q.js
deleted file mode 100644
index 83e511672..000000000
--- a/assets/chunks/theme.8D-jh89Q.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import{d as _,o as a,c as l,r as c,a as D,t as V,n as M,b as $,w as p,e as f,T as fe,_ as k,u as _e,i as qe,f as Re,g as ee,h as w,j as Y,k as b,l as j,m as d,p as r,q as B,s as H,v as z,x as ue,y as K,z as te,A as me,B as we,C as We,D as Ye,E as q,F as I,G as E,H as Te,I as se,J as m,K as W,L as Ne,M as oe,N as Q,O as ne,P as Je,Q as Ie,R as Xe,S as de,U as Qe,V as Me,W as Ze,X as xe,Y as et,Z as Ce,$ as Ae,a0 as tt,a1 as st,a2 as ot,a3 as nt,a4 as at,a5 as rt,a6 as le}from"./framework.b3gnc5d8.js";const it=_({__name:"VPBadge",props:{text:{},type:{default:"tip"}},setup(s){return(e,t)=>(a(),l("span",{class:M(["VPBadge",e.type])},[c(e.$slots,"default",{},()=>[D(V(e.text),1)])],2))}}),lt={key:0,class:"VPBackdrop"},ct=_({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(s){return(e,t)=>(a(),$(fe,{name:"fade"},{default:p(()=>[e.show?(a(),l("div",lt)):f("",!0)]),_:1}))}}),ut=k(ct,[["__scopeId","data-v-f3830519"]]),L=_e;function dt(s,e){let t,n=!1;return()=>{t&&clearTimeout(t),n?t=setTimeout(s,e):(s(),(n=!0)&&setTimeout(()=>n=!1,e))}}function ve(s){return/^\//.test(s)?s:`/${s}`}function ke(s){const{pathname:e,search:t,hash:n,protocol:o}=new URL(s,"http://a.com");if(qe(s)||s.startsWith("#")||!o.startsWith("http")||!Re(e))return s;const{site:i}=L(),u=e.endsWith("/")||e.endsWith(".html")?s:s.replace(/(?:(^\.+)\/)?.*$/,`$1${e.replace(/(\.md)?$/,i.value.cleanUrls?"":".html")}${t}${n}`);return ee(u)}const ge=w(Y?location.hash:"");Y&&window.addEventListener("hashchange",()=>{ge.value=location.hash});function J({removeCurrent:s=!0,correspondingLink:e=!1}={}){const{site:t,localeIndex:n,page:o,theme:i}=L(),u=b(()=>{var v,g;return{label:(v=t.value.locales[n.value])==null?void 0:v.label,link:((g=t.value.locales[n.value])==null?void 0:g.link)||(n.value==="root"?"/":`/${n.value}/`)}});return{localeLinks:b(()=>Object.entries(t.value.locales).flatMap(([v,g])=>s&&u.value.label===g.label?[]:{text:g.label,link:vt(g.link||(v==="root"?"/":`/${v}/`),i.value.i18nRouting!==!1&&e,o.value.relativePath.slice(u.value.link.length-1),!t.value.cleanUrls)+ge.value})),currentLang:u}}function vt(s,e,t,n){return e?s.replace(/\/$/,"")+ve(t.replace(/(^|\/)index\.md$/,"$1").replace(/\.md$/,n?".html":"")):s}const pt=s=>(B("data-v-420956e7"),s=s(),H(),s),ht={class:"NotFound"},ft={class:"code"},_t={class:"title"},mt=pt(()=>d("div",{class:"divider"},null,-1)),kt={class:"quote"},gt={class:"action"},$t=["href","aria-label"],bt=_({__name:"NotFound",setup(s){const{site:e,theme:t}=L(),{localeLinks:n}=J({removeCurrent:!1}),o=w("/");return j(()=>{var u;const i=window.location.pathname.replace(e.value.base,"").replace(/(^.*?\/).*$/,"/$1");n.value.length&&(o.value=((u=n.value.find(({link:h})=>h.startsWith(i)))==null?void 0:u.link)||n.value[0].link)}),(i,u)=>{var h,v,g,P,y;return a(),l("div",ht,[d("p",ft,V(((h=r(t).notFound)==null?void 0:h.code)??"404"),1),d("h1",_t,V(((v=r(t).notFound)==null?void 0:v.title)??"PAGE NOT FOUND"),1),mt,d("blockquote",kt,V(((g=r(t).notFound)==null?void 0:g.quote)??"But if you don't change your direction, and if you keep looking, you may end up where you are heading."),1),d("div",gt,[d("a",{class:"link",href:r(ee)(o.value),"aria-label":((P=r(t).notFound)==null?void 0:P.linkLabel)??"go to home"},V(((y=r(t).notFound)==null?void 0:y.linkText)??"Take me home"),9,$t)])])}}}),yt=k(bt,[["__scopeId","data-v-420956e7"]]);function Be(s,e){if(Array.isArray(s))return Z(s);if(s==null)return[];e=ve(e);const t=Object.keys(s).sort((o,i)=>i.split("/").length-o.split("/").length).find(o=>e.startsWith(ve(o))),n=t?s[t]:[];return Array.isArray(n)?Z(n):Z(n.items,n.base)}function Pt(s){const e=[];let t=0;for(const n in s){const o=s[n];if(o.items){t=e.push(o);continue}e[t]||e.push({items:[]}),e[t].items.push(o)}return e}function Lt(s){const e=[];function t(n){for(const o of n)o.text&&o.link&&e.push({text:o.text,link:o.link,docFooterText:o.docFooterText}),o.items&&t(o.items)}return t(s),e}function pe(s,e){return Array.isArray(e)?e.some(t=>pe(s,t)):z(s,e.link)?!0:e.items?pe(s,e.items):!1}function Z(s,e){return[...s].map(t=>{const n={...t},o=n.base||e;return o&&n.link&&(n.link=o+n.link),n.items&&(n.items=Z(n.items,o)),n})}function U(){const{frontmatter:s,page:e,theme:t}=L(),n=ue("(min-width: 960px)"),o=w(!1),i=b(()=>{const A=t.value.sidebar,N=e.value.relativePath;return A?Be(A,N):[]}),u=w(i.value);K(i,(A,N)=>{JSON.stringify(A)!==JSON.stringify(N)&&(u.value=i.value)});const h=b(()=>s.value.sidebar!==!1&&u.value.length>0&&s.value.layout!=="home"),v=b(()=>g?s.value.aside==null?t.value.aside==="left":s.value.aside==="left":!1),g=b(()=>s.value.layout==="home"?!1:s.value.aside!=null?!!s.value.aside:t.value.aside!==!1),P=b(()=>h.value&&n.value),y=b(()=>h.value?Pt(u.value):[]);function S(){o.value=!0}function T(){o.value=!1}function C(){o.value?T():S()}return{isOpen:o,sidebar:u,sidebarGroups:y,hasSidebar:h,hasAside:g,leftAside:v,isSidebarEnabled:P,open:S,close:T,toggle:C}}function Vt(s,e){let t;te(()=>{t=s.value?document.activeElement:void 0}),j(()=>{window.addEventListener("keyup",n)}),me(()=>{window.removeEventListener("keyup",n)});function n(o){o.key==="Escape"&&s.value&&(e(),t==null||t.focus())}}function St(s){const{page:e}=L(),t=w(!1),n=b(()=>s.value.collapsed!=null),o=b(()=>!!s.value.link),i=w(!1),u=()=>{i.value=z(e.value.relativePath,s.value.link)};K([e,s,ge],u),j(u);const h=b(()=>i.value?!0:s.value.items?pe(e.value.relativePath,s.value.items):!1),v=b(()=>!!(s.value.items&&s.value.items.length));te(()=>{t.value=!!(n.value&&s.value.collapsed)}),we(()=>{(i.value||h.value)&&(t.value=!1)});function g(){n.value&&(t.value=!t.value)}return{collapsed:t,collapsible:n,isLink:o,isActiveLink:i,hasActiveLink:h,hasChildren:v,toggle:g}}function wt(){const{hasSidebar:s}=U(),e=ue("(min-width: 960px)"),t=ue("(min-width: 1280px)");return{isAsideEnabled:b(()=>!t.value&&!e.value?!1:s.value?t.value:e.value)}}const he=[];function He(s){return typeof s.outline=="object"&&!Array.isArray(s.outline)&&s.outline.label||s.outlineTitle||"On this page"}function $e(s){const e=[...document.querySelectorAll(".VPDoc :where(h1,h2,h3,h4,h5,h6)")].filter(t=>t.id&&t.hasChildNodes()).map(t=>{const n=Number(t.tagName[1]);return{element:t,title:Tt(t),link:"#"+t.id,level:n}});return Nt(e,s)}function Tt(s){let e="";for(const t of s.childNodes)if(t.nodeType===1){if(t.classList.contains("VPBadge")||t.classList.contains("header-anchor")||t.classList.contains("ignore-header"))continue;e+=t.textContent}else t.nodeType===3&&(e+=t.textContent);return e.trim()}function Nt(s,e){if(e===!1)return[];const t=(typeof e=="object"&&!Array.isArray(e)?e.level:e)||2,[n,o]=typeof t=="number"?[t,t]:t==="deep"?[2,6]:t;s=s.filter(u=>u.level>=n&&u.level<=o),he.length=0;for(const{element:u,link:h}of s)he.push({element:u,link:h});const i=[];e:for(let u=0;u<s.length;u++){const h=s[u];if(u===0)i.push(h);else{for(let v=u-1;v>=0;v--){const g=s[v];if(g.level<h.level){(g.children||(g.children=[])).push(h);continue e}}i.push(h)}}return i}function It(s,e){const{isAsideEnabled:t}=wt(),n=dt(i,100);let o=null;j(()=>{requestAnimationFrame(i),window.addEventListener("scroll",n)}),We(()=>{u(location.hash)}),me(()=>{window.removeEventListener("scroll",n)});function i(){if(!t.value)return;const h=window.scrollY,v=window.innerHeight,g=document.body.offsetHeight,P=Math.abs(h+v-g)<1,y=he.map(({element:T,link:C})=>({link:C,top:Mt(T)})).filter(({top:T})=>!Number.isNaN(T)).sort((T,C)=>T.top-C.top);if(!y.length){u(null);return}if(h<1){u(null);return}if(P){u(y[y.length-1].link);return}let S=null;for(const{link:T,top:C}of y){if(C>h+Ye()+4)break;S=T}u(S)}function u(h){o&&o.classList.remove("active"),h==null?o=null:o=s.value.querySelector(`a[href="${decodeURIComponent(h)}"]`);const v=o;v?(v.classList.add("active"),e.value.style.top=v.offsetTop+39+"px",e.value.style.opacity="1"):(e.value.style.top="33px",e.value.style.opacity="0")}}function Mt(s){let e=0;for(;s!==document.body;){if(s===null)return NaN;e+=s.offsetTop,s=s.offsetParent}return e}const Ct=["href","title"],At=_({__name:"VPDocOutlineItem",props:{headers:{},root:{type:Boolean}},setup(s){function e({target:t}){const n=t.href.split("#")[1],o=document.getElementById(decodeURIComponent(n));o==null||o.focus({preventScroll:!0})}return(t,n)=>{const o=q("VPDocOutlineItem",!0);return a(),l("ul",{class:M(["VPDocOutlineItem",t.root?"root":"nested"])},[(a(!0),l(I,null,E(t.headers,({children:i,link:u,title:h})=>(a(),l("li",null,[d("a",{class:"outline-link",href:u,onClick:e,title:h},V(h),9,Ct),i!=null&&i.length?(a(),$(o,{key:0,headers:i},null,8,["headers"])):f("",!0)]))),256))],2)}}}),Ee=k(At,[["__scopeId","data-v-9e6313cf"]]),Bt=s=>(B("data-v-a60a5f40"),s=s(),H(),s),Ht={class:"content"},Et={class:"outline-title",role:"heading","aria-level":"2"},Ft={"aria-labelledby":"doc-outline-aria-label"},Dt=Bt(()=>d("span",{class:"visually-hidden",id:"doc-outline-aria-label"}," Table of Contents for current page ",-1)),Ot=_({__name:"VPDocAsideOutline",setup(s){const{frontmatter:e,theme:t}=L(),n=Te([]);se(()=>{n.value=$e(e.value.outline??t.value.outline)});const o=w(),i=w();return It(o,i),(u,h)=>(a(),l("div",{class:M(["VPDocAsideOutline",{"has-outline":n.value.length>0}]),ref_key:"container",ref:o,role:"navigation"},[d("div",Ht,[d("div",{class:"outline-marker",ref_key:"marker",ref:i},null,512),d("div",Et,V(r(He)(r(t))),1),d("nav",Ft,[Dt,m(Ee,{headers:n.value,root:!0},null,8,["headers"])])])],2))}}),Ut=k(Ot,[["__scopeId","data-v-a60a5f40"]]),Gt={class:"VPDocAsideCarbonAds"},jt=_({__name:"VPDocAsideCarbonAds",props:{carbonAds:{}},setup(s){const e=()=>null;return(t,n)=>(a(),l("div",Gt,[m(r(e),{"carbon-ads":t.carbonAds},null,8,["carbon-ads"])]))}}),zt=s=>(B("data-v-cf49d689"),s=s(),H(),s),Kt={class:"VPDocAside"},qt=zt(()=>d("div",{class:"spacer"},null,-1)),Rt=_({__name:"VPDocAside",setup(s){const{theme:e}=L();return(t,n)=>(a(),l("div",Kt,[c(t.$slots,"aside-top",{},void 0,!0),c(t.$slots,"aside-outline-before",{},void 0,!0),m(Ut),c(t.$slots,"aside-outline-after",{},void 0,!0),qt,c(t.$slots,"aside-ads-before",{},void 0,!0),r(e).carbonAds?(a(),$(jt,{key:0,"carbon-ads":r(e).carbonAds},null,8,["carbon-ads"])):f("",!0),c(t.$slots,"aside-ads-after",{},void 0,!0),c(t.$slots,"aside-bottom",{},void 0,!0)]))}}),Wt=k(Rt,[["__scopeId","data-v-cf49d689"]]);function Yt(){const{theme:s,page:e}=L();return b(()=>{const{text:t="Edit this page",pattern:n=""}=s.value.editLink||{};let o;return typeof n=="function"?o=n(e.value):o=n.replace(/:path/g,e.value.filePath),{url:o,text:t}})}function Jt(){const{page:s,theme:e,frontmatter:t}=L();return b(()=>{var v,g,P,y,S,T,C,A;const n=Be(e.value.sidebar,s.value.relativePath),o=Lt(n),i=o.findIndex(N=>z(s.value.relativePath,N.link)),u=((v=e.value.docFooter)==null?void 0:v.prev)===!1&&!t.value.prev||t.value.prev===!1,h=((g=e.value.docFooter)==null?void 0:g.next)===!1&&!t.value.next||t.value.next===!1;return{prev:u?void 0:{text:(typeof t.value.prev=="string"?t.value.prev:typeof t.value.prev=="object"?t.value.prev.text:void 0)??((P=o[i-1])==null?void 0:P.docFooterText)??((y=o[i-1])==null?void 0:y.text),link:(typeof t.value.prev=="object"?t.value.prev.link:void 0)??((S=o[i-1])==null?void 0:S.link)},next:h?void 0:{text:(typeof t.value.next=="string"?t.value.next:typeof t.value.next=="object"?t.value.next.text:void 0)??((T=o[i+1])==null?void 0:T.docFooterText)??((C=o[i+1])==null?void 0:C.text),link:(typeof t.value.next=="object"?t.value.next.link:void 0)??((A=o[i+1])==null?void 0:A.link)}}})}const O=_({__name:"VPLink",props:{tag:{},href:{},noIcon:{type:Boolean},target:{},rel:{}},setup(s){const e=s,t=b(()=>e.tag??(e.href?"a":"span")),n=b(()=>e.href&&Ne.test(e.href));return(o,i)=>(a(),$(W(t.value),{class:M(["VPLink",{link:o.href,"vp-external-link-icon":n.value,"no-icon":o.noIcon}]),href:o.href?r(ke)(o.href):void 0,target:o.target??(n.value?"_blank":void 0),rel:o.rel??(n.value?"noreferrer":void 0)},{default:p(()=>[c(o.$slots,"default")]),_:3},8,["class","href","target","rel"]))}}),Xt={class:"VPLastUpdated"},Qt=["datetime"],Zt=_({__name:"VPDocFooterLastUpdated",setup(s){const{theme:e,page:t,frontmatter:n,lang:o}=L(),i=b(()=>new Date(n.value.lastUpdated??t.value.lastUpdated)),u=b(()=>i.value.toISOString()),h=w("");return j(()=>{te(()=>{var v,g,P;h.value=new Intl.DateTimeFormat((g=(v=e.value.lastUpdated)==null?void 0:v.formatOptions)!=null&&g.forceLocale?o.value:void 0,((P=e.value.lastUpdated)==null?void 0:P.formatOptions)??{dateStyle:"short",timeStyle:"short"}).format(i.value)})}),(v,g)=>{var P;return a(),l("p",Xt,[D(V(((P=r(e).lastUpdated)==null?void 0:P.text)||r(e).lastUpdatedText||"Last updated")+": ",1),d("time",{datetime:u.value},V(h.value),9,Qt)])}}}),xt=k(Zt,[["__scopeId","data-v-eacb7a1c"]]),es=s=>(B("data-v-5583ab76"),s=s(),H(),s),ts={key:0,class:"VPDocFooter"},ss={key:0,class:"edit-info"},os={key:0,class:"edit-link"},ns=es(()=>d("span",{class:"vpi-square-pen edit-link-icon"},null,-1)),as={key:1,class:"last-updated"},rs={key:1,class:"prev-next"},is={class:"pager"},ls=["innerHTML"],cs=["innerHTML"],us={class:"pager"},ds=["innerHTML"],vs=["innerHTML"],ps=_({__name:"VPDocFooter",setup(s){const{theme:e,page:t,frontmatter:n}=L(),o=Yt(),i=Jt(),u=b(()=>e.value.editLink&&n.value.editLink!==!1),h=b(()=>t.value.lastUpdated&&n.value.lastUpdated!==!1),v=b(()=>u.value||h.value||i.value.prev||i.value.next);return(g,P)=>{var y,S,T,C;return v.value?(a(),l("footer",ts,[c(g.$slots,"doc-footer-before",{},void 0,!0),u.value||h.value?(a(),l("div",ss,[u.value?(a(),l("div",os,[m(O,{class:"edit-link-button",href:r(o).url,"no-icon":!0},{default:p(()=>[ns,D(" "+V(r(o).text),1)]),_:1},8,["href"])])):f("",!0),h.value?(a(),l("div",as,[m(xt)])):f("",!0)])):f("",!0),(y=r(i).prev)!=null&&y.link||(S=r(i).next)!=null&&S.link?(a(),l("nav",rs,[d("div",is,[(T=r(i).prev)!=null&&T.link?(a(),$(O,{key:0,class:"pager-link prev",href:r(i).prev.link},{default:p(()=>{var A;return[d("span",{class:"desc",innerHTML:((A=r(e).docFooter)==null?void 0:A.prev)||"Previous page"},null,8,ls),d("span",{class:"title",innerHTML:r(i).prev.text},null,8,cs)]}),_:1},8,["href"])):f("",!0)]),d("div",us,[(C=r(i).next)!=null&&C.link?(a(),$(O,{key:0,class:"pager-link next",href:r(i).next.link},{default:p(()=>{var A;return[d("span",{class:"desc",innerHTML:((A=r(e).docFooter)==null?void 0:A.next)||"Next page"},null,8,ds),d("span",{class:"title",innerHTML:r(i).next.text},null,8,vs)]}),_:1},8,["href"])):f("",!0)])])):f("",!0)])):f("",!0)}}}),hs=k(ps,[["__scopeId","data-v-5583ab76"]]),fs=s=>(B("data-v-a47c012d"),s=s(),H(),s),_s={class:"container"},ms=fs(()=>d("div",{class:"aside-curtain"},null,-1)),ks={class:"aside-container"},gs={class:"aside-content"},$s={class:"content"},bs={class:"content-container"},ys={class:"main"},Ps=_({__name:"VPDoc",setup(s){const{theme:e}=L(),t=oe(),{hasSidebar:n,hasAside:o,leftAside:i}=U(),u=b(()=>t.path.replace(/[./]+/g,"_").replace(/_html$/,""));return(h,v)=>{const g=q("Content");return a(),l("div",{class:M(["VPDoc",{"has-sidebar":r(n),"has-aside":r(o)}])},[c(h.$slots,"doc-top",{},void 0,!0),d("div",_s,[r(o)?(a(),l("div",{key:0,class:M(["aside",{"left-aside":r(i)}])},[ms,d("div",ks,[d("div",gs,[m(Wt,null,{"aside-top":p(()=>[c(h.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":p(()=>[c(h.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":p(()=>[c(h.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":p(()=>[c(h.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":p(()=>[c(h.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":p(()=>[c(h.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])],2)):f("",!0),d("div",$s,[d("div",bs,[c(h.$slots,"doc-before",{},void 0,!0),d("main",ys,[m(g,{class:M(["vp-doc",[u.value,r(e).externalLinkIcon&&"external-link-icon-enabled"]])},null,8,["class"])]),m(hs,null,{"doc-footer-before":p(()=>[c(h.$slots,"doc-footer-before",{},void 0,!0)]),_:3}),c(h.$slots,"doc-after",{},void 0,!0)])])]),c(h.$slots,"doc-bottom",{},void 0,!0)],2)}}}),Ls=k(Ps,[["__scopeId","data-v-a47c012d"]]),Vs=_({__name:"VPButton",props:{tag:{},size:{default:"medium"},theme:{default:"brand"},text:{},href:{},target:{},rel:{}},setup(s){const e=s,t=b(()=>e.href&&Ne.test(e.href)),n=b(()=>e.tag||e.href?"a":"button");return(o,i)=>(a(),$(W(n.value),{class:M(["VPButton",[o.size,o.theme]]),href:o.href?r(ke)(o.href):void 0,target:e.target??(t.value?"_blank":void 0),rel:e.rel??(t.value?"noreferrer":void 0)},{default:p(()=>[D(V(o.text),1)]),_:1},8,["class","href","target","rel"]))}}),Ss=k(Vs,[["__scopeId","data-v-6c60cf55"]]),ws=["src","alt"],Ts=_({inheritAttrs:!1,__name:"VPImage",props:{image:{},alt:{}},setup(s){return(e,t)=>{const n=q("VPImage",!0);return e.image?(a(),l(I,{key:0},[typeof e.image=="string"||"src"in e.image?(a(),l("img",Q({key:0,class:"VPImage"},typeof e.image=="string"?e.$attrs:{...e.image,...e.$attrs},{src:r(ee)(typeof e.image=="string"?e.image:e.image.src),alt:e.alt??(typeof e.image=="string"?"":e.image.alt||"")}),null,16,ws)):(a(),l(I,{key:1},[m(n,Q({class:"dark",image:e.image.dark,alt:e.image.alt},e.$attrs),null,16,["image","alt"]),m(n,Q({class:"light",image:e.image.light,alt:e.image.alt},e.$attrs),null,16,["image","alt"])],64))],64)):f("",!0)}}}),x=k(Ts,[["__scopeId","data-v-c589c9f8"]]),Ns=s=>(B("data-v-9473646b"),s=s(),H(),s),Is={class:"container"},Ms={class:"main"},Cs={key:0,class:"name"},As=["innerHTML"],Bs=["innerHTML"],Hs=["innerHTML"],Es={key:0,class:"actions"},Fs={key:0,class:"image"},Ds={class:"image-container"},Os=Ns(()=>d("div",{class:"image-bg"},null,-1)),Us=_({__name:"VPHero",props:{name:{},text:{},tagline:{},image:{},actions:{}},setup(s){const e=ne("hero-image-slot-exists");return(t,n)=>(a(),l("div",{class:M(["VPHero",{"has-image":t.image||r(e)}])},[d("div",Is,[d("div",Ms,[c(t.$slots,"home-hero-info-before",{},void 0,!0),c(t.$slots,"home-hero-info",{},()=>[t.name?(a(),l("h1",Cs,[d("span",{innerHTML:t.name,class:"clip"},null,8,As)])):f("",!0),t.text?(a(),l("p",{key:1,innerHTML:t.text,class:"text"},null,8,Bs)):f("",!0),t.tagline?(a(),l("p",{key:2,innerHTML:t.tagline,class:"tagline"},null,8,Hs)):f("",!0)],!0),c(t.$slots,"home-hero-info-after",{},void 0,!0),t.actions?(a(),l("div",Es,[(a(!0),l(I,null,E(t.actions,o=>(a(),l("div",{key:o.link,class:"action"},[m(Ss,{tag:"a",size:"medium",theme:o.theme,text:o.text,href:o.link,target:o.target,rel:o.rel},null,8,["theme","text","href","target","rel"])]))),128))])):f("",!0),c(t.$slots,"home-hero-actions-after",{},void 0,!0)]),t.image||r(e)?(a(),l("div",Fs,[d("div",Ds,[Os,c(t.$slots,"home-hero-image",{},()=>[t.image?(a(),$(x,{key:0,class:"image-src",image:t.image},null,8,["image"])):f("",!0)],!0)])])):f("",!0)])],2))}}),Gs=k(Us,[["__scopeId","data-v-9473646b"]]),js=_({__name:"VPHomeHero",setup(s){const{frontmatter:e}=L();return(t,n)=>r(e).hero?(a(),$(Gs,{key:0,class:"VPHomeHero",name:r(e).hero.name,text:r(e).hero.text,tagline:r(e).hero.tagline,image:r(e).hero.image,actions:r(e).hero.actions},{"home-hero-info-before":p(()=>[c(t.$slots,"home-hero-info-before")]),"home-hero-info":p(()=>[c(t.$slots,"home-hero-info")]),"home-hero-info-after":p(()=>[c(t.$slots,"home-hero-info-after")]),"home-hero-actions-after":p(()=>[c(t.$slots,"home-hero-actions-after")]),"home-hero-image":p(()=>[c(t.$slots,"home-hero-image")]),_:3},8,["name","text","tagline","image","actions"])):f("",!0)}}),zs=s=>(B("data-v-850c8f15"),s=s(),H(),s),Ks={class:"box"},qs={key:0,class:"icon"},Rs=["innerHTML"],Ws=["innerHTML"],Ys=["innerHTML"],Js={key:4,class:"link-text"},Xs={class:"link-text-value"},Qs=zs(()=>d("span",{class:"vpi-arrow-right link-text-icon"},null,-1)),Zs=_({__name:"VPFeature",props:{icon:{},title:{},details:{},link:{},linkText:{},rel:{},target:{}},setup(s){return(e,t)=>(a(),$(O,{class:"VPFeature",href:e.link,rel:e.rel,target:e.target,"no-icon":!0,tag:e.link?"a":"div"},{default:p(()=>[d("article",Ks,[typeof e.icon=="object"&&e.icon.wrap?(a(),l("div",qs,[m(x,{image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])])):typeof e.icon=="object"?(a(),$(x,{key:1,image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])):e.icon?(a(),l("div",{key:2,class:"icon",innerHTML:e.icon},null,8,Rs)):f("",!0),d("h2",{class:"title",innerHTML:e.title},null,8,Ws),e.details?(a(),l("p",{key:3,class:"details",innerHTML:e.details},null,8,Ys)):f("",!0),e.linkText?(a(),l("div",Js,[d("p",Xs,[D(V(e.linkText)+" ",1),Qs])])):f("",!0)])]),_:1},8,["href","rel","target","tag"]))}}),xs=k(Zs,[["__scopeId","data-v-850c8f15"]]),eo={key:0,class:"VPFeatures"},to={class:"container"},so={class:"items"},oo=_({__name:"VPFeatures",props:{features:{}},setup(s){const e=s,t=b(()=>{const n=e.features.length;if(n){if(n===2)return"grid-2";if(n===3)return"grid-3";if(n%3===0)return"grid-6";if(n>3)return"grid-4"}else return});return(n,o)=>n.features?(a(),l("div",eo,[d("div",to,[d("div",so,[(a(!0),l(I,null,E(n.features,i=>(a(),l("div",{key:i.title,class:M(["item",[t.value]])},[m(xs,{icon:i.icon,title:i.title,details:i.details,link:i.link,"link-text":i.linkText,rel:i.rel,target:i.target},null,8,["icon","title","details","link","link-text","rel","target"])],2))),128))])])])):f("",!0)}}),no=k(oo,[["__scopeId","data-v-850f8ea6"]]),ao=_({__name:"VPHomeFeatures",setup(s){const{frontmatter:e}=L();return(t,n)=>r(e).features?(a(),$(no,{key:0,class:"VPHomeFeatures",features:r(e).features},null,8,["features"])):f("",!0)}}),ro=_({__name:"VPHomeContent",setup(s){const{width:e}=Je({includeScrollbar:!1});return(t,n)=>(a(),l("div",{class:"vp-doc container",style:Ie(r(e)?{"--vp-offset":`calc(50% - ${r(e)/2}px)`}:{})},[c(t.$slots,"default",{},void 0,!0)],4))}}),io=k(ro,[["__scopeId","data-v-2136577c"]]),lo={class:"VPHome"},co=_({__name:"VPHome",setup(s){const{frontmatter:e}=L();return(t,n)=>{const o=q("Content");return a(),l("div",lo,[c(t.$slots,"home-hero-before",{},void 0,!0),m(js,null,{"home-hero-info-before":p(()=>[c(t.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":p(()=>[c(t.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":p(()=>[c(t.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":p(()=>[c(t.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":p(()=>[c(t.$slots,"home-hero-image",{},void 0,!0)]),_:3}),c(t.$slots,"home-hero-after",{},void 0,!0),c(t.$slots,"home-features-before",{},void 0,!0),m(ao),c(t.$slots,"home-features-after",{},void 0,!0),r(e).markdownStyles!==!1?(a(),$(io,{key:0},{default:p(()=>[m(o)]),_:1})):(a(),$(o,{key:1}))])}}}),uo=k(co,[["__scopeId","data-v-e7e32b23"]]),vo={},po={class:"VPPage"};function ho(s,e){const t=q("Content");return a(),l("div",po,[c(s.$slots,"page-top"),m(t),c(s.$slots,"page-bottom")])}const fo=k(vo,[["render",ho]]),_o=_({__name:"VPContent",setup(s){const{page:e,frontmatter:t}=L(),{hasSidebar:n}=U();return(o,i)=>(a(),l("div",{class:M(["VPContent",{"has-sidebar":r(n),"is-home":r(t).layout==="home"}]),id:"VPContent"},[r(e).isNotFound?c(o.$slots,"not-found",{key:0},()=>[m(yt)],!0):r(t).layout==="page"?(a(),$(fo,{key:1},{"page-top":p(()=>[c(o.$slots,"page-top",{},void 0,!0)]),"page-bottom":p(()=>[c(o.$slots,"page-bottom",{},void 0,!0)]),_:3})):r(t).layout==="home"?(a(),$(uo,{key:2},{"home-hero-before":p(()=>[c(o.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":p(()=>[c(o.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":p(()=>[c(o.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":p(()=>[c(o.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":p(()=>[c(o.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":p(()=>[c(o.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":p(()=>[c(o.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":p(()=>[c(o.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":p(()=>[c(o.$slots,"home-features-after",{},void 0,!0)]),_:3})):r(t).layout&&r(t).layout!=="doc"?(a(),$(W(r(t).layout),{key:3})):(a(),$(Ls,{key:4},{"doc-top":p(()=>[c(o.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":p(()=>[c(o.$slots,"doc-bottom",{},void 0,!0)]),"doc-footer-before":p(()=>[c(o.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":p(()=>[c(o.$slots,"doc-before",{},void 0,!0)]),"doc-after":p(()=>[c(o.$slots,"doc-after",{},void 0,!0)]),"aside-top":p(()=>[c(o.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":p(()=>[c(o.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":p(()=>[c(o.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":p(()=>[c(o.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":p(()=>[c(o.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":p(()=>[c(o.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}}),mo=k(_o,[["__scopeId","data-v-a693ae2c"]]),ko={class:"container"},go=["innerHTML"],$o=["innerHTML"],bo=_({__name:"VPFooter",setup(s){const{theme:e,frontmatter:t}=L(),{hasSidebar:n}=U();return(o,i)=>r(e).footer&&r(t).footer!==!1?(a(),l("footer",{key:0,class:M(["VPFooter",{"has-sidebar":r(n)}])},[d("div",ko,[r(e).footer.message?(a(),l("p",{key:0,class:"message",innerHTML:r(e).footer.message},null,8,go)):f("",!0),r(e).footer.copyright?(a(),l("p",{key:1,class:"copyright",innerHTML:r(e).footer.copyright},null,8,$o)):f("",!0)])],2)):f("",!0)}}),yo=k(bo,[["__scopeId","data-v-c381360f"]]);function Fe(){const{theme:s,frontmatter:e}=L(),t=Te([]),n=b(()=>t.value.length>0);return se(()=>{t.value=$e(e.value.outline??s.value.outline)}),{headers:t,hasLocalNav:n}}const Po=s=>(B("data-v-74dbecd6"),s=s(),H(),s),Lo=Po(()=>d("span",{class:"vpi-chevron-right icon"},null,-1)),Vo={class:"header"},So={class:"outline"},wo=_({__name:"VPLocalNavOutlineDropdown",props:{headers:{},navHeight:{}},setup(s){const e=s,{theme:t}=L(),n=w(!1),o=w(0),i=w(),u=w();Xe(i,()=>{n.value=!1}),de("Escape",()=>{n.value=!1}),se(()=>{n.value=!1});function h(){n.value=!n.value,o.value=window.innerHeight+Math.min(window.scrollY-e.navHeight,0)}function v(P){P.target.classList.contains("outline-link")&&(u.value&&(u.value.style.transition="none"),Qe(()=>{n.value=!1}))}function g(){n.value=!1,window.scrollTo({top:0,left:0,behavior:"smooth"})}return(P,y)=>(a(),l("div",{class:"VPLocalNavOutlineDropdown",style:Ie({"--vp-vh":o.value+"px"}),ref_key:"main",ref:i},[P.headers.length>0?(a(),l("button",{key:0,onClick:h,class:M({open:n.value})},[D(V(r(He)(r(t)))+" ",1),Lo],2)):(a(),l("button",{key:1,onClick:g},V(r(t).returnToTopLabel||"Return to top"),1)),m(fe,{name:"flyout"},{default:p(()=>[n.value?(a(),l("div",{key:0,ref_key:"items",ref:u,class:"items",onClick:v},[d("div",Vo,[d("a",{class:"top-link",href:"#",onClick:g},V(r(t).returnToTopLabel||"Return to top"),1)]),d("div",So,[m(Ee,{headers:P.headers},null,8,["headers"])])],512)):f("",!0)]),_:1})],4))}}),To=k(wo,[["__scopeId","data-v-74dbecd6"]]),No=s=>(B("data-v-abe6678a"),s=s(),H(),s),Io={class:"container"},Mo=["aria-expanded"],Co=No(()=>d("span",{class:"vpi-align-left menu-icon"},null,-1)),Ao={class:"menu-text"},Bo=_({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(s){const{theme:e,frontmatter:t}=L(),{hasSidebar:n}=U(),{headers:o}=Fe(),{y:i}=Me(),u=w(0);j(()=>{u.value=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--vp-nav-height"))}),se(()=>{o.value=$e(t.value.outline??e.value.outline)});const h=b(()=>o.value.length===0),v=b(()=>h.value&&!n.value),g=b(()=>({VPLocalNav:!0,"has-sidebar":n.value,empty:h.value,fixed:v.value}));return(P,y)=>r(t).layout!=="home"&&(!v.value||r(i)>=u.value)?(a(),l("div",{key:0,class:M(g.value)},[d("div",Io,[r(n)?(a(),l("button",{key:0,class:"menu","aria-expanded":P.open,"aria-controls":"VPSidebarNav",onClick:y[0]||(y[0]=S=>P.$emit("open-menu"))},[Co,d("span",Ao,V(r(e).sidebarMenuLabel||"Menu"),1)],8,Mo)):f("",!0),m(To,{headers:r(o),navHeight:u.value},null,8,["headers","navHeight"])])],2)):f("",!0)}}),Ho=k(Bo,[["__scopeId","data-v-abe6678a"]]);function Eo(){const s=w(!1);function e(){s.value=!0,window.addEventListener("resize",o)}function t(){s.value=!1,window.removeEventListener("resize",o)}function n(){s.value?t():e()}function o(){window.outerWidth>=768&&t()}const i=oe();return K(()=>i.path,t),{isScreenOpen:s,openScreen:e,closeScreen:t,toggleScreen:n}}const Fo={},Do={class:"VPSwitch",type:"button",role:"switch"},Oo={class:"check"},Uo={key:0,class:"icon"};function Go(s,e){return a(),l("button",Do,[d("span",Oo,[s.$slots.default?(a(),l("span",Uo,[c(s.$slots,"default",{},void 0,!0)])):f("",!0)])])}const jo=k(Fo,[["render",Go],["__scopeId","data-v-3a947c4a"]]),De=s=>(B("data-v-70751b1d"),s=s(),H(),s),zo=De(()=>d("span",{class:"vpi-sun sun"},null,-1)),Ko=De(()=>d("span",{class:"vpi-moon moon"},null,-1)),qo=_({__name:"VPSwitchAppearance",setup(s){const{isDark:e,theme:t}=L(),n=ne("toggle-appearance",()=>{e.value=!e.value}),o=b(()=>e.value?t.value.lightModeSwitchTitle||"Switch to light theme":t.value.darkModeSwitchTitle||"Switch to dark theme");return(i,u)=>(a(),$(jo,{title:o.value,class:"VPSwitchAppearance","aria-checked":r(e),onClick:r(n)},{default:p(()=>[zo,Ko]),_:1},8,["title","aria-checked","onClick"]))}}),be=k(qo,[["__scopeId","data-v-70751b1d"]]),Ro={key:0,class:"VPNavBarAppearance"},Wo=_({__name:"VPNavBarAppearance",setup(s){const{site:e}=L();return(t,n)=>r(e).appearance&&r(e).appearance!=="force-dark"?(a(),l("div",Ro,[m(be)])):f("",!0)}}),Yo=k(Wo,[["__scopeId","data-v-54484381"]]),ye=w();let Oe=!1,ce=0;function Jo(s){const e=w(!1);if(Y){!Oe&&Xo(),ce++;const t=K(ye,n=>{var o,i,u;n===s.el.value||(o=s.el.value)!=null&&o.contains(n)?(e.value=!0,(i=s.onFocus)==null||i.call(s)):(e.value=!1,(u=s.onBlur)==null||u.call(s))});me(()=>{t(),ce--,ce||Qo()})}return Ze(e)}function Xo(){document.addEventListener("focusin",Ue),Oe=!0,ye.value=document.activeElement}function Qo(){document.removeEventListener("focusin",Ue)}function Ue(){ye.value=document.activeElement}const Zo={class:"VPMenuLink"},xo=_({__name:"VPMenuLink",props:{item:{}},setup(s){const{page:e}=L();return(t,n)=>(a(),l("div",Zo,[m(O,{class:M({active:r(z)(r(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel},{default:p(()=>[D(V(t.item.text),1)]),_:1},8,["class","href","target","rel"])]))}}),ae=k(xo,[["__scopeId","data-v-128fbea3"]]),en={class:"VPMenuGroup"},tn={key:0,class:"title"},sn=_({__name:"VPMenuGroup",props:{text:{},items:{}},setup(s){return(e,t)=>(a(),l("div",en,[e.text?(a(),l("p",tn,V(e.text),1)):f("",!0),(a(!0),l(I,null,E(e.items,n=>(a(),l(I,null,["link"in n?(a(),$(ae,{key:0,item:n},null,8,["item"])):f("",!0)],64))),256))]))}}),on=k(sn,[["__scopeId","data-v-4ed79b8d"]]),nn={class:"VPMenu"},an={key:0,class:"items"},rn=_({__name:"VPMenu",props:{items:{}},setup(s){return(e,t)=>(a(),l("div",nn,[e.items?(a(),l("div",an,[(a(!0),l(I,null,E(e.items,n=>(a(),l(I,{key:n.text},["link"in n?(a(),$(ae,{key:0,item:n},null,8,["item"])):(a(),$(on,{key:1,text:n.text,items:n.items},null,8,["text","items"]))],64))),128))])):f("",!0),c(e.$slots,"default",{},void 0,!0)]))}}),ln=k(rn,[["__scopeId","data-v-82af353a"]]),cn=s=>(B("data-v-f894a103"),s=s(),H(),s),un=["aria-expanded","aria-label"],dn={key:0,class:"text"},vn=["innerHTML"],pn=cn(()=>d("span",{class:"vpi-chevron-down text-icon"},null,-1)),hn={key:1,class:"vpi-more-horizontal icon"},fn={class:"menu"},_n=_({__name:"VPFlyout",props:{icon:{},button:{},label:{},items:{}},setup(s){const e=w(!1),t=w();Jo({el:t,onBlur:n});function n(){e.value=!1}return(o,i)=>(a(),l("div",{class:"VPFlyout",ref_key:"el",ref:t,onMouseenter:i[1]||(i[1]=u=>e.value=!0),onMouseleave:i[2]||(i[2]=u=>e.value=!1)},[d("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":e.value,"aria-label":o.label,onClick:i[0]||(i[0]=u=>e.value=!e.value)},[o.button||o.icon?(a(),l("span",dn,[o.icon?(a(),l("span",{key:0,class:M([o.icon,"option-icon"])},null,2)):f("",!0),o.button?(a(),l("span",{key:1,innerHTML:o.button},null,8,vn)):f("",!0),pn])):(a(),l("span",hn))],8,un),d("div",fn,[m(ln,{items:o.items},{default:p(()=>[c(o.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}}),Pe=k(_n,[["__scopeId","data-v-f894a103"]]),mn=["href","aria-label","innerHTML"],kn=_({__name:"VPSocialLink",props:{icon:{},link:{},ariaLabel:{}},setup(s){const e=s,t=b(()=>typeof e.icon=="object"?e.icon.svg:`<span class="vpi-social-${e.icon}" />`);return(n,o)=>(a(),l("a",{class:"VPSocialLink no-icon",href:n.link,"aria-label":n.ariaLabel??(typeof n.icon=="string"?n.icon:""),target:"_blank",rel:"noopener",innerHTML:t.value},null,8,mn))}}),gn=k(kn,[["__scopeId","data-v-40a4d124"]]),$n={class:"VPSocialLinks"},bn=_({__name:"VPSocialLinks",props:{links:{}},setup(s){return(e,t)=>(a(),l("div",$n,[(a(!0),l(I,null,E(e.links,({link:n,icon:o,ariaLabel:i})=>(a(),$(gn,{key:n,icon:o,link:n,ariaLabel:i},null,8,["icon","link","ariaLabel"]))),128))]))}}),Le=k(bn,[["__scopeId","data-v-a1567fd4"]]),yn={key:0,class:"group translations"},Pn={class:"trans-title"},Ln={key:1,class:"group"},Vn={class:"item appearance"},Sn={class:"label"},wn={class:"appearance-action"},Tn={key:2,class:"group"},Nn={class:"item social-links"},In=_({__name:"VPNavBarExtra",setup(s){const{site:e,theme:t}=L(),{localeLinks:n,currentLang:o}=J({correspondingLink:!0}),i=b(()=>n.value.length&&o.value.label||e.value.appearance||t.value.socialLinks);return(u,h)=>i.value?(a(),$(Pe,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:p(()=>[r(n).length&&r(o).label?(a(),l("div",yn,[d("p",Pn,V(r(o).label),1),(a(!0),l(I,null,E(r(n),v=>(a(),$(ae,{key:v.link,item:v},null,8,["item"]))),128))])):f("",!0),r(e).appearance&&r(e).appearance!=="force-dark"?(a(),l("div",Ln,[d("div",Vn,[d("p",Sn,V(r(t).darkModeSwitchLabel||"Appearance"),1),d("div",wn,[m(be)])])])):f("",!0),r(t).socialLinks?(a(),l("div",Tn,[d("div",Nn,[m(Le,{class:"social-links-list",links:r(t).socialLinks},null,8,["links"])])])):f("",!0)]),_:1})):f("",!0)}}),Mn=k(In,[["__scopeId","data-v-770e43e0"]]),Cn=s=>(B("data-v-be78ff70"),s=s(),H(),s),An=["aria-expanded"],Bn=Cn(()=>d("span",{class:"container"},[d("span",{class:"top"}),d("span",{class:"middle"}),d("span",{class:"bottom"})],-1)),Hn=[Bn],En=_({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(s){return(e,t)=>(a(),l("button",{type:"button",class:M(["VPNavBarHamburger",{active:e.active}]),"aria-label":"mobile navigation","aria-expanded":e.active,"aria-controls":"VPNavScreen",onClick:t[0]||(t[0]=n=>e.$emit("click"))},Hn,10,An))}}),Fn=k(En,[["__scopeId","data-v-be78ff70"]]),Dn=["innerHTML"],On=_({__name:"VPNavBarMenuLink",props:{item:{}},setup(s){const{page:e}=L();return(t,n)=>(a(),$(O,{class:M({VPNavBarMenuLink:!0,active:r(z)(r(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel,tabindex:"0"},{default:p(()=>[d("span",{innerHTML:t.item.text},null,8,Dn)]),_:1},8,["class","href","target","rel"]))}}),Un=k(On,[["__scopeId","data-v-0d5de216"]]),Gn=_({__name:"VPNavBarMenuGroup",props:{item:{}},setup(s){const e=s,{page:t}=L(),n=i=>"link"in i?z(t.value.relativePath,i.link,!!e.item.activeMatch):i.items.some(n),o=b(()=>n(e.item));return(i,u)=>(a(),$(Pe,{class:M({VPNavBarMenuGroup:!0,active:r(z)(r(t).relativePath,i.item.activeMatch,!!i.item.activeMatch)||o.value}),button:i.item.text,items:i.item.items},null,8,["class","button","items"]))}}),jn=s=>(B("data-v-23324f48"),s=s(),H(),s),zn={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},Kn=jn(()=>d("span",{id:"main-nav-aria-label",class:"visually-hidden"},"Main Navigation",-1)),qn=_({__name:"VPNavBarMenu",setup(s){const{theme:e}=L();return(t,n)=>r(e).nav?(a(),l("nav",zn,[Kn,(a(!0),l(I,null,E(r(e).nav,o=>(a(),l(I,{key:o.text},["link"in o?(a(),$(Un,{key:0,item:o},null,8,["item"])):(a(),$(Gn,{key:1,item:o},null,8,["item"]))],64))),128))])):f("",!0)}}),Rn=k(qn,[["__scopeId","data-v-23324f48"]]);function Wn(s){const{localeIndex:e,theme:t}=L();function n(o){var C,A,N;const i=o.split("."),u=(C=t.value.search)==null?void 0:C.options,h=u&&typeof u=="object",v=h&&((N=(A=u.locales)==null?void 0:A[e.value])==null?void 0:N.translations)||null,g=h&&u.translations||null;let P=v,y=g,S=s;const T=i.pop();for(const X of i){let G=null;const R=S==null?void 0:S[X];R&&(G=S=R);const re=y==null?void 0:y[X];re&&(G=y=re);const ie=P==null?void 0:P[X];ie&&(G=P=ie),R||(S=G),re||(y=G),ie||(P=G)}return(P==null?void 0:P[T])??(y==null?void 0:y[T])??(S==null?void 0:S[T])??""}return n}const Yn=["aria-label"],Jn={class:"DocSearch-Button-Container"},Xn=d("span",{class:"vp-icon DocSearch-Search-Icon"},null,-1),Qn={class:"DocSearch-Button-Placeholder"},Zn=d("span",{class:"DocSearch-Button-Keys"},[d("kbd",{class:"DocSearch-Button-Key"}),d("kbd",{class:"DocSearch-Button-Key"},"K")],-1),Ve=_({__name:"VPNavBarSearchButton",setup(s){const t=Wn({button:{buttonText:"Search",buttonAriaLabel:"Search"}});return(n,o)=>(a(),l("button",{type:"button",class:"DocSearch DocSearch-Button","aria-label":r(t)("button.buttonAriaLabel")},[d("span",Jn,[Xn,d("span",Qn,V(r(t)("button.buttonText")),1)]),Zn],8,Yn))}}),xn={class:"VPNavBarSearch"},ea={id:"local-search"},ta={key:1,id:"docsearch"},sa=_({__name:"VPNavBarSearch",setup(s){const e=xe(()=>et(()=>import("./VPLocalSearchBox.XzComPsV.js"),__vite__mapDeps([0,1]))),t=()=>null,{theme:n}=L(),o=w(!1),i=w(!1);j(()=>{});function u(){o.value||(o.value=!0,setTimeout(h,16))}function h(){const y=new Event("keydown");y.key="k",y.metaKey=!0,window.dispatchEvent(y),setTimeout(()=>{document.querySelector(".DocSearch-Modal")||h()},16)}function v(y){const S=y.target,T=S.tagName;return S.isContentEditable||T==="INPUT"||T==="SELECT"||T==="TEXTAREA"}const g=w(!1);de("k",y=>{(y.ctrlKey||y.metaKey)&&(y.preventDefault(),g.value=!0)}),de("/",y=>{v(y)||(y.preventDefault(),g.value=!0)});const P="local";return(y,S)=>{var T;return a(),l("div",xn,[r(P)==="local"?(a(),l(I,{key:0},[g.value?(a(),$(r(e),{key:0,onClose:S[0]||(S[0]=C=>g.value=!1)})):f("",!0),d("div",ea,[m(Ve,{onClick:S[1]||(S[1]=C=>g.value=!0)})])],64)):r(P)==="algolia"?(a(),l(I,{key:1},[o.value?(a(),$(r(t),{key:0,algolia:((T=r(n).search)==null?void 0:T.options)??r(n).algolia,onVnodeBeforeMount:S[2]||(S[2]=C=>i.value=!0)},null,8,["algolia"])):f("",!0),i.value?f("",!0):(a(),l("div",ta,[m(Ve,{onClick:u})]))],64)):f("",!0)])}}}),oa=_({__name:"VPNavBarSocialLinks",setup(s){const{theme:e}=L();return(t,n)=>r(e).socialLinks?(a(),$(Le,{key:0,class:"VPNavBarSocialLinks",links:r(e).socialLinks},null,8,["links"])):f("",!0)}}),na=k(oa,[["__scopeId","data-v-bda4d0e9"]]),aa=["href","rel","target"],ra={key:1},ia={key:2},la=_({__name:"VPNavBarTitle",setup(s){const{site:e,theme:t}=L(),{hasSidebar:n}=U(),{currentLang:o}=J(),i=b(()=>{var v;return typeof t.value.logoLink=="string"?t.value.logoLink:(v=t.value.logoLink)==null?void 0:v.link}),u=b(()=>{var v;return typeof t.value.logoLink=="string"||(v=t.value.logoLink)==null?void 0:v.rel}),h=b(()=>{var v;return typeof t.value.logoLink=="string"||(v=t.value.logoLink)==null?void 0:v.target});return(v,g)=>(a(),l("div",{class:M(["VPNavBarTitle",{"has-sidebar":r(n)}])},[d("a",{class:"title",href:i.value??r(ke)(r(o).link),rel:u.value,target:h.value},[c(v.$slots,"nav-bar-title-before",{},void 0,!0),r(t).logo?(a(),$(x,{key:0,class:"logo",image:r(t).logo},null,8,["image"])):f("",!0),r(t).siteTitle?(a(),l("span",ra,V(r(t).siteTitle),1)):r(t).siteTitle===void 0?(a(),l("span",ia,V(r(e).title),1)):f("",!0),c(v.$slots,"nav-bar-title-after",{},void 0,!0)],8,aa)],2))}}),ca=k(la,[["__scopeId","data-v-9ef2cf09"]]),ua={class:"items"},da={class:"title"},va=_({__name:"VPNavBarTranslations",setup(s){const{theme:e}=L(),{localeLinks:t,currentLang:n}=J({correspondingLink:!0});return(o,i)=>r(t).length&&r(n).label?(a(),$(Pe,{key:0,class:"VPNavBarTranslations",icon:"vpi-languages",label:r(e).langMenuLabel||"Change language"},{default:p(()=>[d("div",ua,[d("p",da,V(r(n).label),1),(a(!0),l(I,null,E(r(t),u=>(a(),$(ae,{key:u.link,item:u},null,8,["item"]))),128))])]),_:1},8,["label"])):f("",!0)}}),pa=k(va,[["__scopeId","data-v-59f55991"]]),ha=s=>(B("data-v-8d1a47cf"),s=s(),H(),s),fa={class:"wrapper"},_a={class:"container"},ma={class:"title"},ka={class:"content"},ga={class:"content-body"},$a=ha(()=>d("div",{class:"divider"},[d("div",{class:"divider-line"})],-1)),ba=_({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(s){const{y:e}=Me(),{hasSidebar:t}=U(),{hasLocalNav:n}=Fe(),{frontmatter:o}=L(),i=w({});return we(()=>{i.value={"has-sidebar":t.value,"has-local-nav":n.value,top:o.value.layout==="home"&&e.value===0}}),(u,h)=>(a(),l("div",{class:M(["VPNavBar",i.value])},[d("div",fa,[d("div",_a,[d("div",ma,[m(ca,null,{"nav-bar-title-before":p(()=>[c(u.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":p(()=>[c(u.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3})]),d("div",ka,[d("div",ga,[c(u.$slots,"nav-bar-content-before",{},void 0,!0),m(sa,{class:"search"}),m(Rn,{class:"menu"}),m(pa,{class:"translations"}),m(Yo,{class:"appearance"}),m(na,{class:"social-links"}),m(Mn,{class:"extra"}),c(u.$slots,"nav-bar-content-after",{},void 0,!0),m(Fn,{class:"hamburger",active:u.isScreenOpen,onClick:h[0]||(h[0]=v=>u.$emit("toggle-screen"))},null,8,["active"])])])])]),$a],2))}}),ya=k(ba,[["__scopeId","data-v-8d1a47cf"]]),Pa={key:0,class:"VPNavScreenAppearance"},La={class:"text"},Va=_({__name:"VPNavScreenAppearance",setup(s){const{site:e,theme:t}=L();return(n,o)=>r(e).appearance&&r(e).appearance!=="force-dark"?(a(),l("div",Pa,[d("p",La,V(r(t).darkModeSwitchLabel||"Appearance"),1),m(be)])):f("",!0)}}),Sa=k(Va,[["__scopeId","data-v-863c5b9f"]]),wa=_({__name:"VPNavScreenMenuLink",props:{item:{}},setup(s){const e=ne("close-screen");return(t,n)=>(a(),$(O,{class:"VPNavScreenMenuLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:r(e)},{default:p(()=>[D(V(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}}),Ta=k(wa,[["__scopeId","data-v-c2b58f0f"]]),Na=_({__name:"VPNavScreenMenuGroupLink",props:{item:{}},setup(s){const e=ne("close-screen");return(t,n)=>(a(),$(O,{class:"VPNavScreenMenuGroupLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:r(e)},{default:p(()=>[D(V(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}}),Ge=k(Na,[["__scopeId","data-v-e6436911"]]),Ia={class:"VPNavScreenMenuGroupSection"},Ma={key:0,class:"title"},Ca=_({__name:"VPNavScreenMenuGroupSection",props:{text:{},items:{}},setup(s){return(e,t)=>(a(),l("div",Ia,[e.text?(a(),l("p",Ma,V(e.text),1)):f("",!0),(a(!0),l(I,null,E(e.items,n=>(a(),$(Ge,{key:n.text,item:n},null,8,["item"]))),128))]))}}),Aa=k(Ca,[["__scopeId","data-v-a4d4584e"]]),Ba=s=>(B("data-v-473de28b"),s=s(),H(),s),Ha=["aria-controls","aria-expanded"],Ea=["innerHTML"],Fa=Ba(()=>d("span",{class:"vpi-plus button-icon"},null,-1)),Da=["id"],Oa={key:1,class:"group"},Ua=_({__name:"VPNavScreenMenuGroup",props:{text:{},items:{}},setup(s){const e=s,t=w(!1),n=b(()=>`NavScreenGroup-${e.text.replace(" ","-").toLowerCase()}`);function o(){t.value=!t.value}return(i,u)=>(a(),l("div",{class:M(["VPNavScreenMenuGroup",{open:t.value}])},[d("button",{class:"button","aria-controls":n.value,"aria-expanded":t.value,onClick:o},[d("span",{class:"button-text",innerHTML:i.text},null,8,Ea),Fa],8,Ha),d("div",{id:n.value,class:"items"},[(a(!0),l(I,null,E(i.items,h=>(a(),l(I,{key:h.text},["link"in h?(a(),l("div",{key:h.text,class:"item"},[m(Ge,{item:h},null,8,["item"])])):(a(),l("div",Oa,[m(Aa,{text:h.text,items:h.items},null,8,["text","items"])]))],64))),128))],8,Da)],2))}}),Ga=k(Ua,[["__scopeId","data-v-473de28b"]]),ja={key:0,class:"VPNavScreenMenu"},za=_({__name:"VPNavScreenMenu",setup(s){const{theme:e}=L();return(t,n)=>r(e).nav?(a(),l("nav",ja,[(a(!0),l(I,null,E(r(e).nav,o=>(a(),l(I,{key:o.text},["link"in o?(a(),$(Ta,{key:0,item:o},null,8,["item"])):(a(),$(Ga,{key:1,text:o.text||"",items:o.items},null,8,["text","items"]))],64))),128))])):f("",!0)}}),Ka=_({__name:"VPNavScreenSocialLinks",setup(s){const{theme:e}=L();return(t,n)=>r(e).socialLinks?(a(),$(Le,{key:0,class:"VPNavScreenSocialLinks",links:r(e).socialLinks},null,8,["links"])):f("",!0)}}),je=s=>(B("data-v-1ef4d13f"),s=s(),H(),s),qa=je(()=>d("span",{class:"vpi-languages icon lang"},null,-1)),Ra=je(()=>d("span",{class:"vpi-chevron-down icon chevron"},null,-1)),Wa={class:"list"},Ya=_({__name:"VPNavScreenTranslations",setup(s){const{localeLinks:e,currentLang:t}=J({correspondingLink:!0}),n=w(!1);function o(){n.value=!n.value}return(i,u)=>r(e).length&&r(t).label?(a(),l("div",{key:0,class:M(["VPNavScreenTranslations",{open:n.value}])},[d("button",{class:"title",onClick:o},[qa,D(" "+V(r(t).label)+" ",1),Ra]),d("ul",Wa,[(a(!0),l(I,null,E(r(e),h=>(a(),l("li",{key:h.link,class:"item"},[m(O,{class:"link",href:h.link},{default:p(()=>[D(V(h.text),1)]),_:2},1032,["href"])]))),128))])],2)):f("",!0)}}),Ja=k(Ya,[["__scopeId","data-v-1ef4d13f"]]),Xa={class:"container"},Qa=_({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(s){const e=w(null),t=Ce(Y?document.body:null);return(n,o)=>(a(),$(fe,{name:"fade",onEnter:o[0]||(o[0]=i=>t.value=!0),onAfterLeave:o[1]||(o[1]=i=>t.value=!1)},{default:p(()=>[n.open?(a(),l("div",{key:0,class:"VPNavScreen",ref_key:"screen",ref:e,id:"VPNavScreen"},[d("div",Xa,[c(n.$slots,"nav-screen-content-before",{},void 0,!0),m(za,{class:"menu"}),m(Ja,{class:"translations"}),m(Sa,{class:"appearance"}),m(Ka,{class:"social-links"}),c(n.$slots,"nav-screen-content-after",{},void 0,!0)])],512)):f("",!0)]),_:3}))}}),Za=k(Qa,[["__scopeId","data-v-1c572c39"]]),xa={key:0,class:"VPNav"},er=_({__name:"VPNav",setup(s){const{isScreenOpen:e,closeScreen:t,toggleScreen:n}=Eo(),{frontmatter:o}=L(),i=b(()=>o.value.navbar!==!1);return Ae("close-screen",t),te(()=>{Y&&document.documentElement.classList.toggle("hide-nav",!i.value)}),(u,h)=>i.value?(a(),l("header",xa,[m(ya,{"is-screen-open":r(e),onToggleScreen:r(n)},{"nav-bar-title-before":p(()=>[c(u.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":p(()=>[c(u.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":p(()=>[c(u.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":p(()=>[c(u.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),m(Za,{open:r(e)},{"nav-screen-content-before":p(()=>[c(u.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":p(()=>[c(u.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])])):f("",!0)}}),tr=k(er,[["__scopeId","data-v-9456f633"]]),ze=s=>(B("data-v-1516d4dd"),s=s(),H(),s),sr=["role","tabindex"],or=ze(()=>d("div",{class:"indicator"},null,-1)),nr=ze(()=>d("span",{class:"vpi-chevron-right caret-icon"},null,-1)),ar=[nr],rr={key:1,class:"items"},ir=_({__name:"VPSidebarItem",props:{item:{},depth:{}},setup(s){const e=s,{collapsed:t,collapsible:n,isLink:o,isActiveLink:i,hasActiveLink:u,hasChildren:h,toggle:v}=St(b(()=>e.item)),g=b(()=>h.value?"section":"div"),P=b(()=>o.value?"a":"div"),y=b(()=>h.value?e.depth+2===7?"p":`h${e.depth+2}`:"p"),S=b(()=>o.value?void 0:"button"),T=b(()=>[[`level-${e.depth}`],{collapsible:n.value},{collapsed:t.value},{"is-link":o.value},{"is-active":i.value},{"has-active":u.value}]);function C(N){"key"in N&&N.key!=="Enter"||!e.item.link&&v()}function A(){e.item.link&&v()}return(N,X)=>{const G=q("VPSidebarItem",!0);return a(),$(W(g.value),{class:M(["VPSidebarItem",T.value])},{default:p(()=>[N.item.text?(a(),l("div",Q({key:0,class:"item",role:S.value},tt(N.item.items?{click:C,keydown:C}:{},!0),{tabindex:N.item.items&&0}),[or,N.item.link?(a(),$(O,{key:0,tag:P.value,class:"link",href:N.item.link,rel:N.item.rel,target:N.item.target},{default:p(()=>[(a(),$(W(y.value),{class:"text",innerHTML:N.item.text},null,8,["innerHTML"]))]),_:1},8,["tag","href","rel","target"])):(a(),$(W(y.value),{key:1,class:"text",innerHTML:N.item.text},null,8,["innerHTML"])),N.item.collapsed!=null?(a(),l("div",{key:2,class:"caret",role:"button","aria-label":"toggle section",onClick:A,onKeydown:st(A,["enter"]),tabindex:"0"},ar,32)):f("",!0)],16,sr)):f("",!0),N.item.items&&N.item.items.length?(a(),l("div",rr,[N.depth<5?(a(!0),l(I,{key:0},E(N.item.items,R=>(a(),$(G,{key:R.text,item:R,depth:N.depth+1},null,8,["item","depth"]))),128)):f("",!0)])):f("",!0)]),_:1},8,["class"])}}}),lr=k(ir,[["__scopeId","data-v-1516d4dd"]]),Ke=s=>(B("data-v-fb0eb268"),s=s(),H(),s),cr=Ke(()=>d("div",{class:"curtain"},null,-1)),ur={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},dr=Ke(()=>d("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),vr=_({__name:"VPSidebar",props:{open:{type:Boolean}},setup(s){const{sidebarGroups:e,hasSidebar:t}=U(),n=s,o=w(null),i=Ce(Y?document.body:null);return K([n,o],()=>{var u;n.open?(i.value=!0,(u=o.value)==null||u.focus()):i.value=!1},{immediate:!0,flush:"post"}),(u,h)=>r(t)?(a(),l("aside",{key:0,class:M(["VPSidebar",{open:u.open}]),ref_key:"navEl",ref:o,onClick:h[0]||(h[0]=ot(()=>{},["stop"]))},[cr,d("nav",ur,[dr,c(u.$slots,"sidebar-nav-before",{},void 0,!0),(a(!0),l(I,null,E(r(e),v=>(a(),l("div",{key:v.text,class:"group"},[m(lr,{item:v,depth:0},null,8,["item"])]))),128)),c(u.$slots,"sidebar-nav-after",{},void 0,!0)])],2)):f("",!0)}}),pr=k(vr,[["__scopeId","data-v-fb0eb268"]]),hr=_({__name:"VPSkipLink",setup(s){const e=oe(),t=w();K(()=>e.path,()=>t.value.focus());function n({target:o}){const i=document.getElementById(decodeURIComponent(o.hash).slice(1));if(i){const u=()=>{i.removeAttribute("tabindex"),i.removeEventListener("blur",u)};i.setAttribute("tabindex","-1"),i.addEventListener("blur",u),i.focus(),window.scrollTo(0,0)}}return(o,i)=>(a(),l(I,null,[d("span",{ref_key:"backToTop",ref:t,tabindex:"-1"},null,512),d("a",{href:"#VPContent",class:"VPSkipLink visually-hidden",onClick:n}," Skip to content ")],64))}}),fr=k(hr,[["__scopeId","data-v-c337a0a9"]]),_r=_({__name:"Layout",setup(s){const{isOpen:e,open:t,close:n}=U(),o=oe();K(()=>o.path,n),Vt(e,n);const{frontmatter:i}=L(),u=nt(),h=b(()=>!!u["home-hero-image"]);return Ae("hero-image-slot-exists",h),(v,g)=>{const P=q("Content");return r(i).layout!==!1?(a(),l("div",{key:0,class:M(["Layout",r(i).pageClass])},[c(v.$slots,"layout-top",{},void 0,!0),m(fr),m(ut,{class:"backdrop",show:r(e),onClick:r(n)},null,8,["show","onClick"]),m(tr,null,{"nav-bar-title-before":p(()=>[c(v.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":p(()=>[c(v.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":p(()=>[c(v.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":p(()=>[c(v.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":p(()=>[c(v.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":p(()=>[c(v.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),m(Ho,{open:r(e),onOpenMenu:r(t)},null,8,["open","onOpenMenu"]),m(pr,{open:r(e)},{"sidebar-nav-before":p(()=>[c(v.$slots,"sidebar-nav-before",{},void 0,!0)]),"sidebar-nav-after":p(()=>[c(v.$slots,"sidebar-nav-after",{},void 0,!0)]),_:3},8,["open"]),m(mo,null,{"page-top":p(()=>[c(v.$slots,"page-top",{},void 0,!0)]),"page-bottom":p(()=>[c(v.$slots,"page-bottom",{},void 0,!0)]),"not-found":p(()=>[c(v.$slots,"not-found",{},void 0,!0)]),"home-hero-before":p(()=>[c(v.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":p(()=>[c(v.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":p(()=>[c(v.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":p(()=>[c(v.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":p(()=>[c(v.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":p(()=>[c(v.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":p(()=>[c(v.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":p(()=>[c(v.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":p(()=>[c(v.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":p(()=>[c(v.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":p(()=>[c(v.$slots,"doc-before",{},void 0,!0)]),"doc-after":p(()=>[c(v.$slots,"doc-after",{},void 0,!0)]),"doc-top":p(()=>[c(v.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":p(()=>[c(v.$slots,"doc-bottom",{},void 0,!0)]),"aside-top":p(()=>[c(v.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":p(()=>[c(v.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":p(()=>[c(v.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":p(()=>[c(v.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":p(()=>[c(v.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":p(()=>[c(v.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),m(yo),c(v.$slots,"layout-bottom",{},void 0,!0)],2)):(a(),$(P,{key:1}))}}}),mr=k(_r,[["__scopeId","data-v-ef60d520"]]),Se={Layout:mr,enhanceApp:({app:s})=>{s.component("Badge",it)}},F=[{name:"Northstar",logo:"/images/sponsors/Northstar.png",website:"https://www.quantit.tech",amount:600},{name:"flameOnYou",text:"flameOnYou",logo:"/images/sponsors/flameOnYou.jpg",website:"https://github.com/flameOnYou",amount:1100}],kr={class:"home-section sponsor-section"},gr={class:"home-section-content sponsor"},$r={class:"sponsor-grid sponsor-top-grid"},br=["href"],yr=["src"],Pr={key:0,class:"text"},Lr=["href"],Vr=["src"],Sr={key:0,class:"text"},wr={key:0},Tr={key:1,class:"sponsor-grid sponsor-platinum-grid"},Nr=["href"],Ir=["src"],Mr={key:2},Cr={key:3,class:"sponsor-grid sponsor-gold-grid"},Ar=["href"],Br=["src"],Hr={__name:"HomeSponsor",setup(s){F.sort((u,h)=>h.amount-u.amount);const e=[],t=[];for(let u=3;u<F.length;u++){const h=F[u];h.amount>=5e3?e.push(h):t.push(h)}const n=w(e),o=w(t),{lang:i}=_e();return(u,h)=>(a(),l("section",kr,[d("div",gr,[d("h2",null,V(r(i)==="zh-CN"?"赞助商":"Sponsors"),1),d("div",$r,[d("a",{class:"sponsor-grid-item item-no1",href:r(F)[0].website,target:"_blank",rel:"noreferrer"},[d("img",{class:"image",src:r(F)[0].logo},null,8,yr),r(F)[0].text?(a(),l("span",Pr,V(r(F)[0].text),1)):f("",!0)],8,br),d("a",{class:"sponsor-grid-item item-no1",href:r(F)[1].website,target:"_blank",rel:"noreferrer"},[d("img",{class:"image",src:r(F)[1].logo},null,8,Vr),r(F)[1].text?(a(),l("span",Sr,V(r(F)[1].text),1)):f("",!0)],8,Lr)]),n.value.length>0?(a(),l("h4",wr,V(r(i)==="zh-CN"?"铂金赞助商":"Platinum Sponsors"),1)):f("",!0),n.value.length>0?(a(),l("div",Tr,[(a(!0),l(I,null,E(n.value,v=>(a(),l("a",{class:"sponsor-grid-item item",target:"_blank",rel:"noreferrer",href:v.website},[d("img",{class:"image",src:v.logo},null,8,Ir)],8,Nr))),256))])):f("",!0),o.value.length>0?(a(),l("h4",Mr,V(r(i)==="zh-CN"?"黄金赞助商":"Gold Sponsors"),1)):f("",!0),o.value.length>0?(a(),l("div",Cr,[(a(!0),l(I,null,E(o.value,v=>(a(),l("a",{class:"sponsor-grid-item item",target:"_blank",rel:"noreferrer",href:v.website},[d("img",{class:"image",src:v.logo},null,8,Br)],8,Ar))),256))])):f("",!0)])]))}},Er=k(Hr,[["__scopeId","data-v-7d2a1d4b"]]),Fr={class:"NotFound"},Dr=at('<div class="logo" data-v-de22ffbd><span data-v-de22ffbd>4</span><img src="'+rt+'" data-v-de22ffbd><span data-v-de22ffbd>4</span></div><p class="title" data-v-de22ffbd>Page Not Found</p><p class="tip" style="margin-top:30px;" data-v-de22ffbd>Make sure the address is correct and the page hasn&#39;t moved.</p><p class="tip" data-v-de22ffbd>Please contact your KLineChart administrator if you think this is a mistake.</p>',4),Or={class:"action"},Ur=["href"],Gr=_({__name:"NotFound",setup(s){const{lang:e}=_e(),t=w("/");return j(()=>{t.value=e.value==="zh-CN"?"/":`/${e.value}/`}),(n,o)=>(a(),l("div",Fr,[Dr,d("div",Or,[d("a",{class:"link",href:r(ee)(t.value),"aria-label":"go to home"}," Take me home ",8,Ur)])]))}}),jr=k(Gr,[["__scopeId","data-v-de22ffbd"]]),zr={},Kr={class:"Tag"};function qr(s,e){return a(),l("span",Kr,[c(s.$slots,"default",{},void 0,!0)])}const Rr=k(zr,[["render",qr],["__scopeId","data-v-90b04f6b"]]),Yr={...Se,Layout:()=>le(Se.Layout,null,{"home-features-after":()=>le(Er),"not-found":()=>le(jr)}),enhanceApp({app:s,router:e,siteData:t}){s.component("Tag",Rr)}};export{Yr as R,Wn as c,L as u};
-function __vite__mapDeps(indexes) {
-  if (!__vite__mapDeps.viteFileDeps) {
-    __vite__mapDeps.viteFileDeps = ["assets/chunks/VPLocalSearchBox.XzComPsV.js","assets/chunks/framework.b3gnc5d8.js"]
-  }
-  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
-}
diff --git a/assets/chunks/theme.u0a61rzK.js b/assets/chunks/theme.u0a61rzK.js
new file mode 100644
index 000000000..cdc926091
--- /dev/null
+++ b/assets/chunks/theme.u0a61rzK.js
@@ -0,0 +1,7 @@
+import{d as _,o as a,c as l,r as c,a as E,t as V,n as M,b as g,w as p,e as f,T as _e,_ as $,u as J,i as Re,f as Ye,g as se,h as w,j as Y,k as b,l as U,m as u,p as r,q as B,s as H,v as z,x as de,y as K,z as oe,A as me,B as we,C as Je,D as Xe,E as W,F as I,G as F,H as Te,I as ne,J as m,K as R,L as Ne,M as ae,N as x,O as re,P as Qe,Q as Ie,R as Ze,S as ve,U as Me,V as Ce,W as xe,X as et,Y as tt,Z as Ae,$ as $e,a0 as st,a1 as ot,a2 as Be,a3 as nt,a4 as at,a5 as rt}from"./framework.S5btFSuR.js";const it=_({__name:"VPBadge",props:{text:{},type:{default:"tip"}},setup(s){return(e,t)=>(a(),l("span",{class:M(["VPBadge",e.type])},[c(e.$slots,"default",{},()=>[E(V(e.text),1)])],2))}}),lt={key:0,class:"VPBackdrop"},ct=_({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(s){return(e,t)=>(a(),g(_e,{name:"fade"},{default:p(()=>[e.show?(a(),l("div",lt)):f("",!0)]),_:1}))}}),ut=$(ct,[["__scopeId","data-v-08e108fb"]]),L=J;function dt(s,e){let t,n=!1;return()=>{t&&clearTimeout(t),n?t=setTimeout(s,e):(s(),(n=!0)&&setTimeout(()=>n=!1,e))}}function pe(s){return/^\//.test(s)?s:`/${s}`}function ge(s){const{pathname:e,search:t,hash:n,protocol:o}=new URL(s,"http://a.com");if(Re(s)||s.startsWith("#")||!o.startsWith("http")||!Ye(e))return s;const{site:i}=L(),d=e.endsWith("/")||e.endsWith(".html")?s:s.replace(/(?:(^\.+)\/)?.*$/,`$1${e.replace(/(\.md)?$/,i.value.cleanUrls?"":".html")}${t}${n}`);return se(d)}const ke=w(Y?location.hash:"");Y&&window.addEventListener("hashchange",()=>{ke.value=location.hash});function X({removeCurrent:s=!0,correspondingLink:e=!1}={}){const{site:t,localeIndex:n,page:o,theme:i}=L(),d=b(()=>{var v,k;return{label:(v=t.value.locales[n.value])==null?void 0:v.label,link:((k=t.value.locales[n.value])==null?void 0:k.link)||(n.value==="root"?"/":`/${n.value}/`)}});return{localeLinks:b(()=>Object.entries(t.value.locales).flatMap(([v,k])=>s&&d.value.label===k.label?[]:{text:k.label,link:vt(k.link||(v==="root"?"/":`/${v}/`),i.value.i18nRouting!==!1&&e,o.value.relativePath.slice(d.value.link.length-1),!t.value.cleanUrls)+ke.value})),currentLang:d}}function vt(s,e,t,n){return e?s.replace(/\/$/,"")+pe(t.replace(/(^|\/)index\.md$/,"$1").replace(/\.md$/,n?".html":"")):s}const pt=s=>(B("data-v-9ca9d21c"),s=s(),H(),s),ht={class:"NotFound"},ft={class:"code"},_t={class:"title"},mt=pt(()=>u("div",{class:"divider"},null,-1)),$t={class:"quote"},gt={class:"action"},kt=["href","aria-label"],bt=_({__name:"NotFound",setup(s){const{site:e,theme:t}=L(),{localeLinks:n}=X({removeCurrent:!1}),o=w("/");return U(()=>{var d;const i=window.location.pathname.replace(e.value.base,"").replace(/(^.*?\/).*$/,"/$1");n.value.length&&(o.value=((d=n.value.find(({link:h})=>h.startsWith(i)))==null?void 0:d.link)||n.value[0].link)}),(i,d)=>{var h,v,k,P,y;return a(),l("div",ht,[u("p",ft,V(((h=r(t).notFound)==null?void 0:h.code)??"404"),1),u("h1",_t,V(((v=r(t).notFound)==null?void 0:v.title)??"PAGE NOT FOUND"),1),mt,u("blockquote",$t,V(((k=r(t).notFound)==null?void 0:k.quote)??"But if you don't change your direction, and if you keep looking, you may end up where you are heading."),1),u("div",gt,[u("a",{class:"link",href:r(se)(o.value),"aria-label":((P=r(t).notFound)==null?void 0:P.linkLabel)??"go to home"},V(((y=r(t).notFound)==null?void 0:y.linkText)??"Take me home"),9,kt)])])}}}),yt=$(bt,[["__scopeId","data-v-9ca9d21c"]]);function He(s,e){if(Array.isArray(s))return ee(s);if(s==null)return[];e=pe(e);const t=Object.keys(s).sort((o,i)=>i.split("/").length-o.split("/").length).find(o=>e.startsWith(pe(o))),n=t?s[t]:[];return Array.isArray(n)?ee(n):ee(n.items,n.base)}function Pt(s){const e=[];let t=0;for(const n in s){const o=s[n];if(o.items){t=e.push(o);continue}e[t]||e.push({items:[]}),e[t].items.push(o)}return e}function Lt(s){const e=[];function t(n){for(const o of n)o.text&&o.link&&e.push({text:o.text,link:o.link,docFooterText:o.docFooterText}),o.items&&t(o.items)}return t(s),e}function he(s,e){return Array.isArray(e)?e.some(t=>he(s,t)):z(s,e.link)?!0:e.items?he(s,e.items):!1}function ee(s,e){return[...s].map(t=>{const n={...t},o=n.base||e;return o&&n.link&&(n.link=o+n.link),n.items&&(n.items=ee(n.items,o)),n})}function G(){const{frontmatter:s,page:e,theme:t}=L(),n=de("(min-width: 960px)"),o=w(!1),i=b(()=>{const A=t.value.sidebar,N=e.value.relativePath;return A?He(A,N):[]}),d=w(i.value);K(i,(A,N)=>{JSON.stringify(A)!==JSON.stringify(N)&&(d.value=i.value)});const h=b(()=>s.value.sidebar!==!1&&d.value.length>0&&s.value.layout!=="home"),v=b(()=>k?s.value.aside==null?t.value.aside==="left":s.value.aside==="left":!1),k=b(()=>s.value.layout==="home"?!1:s.value.aside!=null?!!s.value.aside:t.value.aside!==!1),P=b(()=>h.value&&n.value),y=b(()=>h.value?Pt(d.value):[]);function S(){o.value=!0}function T(){o.value=!1}function C(){o.value?T():S()}return{isOpen:o,sidebar:d,sidebarGroups:y,hasSidebar:h,hasAside:k,leftAside:v,isSidebarEnabled:P,open:S,close:T,toggle:C}}function Vt(s,e){let t;oe(()=>{t=s.value?document.activeElement:void 0}),U(()=>{window.addEventListener("keyup",n)}),me(()=>{window.removeEventListener("keyup",n)});function n(o){o.key==="Escape"&&s.value&&(e(),t==null||t.focus())}}function St(s){const{page:e}=L(),t=w(!1),n=b(()=>s.value.collapsed!=null),o=b(()=>!!s.value.link),i=w(!1),d=()=>{i.value=z(e.value.relativePath,s.value.link)};K([e,s,ke],d),U(d);const h=b(()=>i.value?!0:s.value.items?he(e.value.relativePath,s.value.items):!1),v=b(()=>!!(s.value.items&&s.value.items.length));oe(()=>{t.value=!!(n.value&&s.value.collapsed)}),we(()=>{(i.value||h.value)&&(t.value=!1)});function k(){n.value&&(t.value=!t.value)}return{collapsed:t,collapsible:n,isLink:o,isActiveLink:i,hasActiveLink:h,hasChildren:v,toggle:k}}function wt(){const{hasSidebar:s}=G(),e=de("(min-width: 960px)"),t=de("(min-width: 1280px)");return{isAsideEnabled:b(()=>!t.value&&!e.value?!1:s.value?t.value:e.value)}}const fe=[];function Ee(s){return typeof s.outline=="object"&&!Array.isArray(s.outline)&&s.outline.label||s.outlineTitle||"On this page"}function be(s){const e=[...document.querySelectorAll(".VPDoc :where(h1,h2,h3,h4,h5,h6)")].filter(t=>t.id&&t.hasChildNodes()).map(t=>{const n=Number(t.tagName[1]);return{element:t,title:Tt(t),link:"#"+t.id,level:n}});return Nt(e,s)}function Tt(s){let e="";for(const t of s.childNodes)if(t.nodeType===1){if(t.classList.contains("VPBadge")||t.classList.contains("header-anchor")||t.classList.contains("ignore-header"))continue;e+=t.textContent}else t.nodeType===3&&(e+=t.textContent);return e.trim()}function Nt(s,e){if(e===!1)return[];const t=(typeof e=="object"&&!Array.isArray(e)?e.level:e)||2,[n,o]=typeof t=="number"?[t,t]:t==="deep"?[2,6]:t;s=s.filter(d=>d.level>=n&&d.level<=o),fe.length=0;for(const{element:d,link:h}of s)fe.push({element:d,link:h});const i=[];e:for(let d=0;d<s.length;d++){const h=s[d];if(d===0)i.push(h);else{for(let v=d-1;v>=0;v--){const k=s[v];if(k.level<h.level){(k.children||(k.children=[])).push(h);continue e}}i.push(h)}}return i}function It(s,e){const{isAsideEnabled:t}=wt(),n=dt(i,100);let o=null;U(()=>{requestAnimationFrame(i),window.addEventListener("scroll",n)}),Je(()=>{d(location.hash)}),me(()=>{window.removeEventListener("scroll",n)});function i(){if(!t.value)return;const h=window.scrollY,v=window.innerHeight,k=document.body.offsetHeight,P=Math.abs(h+v-k)<1,y=fe.map(({element:T,link:C})=>({link:C,top:Mt(T)})).filter(({top:T})=>!Number.isNaN(T)).sort((T,C)=>T.top-C.top);if(!y.length){d(null);return}if(h<1){d(null);return}if(P){d(y[y.length-1].link);return}let S=null;for(const{link:T,top:C}of y){if(C>h+Xe()+4)break;S=T}d(S)}function d(h){o&&o.classList.remove("active"),h==null?o=null:o=s.value.querySelector(`a[href="${decodeURIComponent(h)}"]`);const v=o;v?(v.classList.add("active"),e.value.style.top=v.offsetTop+39+"px",e.value.style.opacity="1"):(e.value.style.top="33px",e.value.style.opacity="0")}}function Mt(s){let e=0;for(;s!==document.body;){if(s===null)return NaN;e+=s.offsetTop,s=s.offsetParent}return e}const Ct=["href","title"],At=_({__name:"VPDocOutlineItem",props:{headers:{},root:{type:Boolean}},setup(s){function e({target:t}){const n=t.href.split("#")[1],o=document.getElementById(decodeURIComponent(n));o==null||o.focus({preventScroll:!0})}return(t,n)=>{const o=W("VPDocOutlineItem",!0);return a(),l("ul",{class:M(["VPDocOutlineItem",t.root?"root":"nested"])},[(a(!0),l(I,null,F(t.headers,({children:i,link:d,title:h})=>(a(),l("li",null,[u("a",{class:"outline-link",href:d,onClick:e,title:h},V(h),9,Ct),i!=null&&i.length?(a(),g(o,{key:0,headers:i},null,8,["headers"])):f("",!0)]))),256))],2)}}}),Fe=$(At,[["__scopeId","data-v-85bbe7c6"]]),Bt=s=>(B("data-v-74520544"),s=s(),H(),s),Ht={class:"content"},Et={class:"outline-title",role:"heading","aria-level":"2"},Ft={"aria-labelledby":"doc-outline-aria-label"},Dt=Bt(()=>u("span",{class:"visually-hidden",id:"doc-outline-aria-label"}," Table of Contents for current page ",-1)),Ot=_({__name:"VPDocAsideOutline",setup(s){const{frontmatter:e,theme:t}=L(),n=Te([]);ne(()=>{n.value=be(e.value.outline??t.value.outline)});const o=w(),i=w();return It(o,i),(d,h)=>(a(),l("div",{class:M(["VPDocAsideOutline",{"has-outline":n.value.length>0}]),ref_key:"container",ref:o,role:"navigation"},[u("div",Ht,[u("div",{class:"outline-marker",ref_key:"marker",ref:i},null,512),u("div",Et,V(r(Ee)(r(t))),1),u("nav",Ft,[Dt,m(Fe,{headers:n.value,root:!0},null,8,["headers"])])])],2))}}),Ut=$(Ot,[["__scopeId","data-v-74520544"]]),Gt={class:"VPDocAsideCarbonAds"},jt=_({__name:"VPDocAsideCarbonAds",props:{carbonAds:{}},setup(s){const e=()=>null;return(t,n)=>(a(),l("div",Gt,[m(r(e),{"carbon-ads":t.carbonAds},null,8,["carbon-ads"])]))}}),zt=s=>(B("data-v-fff6fd89"),s=s(),H(),s),Kt={class:"VPDocAside"},Wt=zt(()=>u("div",{class:"spacer"},null,-1)),qt=_({__name:"VPDocAside",setup(s){const{theme:e}=L();return(t,n)=>(a(),l("div",Kt,[c(t.$slots,"aside-top",{},void 0,!0),c(t.$slots,"aside-outline-before",{},void 0,!0),m(Ut),c(t.$slots,"aside-outline-after",{},void 0,!0),Wt,c(t.$slots,"aside-ads-before",{},void 0,!0),r(e).carbonAds?(a(),g(jt,{key:0,"carbon-ads":r(e).carbonAds},null,8,["carbon-ads"])):f("",!0),c(t.$slots,"aside-ads-after",{},void 0,!0),c(t.$slots,"aside-bottom",{},void 0,!0)]))}}),Rt=$(qt,[["__scopeId","data-v-fff6fd89"]]);function Yt(){const{theme:s,page:e}=L();return b(()=>{const{text:t="Edit this page",pattern:n=""}=s.value.editLink||{};let o;return typeof n=="function"?o=n(e.value):o=n.replace(/:path/g,e.value.filePath),{url:o,text:t}})}function Jt(){const{page:s,theme:e,frontmatter:t}=L();return b(()=>{var v,k,P,y,S,T,C,A;const n=He(e.value.sidebar,s.value.relativePath),o=Lt(n),i=o.findIndex(N=>z(s.value.relativePath,N.link)),d=((v=e.value.docFooter)==null?void 0:v.prev)===!1&&!t.value.prev||t.value.prev===!1,h=((k=e.value.docFooter)==null?void 0:k.next)===!1&&!t.value.next||t.value.next===!1;return{prev:d?void 0:{text:(typeof t.value.prev=="string"?t.value.prev:typeof t.value.prev=="object"?t.value.prev.text:void 0)??((P=o[i-1])==null?void 0:P.docFooterText)??((y=o[i-1])==null?void 0:y.text),link:(typeof t.value.prev=="object"?t.value.prev.link:void 0)??((S=o[i-1])==null?void 0:S.link)},next:h?void 0:{text:(typeof t.value.next=="string"?t.value.next:typeof t.value.next=="object"?t.value.next.text:void 0)??((T=o[i+1])==null?void 0:T.docFooterText)??((C=o[i+1])==null?void 0:C.text),link:(typeof t.value.next=="object"?t.value.next.link:void 0)??((A=o[i+1])==null?void 0:A.link)}}})}const O=_({__name:"VPLink",props:{tag:{},href:{},noIcon:{type:Boolean},target:{},rel:{}},setup(s){const e=s,t=b(()=>e.tag??(e.href?"a":"span")),n=b(()=>e.href&&Ne.test(e.href));return(o,i)=>(a(),g(R(t.value),{class:M(["VPLink",{link:o.href,"vp-external-link-icon":n.value,"no-icon":o.noIcon}]),href:o.href?r(ge)(o.href):void 0,target:o.target??(n.value?"_blank":void 0),rel:o.rel??(n.value?"noreferrer":void 0)},{default:p(()=>[c(o.$slots,"default")]),_:3},8,["class","href","target","rel"]))}}),Xt={class:"VPLastUpdated"},Qt=["datetime"],Zt=_({__name:"VPDocFooterLastUpdated",setup(s){const{theme:e,page:t,frontmatter:n,lang:o}=L(),i=b(()=>new Date(n.value.lastUpdated??t.value.lastUpdated)),d=b(()=>i.value.toISOString()),h=w("");return U(()=>{oe(()=>{var v,k,P;h.value=new Intl.DateTimeFormat((k=(v=e.value.lastUpdated)==null?void 0:v.formatOptions)!=null&&k.forceLocale?o.value:void 0,((P=e.value.lastUpdated)==null?void 0:P.formatOptions)??{dateStyle:"short",timeStyle:"short"}).format(i.value)})}),(v,k)=>{var P;return a(),l("p",Xt,[E(V(((P=r(e).lastUpdated)==null?void 0:P.text)||r(e).lastUpdatedText||"Last updated")+": ",1),u("time",{datetime:d.value},V(h.value),9,Qt)])}}}),xt=$(Zt,[["__scopeId","data-v-c1782655"]]),es=s=>(B("data-v-8dd15667"),s=s(),H(),s),ts={key:0,class:"VPDocFooter"},ss={key:0,class:"edit-info"},os={key:0,class:"edit-link"},ns=es(()=>u("span",{class:"vpi-square-pen edit-link-icon"},null,-1)),as={key:1,class:"last-updated"},rs={key:1,class:"prev-next"},is={class:"pager"},ls=["innerHTML"],cs=["innerHTML"],us={class:"pager"},ds=["innerHTML"],vs=["innerHTML"],ps=_({__name:"VPDocFooter",setup(s){const{theme:e,page:t,frontmatter:n}=L(),o=Yt(),i=Jt(),d=b(()=>e.value.editLink&&n.value.editLink!==!1),h=b(()=>t.value.lastUpdated&&n.value.lastUpdated!==!1),v=b(()=>d.value||h.value||i.value.prev||i.value.next);return(k,P)=>{var y,S,T,C;return v.value?(a(),l("footer",ts,[c(k.$slots,"doc-footer-before",{},void 0,!0),d.value||h.value?(a(),l("div",ss,[d.value?(a(),l("div",os,[m(O,{class:"edit-link-button",href:r(o).url,"no-icon":!0},{default:p(()=>[ns,E(" "+V(r(o).text),1)]),_:1},8,["href"])])):f("",!0),h.value?(a(),l("div",as,[m(xt)])):f("",!0)])):f("",!0),(y=r(i).prev)!=null&&y.link||(S=r(i).next)!=null&&S.link?(a(),l("nav",rs,[u("div",is,[(T=r(i).prev)!=null&&T.link?(a(),g(O,{key:0,class:"pager-link prev",href:r(i).prev.link},{default:p(()=>{var A;return[u("span",{class:"desc",innerHTML:((A=r(e).docFooter)==null?void 0:A.prev)||"Previous page"},null,8,ls),u("span",{class:"title",innerHTML:r(i).prev.text},null,8,cs)]}),_:1},8,["href"])):f("",!0)]),u("div",us,[(C=r(i).next)!=null&&C.link?(a(),g(O,{key:0,class:"pager-link next",href:r(i).next.link},{default:p(()=>{var A;return[u("span",{class:"desc",innerHTML:((A=r(e).docFooter)==null?void 0:A.next)||"Next page"},null,8,ds),u("span",{class:"title",innerHTML:r(i).next.text},null,8,vs)]}),_:1},8,["href"])):f("",!0)])])):f("",!0)])):f("",!0)}}}),hs=$(ps,[["__scopeId","data-v-8dd15667"]]),fs=s=>(B("data-v-42bb49df"),s=s(),H(),s),_s={class:"container"},ms=fs(()=>u("div",{class:"aside-curtain"},null,-1)),$s={class:"aside-container"},gs={class:"aside-content"},ks={class:"content"},bs={class:"content-container"},ys={class:"main"},Ps=_({__name:"VPDoc",setup(s){const{theme:e}=L(),t=ae(),{hasSidebar:n,hasAside:o,leftAside:i}=G(),d=b(()=>t.path.replace(/[./]+/g,"_").replace(/_html$/,""));return(h,v)=>{const k=W("Content");return a(),l("div",{class:M(["VPDoc",{"has-sidebar":r(n),"has-aside":r(o)}])},[c(h.$slots,"doc-top",{},void 0,!0),u("div",_s,[r(o)?(a(),l("div",{key:0,class:M(["aside",{"left-aside":r(i)}])},[ms,u("div",$s,[u("div",gs,[m(Rt,null,{"aside-top":p(()=>[c(h.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":p(()=>[c(h.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":p(()=>[c(h.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":p(()=>[c(h.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":p(()=>[c(h.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":p(()=>[c(h.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])],2)):f("",!0),u("div",ks,[u("div",bs,[c(h.$slots,"doc-before",{},void 0,!0),u("main",ys,[m(k,{class:M(["vp-doc",[d.value,r(e).externalLinkIcon&&"external-link-icon-enabled"]])},null,8,["class"])]),m(hs,null,{"doc-footer-before":p(()=>[c(h.$slots,"doc-footer-before",{},void 0,!0)]),_:3}),c(h.$slots,"doc-after",{},void 0,!0)])])]),c(h.$slots,"doc-bottom",{},void 0,!0)],2)}}}),Ls=$(Ps,[["__scopeId","data-v-42bb49df"]]),Vs=_({__name:"VPButton",props:{tag:{},size:{default:"medium"},theme:{default:"brand"},text:{},href:{},target:{},rel:{}},setup(s){const e=s,t=b(()=>e.href&&Ne.test(e.href)),n=b(()=>e.tag||e.href?"a":"button");return(o,i)=>(a(),g(R(n.value),{class:M(["VPButton",[o.size,o.theme]]),href:o.href?r(ge)(o.href):void 0,target:e.target??(t.value?"_blank":void 0),rel:e.rel??(t.value?"noreferrer":void 0)},{default:p(()=>[E(V(o.text),1)]),_:1},8,["class","href","target","rel"]))}}),Ss=$(Vs,[["__scopeId","data-v-632f99d4"]]),ws=["src","alt"],Ts=_({inheritAttrs:!1,__name:"VPImage",props:{image:{},alt:{}},setup(s){return(e,t)=>{const n=W("VPImage",!0);return e.image?(a(),l(I,{key:0},[typeof e.image=="string"||"src"in e.image?(a(),l("img",x({key:0,class:"VPImage"},typeof e.image=="string"?e.$attrs:{...e.image,...e.$attrs},{src:r(se)(typeof e.image=="string"?e.image:e.image.src),alt:e.alt??(typeof e.image=="string"?"":e.image.alt||"")}),null,16,ws)):(a(),l(I,{key:1},[m(n,x({class:"dark",image:e.image.dark,alt:e.image.alt},e.$attrs),null,16,["image","alt"]),m(n,x({class:"light",image:e.image.light,alt:e.image.alt},e.$attrs),null,16,["image","alt"])],64))],64)):f("",!0)}}}),te=$(Ts,[["__scopeId","data-v-dcd2c7a0"]]),Ns=s=>(B("data-v-2bb8ed43"),s=s(),H(),s),Is={class:"container"},Ms={class:"main"},Cs={key:0,class:"name"},As=["innerHTML"],Bs=["innerHTML"],Hs=["innerHTML"],Es={key:0,class:"actions"},Fs={key:0,class:"image"},Ds={class:"image-container"},Os=Ns(()=>u("div",{class:"image-bg"},null,-1)),Us=_({__name:"VPHero",props:{name:{},text:{},tagline:{},image:{},actions:{}},setup(s){const e=re("hero-image-slot-exists");return(t,n)=>(a(),l("div",{class:M(["VPHero",{"has-image":t.image||r(e)}])},[u("div",Is,[u("div",Ms,[c(t.$slots,"home-hero-info-before",{},void 0,!0),c(t.$slots,"home-hero-info",{},()=>[t.name?(a(),l("h1",Cs,[u("span",{innerHTML:t.name,class:"clip"},null,8,As)])):f("",!0),t.text?(a(),l("p",{key:1,innerHTML:t.text,class:"text"},null,8,Bs)):f("",!0),t.tagline?(a(),l("p",{key:2,innerHTML:t.tagline,class:"tagline"},null,8,Hs)):f("",!0)],!0),c(t.$slots,"home-hero-info-after",{},void 0,!0),t.actions?(a(),l("div",Es,[(a(!0),l(I,null,F(t.actions,o=>(a(),l("div",{key:o.link,class:"action"},[m(Ss,{tag:"a",size:"medium",theme:o.theme,text:o.text,href:o.link,target:o.target,rel:o.rel},null,8,["theme","text","href","target","rel"])]))),128))])):f("",!0),c(t.$slots,"home-hero-actions-after",{},void 0,!0)]),t.image||r(e)?(a(),l("div",Fs,[u("div",Ds,[Os,c(t.$slots,"home-hero-image",{},()=>[t.image?(a(),g(te,{key:0,class:"image-src",image:t.image},null,8,["image"])):f("",!0)],!0)])])):f("",!0)])],2))}}),Gs=$(Us,[["__scopeId","data-v-2bb8ed43"]]),js=_({__name:"VPHomeHero",setup(s){const{frontmatter:e}=L();return(t,n)=>r(e).hero?(a(),g(Gs,{key:0,class:"VPHomeHero",name:r(e).hero.name,text:r(e).hero.text,tagline:r(e).hero.tagline,image:r(e).hero.image,actions:r(e).hero.actions},{"home-hero-info-before":p(()=>[c(t.$slots,"home-hero-info-before")]),"home-hero-info":p(()=>[c(t.$slots,"home-hero-info")]),"home-hero-info-after":p(()=>[c(t.$slots,"home-hero-info-after")]),"home-hero-actions-after":p(()=>[c(t.$slots,"home-hero-actions-after")]),"home-hero-image":p(()=>[c(t.$slots,"home-hero-image")]),_:3},8,["name","text","tagline","image","actions"])):f("",!0)}}),zs=s=>(B("data-v-7414d768"),s=s(),H(),s),Ks={class:"box"},Ws={key:0,class:"icon"},qs=["innerHTML"],Rs=["innerHTML"],Ys=["innerHTML"],Js={key:4,class:"link-text"},Xs={class:"link-text-value"},Qs=zs(()=>u("span",{class:"vpi-arrow-right link-text-icon"},null,-1)),Zs=_({__name:"VPFeature",props:{icon:{},title:{},details:{},link:{},linkText:{},rel:{},target:{}},setup(s){return(e,t)=>(a(),g(O,{class:"VPFeature",href:e.link,rel:e.rel,target:e.target,"no-icon":!0,tag:e.link?"a":"div"},{default:p(()=>[u("article",Ks,[typeof e.icon=="object"&&e.icon.wrap?(a(),l("div",Ws,[m(te,{image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])])):typeof e.icon=="object"?(a(),g(te,{key:1,image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])):e.icon?(a(),l("div",{key:2,class:"icon",innerHTML:e.icon},null,8,qs)):f("",!0),u("h2",{class:"title",innerHTML:e.title},null,8,Rs),e.details?(a(),l("p",{key:3,class:"details",innerHTML:e.details},null,8,Ys)):f("",!0),e.linkText?(a(),l("div",Js,[u("p",Xs,[E(V(e.linkText)+" ",1),Qs])])):f("",!0)])]),_:1},8,["href","rel","target","tag"]))}}),xs=$(Zs,[["__scopeId","data-v-7414d768"]]),eo={key:0,class:"VPFeatures"},to={class:"container"},so={class:"items"},oo=_({__name:"VPFeatures",props:{features:{}},setup(s){const e=s,t=b(()=>{const n=e.features.length;if(n){if(n===2)return"grid-2";if(n===3)return"grid-3";if(n%3===0)return"grid-6";if(n>3)return"grid-4"}else return});return(n,o)=>n.features?(a(),l("div",eo,[u("div",to,[u("div",so,[(a(!0),l(I,null,F(n.features,i=>(a(),l("div",{key:i.title,class:M(["item",[t.value]])},[m(xs,{icon:i.icon,title:i.title,details:i.details,link:i.link,"link-text":i.linkText,rel:i.rel,target:i.target},null,8,["icon","title","details","link","link-text","rel","target"])],2))),128))])])])):f("",!0)}}),no=$(oo,[["__scopeId","data-v-ebb108d2"]]),ao=_({__name:"VPHomeFeatures",setup(s){const{frontmatter:e}=L();return(t,n)=>r(e).features?(a(),g(no,{key:0,class:"VPHomeFeatures",features:r(e).features},null,8,["features"])):f("",!0)}}),ro=_({__name:"VPHomeContent",setup(s){const{width:e}=Qe({includeScrollbar:!1});return(t,n)=>(a(),l("div",{class:"vp-doc container",style:Ie(r(e)?{"--vp-offset":`calc(50% - ${r(e)/2}px)`}:{})},[c(t.$slots,"default",{},void 0,!0)],4))}}),io=$(ro,[["__scopeId","data-v-03c2a94c"]]),lo={class:"VPHome"},co=_({__name:"VPHome",setup(s){const{frontmatter:e}=L();return(t,n)=>{const o=W("Content");return a(),l("div",lo,[c(t.$slots,"home-hero-before",{},void 0,!0),m(js,null,{"home-hero-info-before":p(()=>[c(t.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":p(()=>[c(t.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":p(()=>[c(t.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":p(()=>[c(t.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":p(()=>[c(t.$slots,"home-hero-image",{},void 0,!0)]),_:3}),c(t.$slots,"home-hero-after",{},void 0,!0),c(t.$slots,"home-features-before",{},void 0,!0),m(ao),c(t.$slots,"home-features-after",{},void 0,!0),r(e).markdownStyles!==!1?(a(),g(io,{key:0},{default:p(()=>[m(o)]),_:1})):(a(),g(o,{key:1}))])}}}),uo=$(co,[["__scopeId","data-v-72415cf3"]]),vo={},po={class:"VPPage"};function ho(s,e){const t=W("Content");return a(),l("div",po,[c(s.$slots,"page-top"),m(t),c(s.$slots,"page-bottom")])}const fo=$(vo,[["render",ho]]),_o=_({__name:"VPContent",setup(s){const{page:e,frontmatter:t}=L(),{hasSidebar:n}=G();return(o,i)=>(a(),l("div",{class:M(["VPContent",{"has-sidebar":r(n),"is-home":r(t).layout==="home"}]),id:"VPContent"},[r(e).isNotFound?c(o.$slots,"not-found",{key:0},()=>[m(yt)],!0):r(t).layout==="page"?(a(),g(fo,{key:1},{"page-top":p(()=>[c(o.$slots,"page-top",{},void 0,!0)]),"page-bottom":p(()=>[c(o.$slots,"page-bottom",{},void 0,!0)]),_:3})):r(t).layout==="home"?(a(),g(uo,{key:2},{"home-hero-before":p(()=>[c(o.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":p(()=>[c(o.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":p(()=>[c(o.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":p(()=>[c(o.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":p(()=>[c(o.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":p(()=>[c(o.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":p(()=>[c(o.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":p(()=>[c(o.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":p(()=>[c(o.$slots,"home-features-after",{},void 0,!0)]),_:3})):r(t).layout&&r(t).layout!=="doc"?(a(),g(R(r(t).layout),{key:3})):(a(),g(Ls,{key:4},{"doc-top":p(()=>[c(o.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":p(()=>[c(o.$slots,"doc-bottom",{},void 0,!0)]),"doc-footer-before":p(()=>[c(o.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":p(()=>[c(o.$slots,"doc-before",{},void 0,!0)]),"doc-after":p(()=>[c(o.$slots,"doc-after",{},void 0,!0)]),"aside-top":p(()=>[c(o.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":p(()=>[c(o.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":p(()=>[c(o.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":p(()=>[c(o.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":p(()=>[c(o.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":p(()=>[c(o.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}}),mo=$(_o,[["__scopeId","data-v-aa32f6e2"]]),$o={class:"container"},go=["innerHTML"],ko=["innerHTML"],bo=_({__name:"VPFooter",setup(s){const{theme:e,frontmatter:t}=L(),{hasSidebar:n}=G();return(o,i)=>r(e).footer&&r(t).footer!==!1?(a(),l("footer",{key:0,class:M(["VPFooter",{"has-sidebar":r(n)}])},[u("div",$o,[r(e).footer.message?(a(),l("p",{key:0,class:"message",innerHTML:r(e).footer.message},null,8,go)):f("",!0),r(e).footer.copyright?(a(),l("p",{key:1,class:"copyright",innerHTML:r(e).footer.copyright},null,8,ko)):f("",!0)])],2)):f("",!0)}}),yo=$(bo,[["__scopeId","data-v-52298167"]]);function De(){const{theme:s,frontmatter:e}=L(),t=Te([]),n=b(()=>t.value.length>0);return ne(()=>{t.value=be(e.value.outline??s.value.outline)}),{headers:t,hasLocalNav:n}}const Po=s=>(B("data-v-175fc45d"),s=s(),H(),s),Lo=Po(()=>u("span",{class:"vpi-chevron-right icon"},null,-1)),Vo={class:"header"},So={class:"outline"},wo=_({__name:"VPLocalNavOutlineDropdown",props:{headers:{},navHeight:{}},setup(s){const e=s,{theme:t}=L(),n=w(!1),o=w(0),i=w(),d=w();Ze(i,()=>{n.value=!1}),ve("Escape",()=>{n.value=!1}),ne(()=>{n.value=!1});function h(){n.value=!n.value,o.value=window.innerHeight+Math.min(window.scrollY-e.navHeight,0)}function v(P){P.target.classList.contains("outline-link")&&(d.value&&(d.value.style.transition="none"),Me(()=>{n.value=!1}))}function k(){n.value=!1,window.scrollTo({top:0,left:0,behavior:"smooth"})}return(P,y)=>(a(),l("div",{class:"VPLocalNavOutlineDropdown",style:Ie({"--vp-vh":o.value+"px"}),ref_key:"main",ref:i},[P.headers.length>0?(a(),l("button",{key:0,onClick:h,class:M({open:n.value})},[E(V(r(Ee)(r(t)))+" ",1),Lo],2)):(a(),l("button",{key:1,onClick:k},V(r(t).returnToTopLabel||"Return to top"),1)),m(_e,{name:"flyout"},{default:p(()=>[n.value?(a(),l("div",{key:0,ref_key:"items",ref:d,class:"items",onClick:v},[u("div",Vo,[u("a",{class:"top-link",href:"#",onClick:k},V(r(t).returnToTopLabel||"Return to top"),1)]),u("div",So,[m(Fe,{headers:P.headers},null,8,["headers"])])],512)):f("",!0)]),_:1})],4))}}),To=$(wo,[["__scopeId","data-v-175fc45d"]]),No=s=>(B("data-v-0ebd45f6"),s=s(),H(),s),Io={class:"container"},Mo=["aria-expanded"],Co=No(()=>u("span",{class:"vpi-align-left menu-icon"},null,-1)),Ao={class:"menu-text"},Bo=_({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(s){const{theme:e,frontmatter:t}=L(),{hasSidebar:n}=G(),{headers:o}=De(),{y:i}=Ce(),d=w(0);U(()=>{d.value=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--vp-nav-height"))}),ne(()=>{o.value=be(t.value.outline??e.value.outline)});const h=b(()=>o.value.length===0),v=b(()=>h.value&&!n.value),k=b(()=>({VPLocalNav:!0,"has-sidebar":n.value,empty:h.value,fixed:v.value}));return(P,y)=>r(t).layout!=="home"&&(!v.value||r(i)>=d.value)?(a(),l("div",{key:0,class:M(k.value)},[u("div",Io,[r(n)?(a(),l("button",{key:0,class:"menu","aria-expanded":P.open,"aria-controls":"VPSidebarNav",onClick:y[0]||(y[0]=S=>P.$emit("open-menu"))},[Co,u("span",Ao,V(r(e).sidebarMenuLabel||"Menu"),1)],8,Mo)):f("",!0),m(To,{headers:r(o),navHeight:d.value},null,8,["headers","navHeight"])])],2)):f("",!0)}}),Ho=$(Bo,[["__scopeId","data-v-0ebd45f6"]]);function Eo(){const s=w(!1);function e(){s.value=!0,window.addEventListener("resize",o)}function t(){s.value=!1,window.removeEventListener("resize",o)}function n(){s.value?t():e()}function o(){window.outerWidth>=768&&t()}const i=ae();return K(()=>i.path,t),{isScreenOpen:s,openScreen:e,closeScreen:t,toggleScreen:n}}const Fo={},Do={class:"VPSwitch",type:"button",role:"switch"},Oo={class:"check"},Uo={key:0,class:"icon"};function Go(s,e){return a(),l("button",Do,[u("span",Oo,[s.$slots.default?(a(),l("span",Uo,[c(s.$slots,"default",{},void 0,!0)])):f("",!0)])])}const jo=$(Fo,[["render",Go],["__scopeId","data-v-79287e24"]]),Oe=s=>(B("data-v-612efda0"),s=s(),H(),s),zo=Oe(()=>u("span",{class:"vpi-sun sun"},null,-1)),Ko=Oe(()=>u("span",{class:"vpi-moon moon"},null,-1)),Wo=_({__name:"VPSwitchAppearance",setup(s){const{isDark:e,theme:t}=L(),n=re("toggle-appearance",()=>{e.value=!e.value}),o=b(()=>e.value?t.value.lightModeSwitchTitle||"Switch to light theme":t.value.darkModeSwitchTitle||"Switch to dark theme");return(i,d)=>(a(),g(jo,{title:o.value,class:"VPSwitchAppearance","aria-checked":r(e),onClick:r(n)},{default:p(()=>[zo,Ko]),_:1},8,["title","aria-checked","onClick"]))}}),ye=$(Wo,[["__scopeId","data-v-612efda0"]]),qo={key:0,class:"VPNavBarAppearance"},Ro=_({__name:"VPNavBarAppearance",setup(s){const{site:e}=L();return(t,n)=>r(e).appearance&&r(e).appearance!=="force-dark"?(a(),l("div",qo,[m(ye)])):f("",!0)}}),Yo=$(Ro,[["__scopeId","data-v-933f86f8"]]),Pe=w();let Ue=!1,ue=0;function Jo(s){const e=w(!1);if(Y){!Ue&&Xo(),ue++;const t=K(Pe,n=>{var o,i,d;n===s.el.value||(o=s.el.value)!=null&&o.contains(n)?(e.value=!0,(i=s.onFocus)==null||i.call(s)):(e.value=!1,(d=s.onBlur)==null||d.call(s))});me(()=>{t(),ue--,ue||Qo()})}return xe(e)}function Xo(){document.addEventListener("focusin",Ge),Ue=!0,Pe.value=document.activeElement}function Qo(){document.removeEventListener("focusin",Ge)}function Ge(){Pe.value=document.activeElement}const Zo={class:"VPMenuLink"},xo=_({__name:"VPMenuLink",props:{item:{}},setup(s){const{page:e}=L();return(t,n)=>(a(),l("div",Zo,[m(O,{class:M({active:r(z)(r(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel},{default:p(()=>[E(V(t.item.text),1)]),_:1},8,["class","href","target","rel"])]))}}),ie=$(xo,[["__scopeId","data-v-2e5422e9"]]),en={class:"VPMenuGroup"},tn={key:0,class:"title"},sn=_({__name:"VPMenuGroup",props:{text:{},items:{}},setup(s){return(e,t)=>(a(),l("div",en,[e.text?(a(),l("p",tn,V(e.text),1)):f("",!0),(a(!0),l(I,null,F(e.items,n=>(a(),l(I,null,["link"in n?(a(),g(ie,{key:0,item:n},null,8,["item"])):f("",!0)],64))),256))]))}}),on=$(sn,[["__scopeId","data-v-89e42859"]]),nn={class:"VPMenu"},an={key:0,class:"items"},rn=_({__name:"VPMenu",props:{items:{}},setup(s){return(e,t)=>(a(),l("div",nn,[e.items?(a(),l("div",an,[(a(!0),l(I,null,F(e.items,n=>(a(),l(I,{key:n.text},["link"in n?(a(),g(ie,{key:0,item:n},null,8,["item"])):(a(),g(on,{key:1,text:n.text,items:n.items},null,8,["text","items"]))],64))),128))])):f("",!0),c(e.$slots,"default",{},void 0,!0)]))}}),ln=$(rn,[["__scopeId","data-v-b1f47ff0"]]),cn=s=>(B("data-v-9444bc82"),s=s(),H(),s),un=["aria-expanded","aria-label"],dn={key:0,class:"text"},vn=["innerHTML"],pn=cn(()=>u("span",{class:"vpi-chevron-down text-icon"},null,-1)),hn={key:1,class:"vpi-more-horizontal icon"},fn={class:"menu"},_n=_({__name:"VPFlyout",props:{icon:{},button:{},label:{},items:{}},setup(s){const e=w(!1),t=w();Jo({el:t,onBlur:n});function n(){e.value=!1}return(o,i)=>(a(),l("div",{class:"VPFlyout",ref_key:"el",ref:t,onMouseenter:i[1]||(i[1]=d=>e.value=!0),onMouseleave:i[2]||(i[2]=d=>e.value=!1)},[u("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":e.value,"aria-label":o.label,onClick:i[0]||(i[0]=d=>e.value=!e.value)},[o.button||o.icon?(a(),l("span",dn,[o.icon?(a(),l("span",{key:0,class:M([o.icon,"option-icon"])},null,2)):f("",!0),o.button?(a(),l("span",{key:1,innerHTML:o.button},null,8,vn)):f("",!0),pn])):(a(),l("span",hn))],8,un),u("div",fn,[m(ln,{items:o.items},{default:p(()=>[c(o.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}}),Le=$(_n,[["__scopeId","data-v-9444bc82"]]),mn=["href","aria-label","innerHTML"],$n=_({__name:"VPSocialLink",props:{icon:{},link:{},ariaLabel:{}},setup(s){const e=s,t=b(()=>typeof e.icon=="object"?e.icon.svg:`<span class="vpi-social-${e.icon}" />`);return(n,o)=>(a(),l("a",{class:"VPSocialLink no-icon",href:n.link,"aria-label":n.ariaLabel??(typeof n.icon=="string"?n.icon:""),target:"_blank",rel:"noopener",innerHTML:t.value},null,8,mn))}}),gn=$($n,[["__scopeId","data-v-fdd402b2"]]),kn={class:"VPSocialLinks"},bn=_({__name:"VPSocialLinks",props:{links:{}},setup(s){return(e,t)=>(a(),l("div",kn,[(a(!0),l(I,null,F(e.links,({link:n,icon:o,ariaLabel:i})=>(a(),g(gn,{key:n,icon:o,link:n,ariaLabel:i},null,8,["icon","link","ariaLabel"]))),128))]))}}),Ve=$(bn,[["__scopeId","data-v-932c9c22"]]),yn={key:0,class:"group translations"},Pn={class:"trans-title"},Ln={key:1,class:"group"},Vn={class:"item appearance"},Sn={class:"label"},wn={class:"appearance-action"},Tn={key:2,class:"group"},Nn={class:"item social-links"},In=_({__name:"VPNavBarExtra",setup(s){const{site:e,theme:t}=L(),{localeLinks:n,currentLang:o}=X({correspondingLink:!0}),i=b(()=>n.value.length&&o.value.label||e.value.appearance||t.value.socialLinks);return(d,h)=>i.value?(a(),g(Le,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:p(()=>[r(n).length&&r(o).label?(a(),l("div",yn,[u("p",Pn,V(r(o).label),1),(a(!0),l(I,null,F(r(n),v=>(a(),g(ie,{key:v.link,item:v},null,8,["item"]))),128))])):f("",!0),r(e).appearance&&r(e).appearance!=="force-dark"?(a(),l("div",Ln,[u("div",Vn,[u("p",Sn,V(r(t).darkModeSwitchLabel||"Appearance"),1),u("div",wn,[m(ye)])])])):f("",!0),r(t).socialLinks?(a(),l("div",Tn,[u("div",Nn,[m(Ve,{class:"social-links-list",links:r(t).socialLinks},null,8,["links"])])])):f("",!0)]),_:1})):f("",!0)}}),Mn=$(In,[["__scopeId","data-v-eeaa91c6"]]),Cn=s=>(B("data-v-229c3250"),s=s(),H(),s),An=["aria-expanded"],Bn=Cn(()=>u("span",{class:"container"},[u("span",{class:"top"}),u("span",{class:"middle"}),u("span",{class:"bottom"})],-1)),Hn=[Bn],En=_({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(s){return(e,t)=>(a(),l("button",{type:"button",class:M(["VPNavBarHamburger",{active:e.active}]),"aria-label":"mobile navigation","aria-expanded":e.active,"aria-controls":"VPNavScreen",onClick:t[0]||(t[0]=n=>e.$emit("click"))},Hn,10,An))}}),Fn=$(En,[["__scopeId","data-v-229c3250"]]),Dn=["innerHTML"],On=_({__name:"VPNavBarMenuLink",props:{item:{}},setup(s){const{page:e}=L();return(t,n)=>(a(),g(O,{class:M({VPNavBarMenuLink:!0,active:r(z)(r(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel,tabindex:"0"},{default:p(()=>[u("span",{innerHTML:t.item.text},null,8,Dn)]),_:1},8,["class","href","target","rel"]))}}),Un=$(On,[["__scopeId","data-v-8ff26bee"]]),Gn=_({__name:"VPNavBarMenuGroup",props:{item:{}},setup(s){const e=s,{page:t}=L(),n=i=>"link"in i?z(t.value.relativePath,i.link,!!e.item.activeMatch):i.items.some(n),o=b(()=>n(e.item));return(i,d)=>(a(),g(Le,{class:M({VPNavBarMenuGroup:!0,active:r(z)(r(t).relativePath,i.item.activeMatch,!!i.item.activeMatch)||o.value}),button:i.item.text,items:i.item.items},null,8,["class","button","items"]))}}),jn=s=>(B("data-v-878c6c23"),s=s(),H(),s),zn={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},Kn=jn(()=>u("span",{id:"main-nav-aria-label",class:"visually-hidden"},"Main Navigation",-1)),Wn=_({__name:"VPNavBarMenu",setup(s){const{theme:e}=L();return(t,n)=>r(e).nav?(a(),l("nav",zn,[Kn,(a(!0),l(I,null,F(r(e).nav,o=>(a(),l(I,{key:o.text},["link"in o?(a(),g(Un,{key:0,item:o},null,8,["item"])):(a(),g(Gn,{key:1,item:o},null,8,["item"]))],64))),128))])):f("",!0)}}),qn=$(Wn,[["__scopeId","data-v-878c6c23"]]);function Rn(s){const{localeIndex:e,theme:t}=L();function n(o){var C,A,N;const i=o.split("."),d=(C=t.value.search)==null?void 0:C.options,h=d&&typeof d=="object",v=h&&((N=(A=d.locales)==null?void 0:A[e.value])==null?void 0:N.translations)||null,k=h&&d.translations||null;let P=v,y=k,S=s;const T=i.pop();for(const Z of i){let j=null;const q=S==null?void 0:S[Z];q&&(j=S=q);const le=y==null?void 0:y[Z];le&&(j=y=le);const ce=P==null?void 0:P[Z];ce&&(j=P=ce),q||(S=j),le||(y=j),ce||(P=j)}return(P==null?void 0:P[T])??(y==null?void 0:y[T])??(S==null?void 0:S[T])??""}return n}const Yn=["aria-label"],Jn={class:"DocSearch-Button-Container"},Xn=u("span",{class:"vp-icon DocSearch-Search-Icon"},null,-1),Qn={class:"DocSearch-Button-Placeholder"},Zn=u("span",{class:"DocSearch-Button-Keys"},[u("kbd",{class:"DocSearch-Button-Key"}),u("kbd",{class:"DocSearch-Button-Key"},"K")],-1),Se=_({__name:"VPNavBarSearchButton",setup(s){const t=Rn({button:{buttonText:"Search",buttonAriaLabel:"Search"}});return(n,o)=>(a(),l("button",{type:"button",class:"DocSearch DocSearch-Button","aria-label":r(t)("button.buttonAriaLabel")},[u("span",Jn,[Xn,u("span",Qn,V(r(t)("button.buttonText")),1)]),Zn],8,Yn))}}),xn={class:"VPNavBarSearch"},ea={id:"local-search"},ta={key:1,id:"docsearch"},sa=_({__name:"VPNavBarSearch",setup(s){const e=et(()=>tt(()=>import("./VPLocalSearchBox.v9K90Uve.js"),__vite__mapDeps([0,1]))),t=()=>null,{theme:n}=L(),o=w(!1),i=w(!1);U(()=>{});function d(){o.value||(o.value=!0,setTimeout(h,16))}function h(){const y=new Event("keydown");y.key="k",y.metaKey=!0,window.dispatchEvent(y),setTimeout(()=>{document.querySelector(".DocSearch-Modal")||h()},16)}function v(y){const S=y.target,T=S.tagName;return S.isContentEditable||T==="INPUT"||T==="SELECT"||T==="TEXTAREA"}const k=w(!1);ve("k",y=>{(y.ctrlKey||y.metaKey)&&(y.preventDefault(),k.value=!0)}),ve("/",y=>{v(y)||(y.preventDefault(),k.value=!0)});const P="local";return(y,S)=>{var T;return a(),l("div",xn,[r(P)==="local"?(a(),l(I,{key:0},[k.value?(a(),g(r(e),{key:0,onClose:S[0]||(S[0]=C=>k.value=!1)})):f("",!0),u("div",ea,[m(Se,{onClick:S[1]||(S[1]=C=>k.value=!0)})])],64)):r(P)==="algolia"?(a(),l(I,{key:1},[o.value?(a(),g(r(t),{key:0,algolia:((T=r(n).search)==null?void 0:T.options)??r(n).algolia,onVnodeBeforeMount:S[2]||(S[2]=C=>i.value=!0)},null,8,["algolia"])):f("",!0),i.value?f("",!0):(a(),l("div",ta,[m(Se,{onClick:d})]))],64)):f("",!0)])}}}),oa=_({__name:"VPNavBarSocialLinks",setup(s){const{theme:e}=L();return(t,n)=>r(e).socialLinks?(a(),g(Ve,{key:0,class:"VPNavBarSocialLinks",links:r(e).socialLinks},null,8,["links"])):f("",!0)}}),na=$(oa,[["__scopeId","data-v-add66086"]]),aa=["href","rel","target"],ra={key:1},ia={key:2},la=_({__name:"VPNavBarTitle",setup(s){const{site:e,theme:t}=L(),{hasSidebar:n}=G(),{currentLang:o}=X(),i=b(()=>{var v;return typeof t.value.logoLink=="string"?t.value.logoLink:(v=t.value.logoLink)==null?void 0:v.link}),d=b(()=>{var v;return typeof t.value.logoLink=="string"||(v=t.value.logoLink)==null?void 0:v.rel}),h=b(()=>{var v;return typeof t.value.logoLink=="string"||(v=t.value.logoLink)==null?void 0:v.target});return(v,k)=>(a(),l("div",{class:M(["VPNavBarTitle",{"has-sidebar":r(n)}])},[u("a",{class:"title",href:i.value??r(ge)(r(o).link),rel:d.value,target:h.value},[c(v.$slots,"nav-bar-title-before",{},void 0,!0),r(t).logo?(a(),g(te,{key:0,class:"logo",image:r(t).logo},null,8,["image"])):f("",!0),r(t).siteTitle?(a(),l("span",ra,V(r(t).siteTitle),1)):r(t).siteTitle===void 0?(a(),l("span",ia,V(r(e).title),1)):f("",!0),c(v.$slots,"nav-bar-title-after",{},void 0,!0)],8,aa)],2))}}),ca=$(la,[["__scopeId","data-v-95605b10"]]),ua={class:"items"},da={class:"title"},va=_({__name:"VPNavBarTranslations",setup(s){const{theme:e}=L(),{localeLinks:t,currentLang:n}=X({correspondingLink:!0});return(o,i)=>r(t).length&&r(n).label?(a(),g(Le,{key:0,class:"VPNavBarTranslations",icon:"vpi-languages",label:r(e).langMenuLabel||"Change language"},{default:p(()=>[u("div",ua,[u("p",da,V(r(n).label),1),(a(!0),l(I,null,F(r(t),d=>(a(),g(ie,{key:d.link,item:d},null,8,["item"]))),128))])]),_:1},8,["label"])):f("",!0)}}),pa=$(va,[["__scopeId","data-v-eb38f479"]]),ha=s=>(B("data-v-aa3ac32f"),s=s(),H(),s),fa={class:"wrapper"},_a={class:"container"},ma={class:"title"},$a={class:"content"},ga={class:"content-body"},ka=ha(()=>u("div",{class:"divider"},[u("div",{class:"divider-line"})],-1)),ba=_({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(s){const{y:e}=Ce(),{hasSidebar:t}=G(),{hasLocalNav:n}=De(),{frontmatter:o}=L(),i=w({});return we(()=>{i.value={"has-sidebar":t.value,"has-local-nav":n.value,top:o.value.layout==="home"&&e.value===0}}),(d,h)=>(a(),l("div",{class:M(["VPNavBar",i.value])},[u("div",fa,[u("div",_a,[u("div",ma,[m(ca,null,{"nav-bar-title-before":p(()=>[c(d.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":p(()=>[c(d.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3})]),u("div",$a,[u("div",ga,[c(d.$slots,"nav-bar-content-before",{},void 0,!0),m(sa,{class:"search"}),m(qn,{class:"menu"}),m(pa,{class:"translations"}),m(Yo,{class:"appearance"}),m(na,{class:"social-links"}),m(Mn,{class:"extra"}),c(d.$slots,"nav-bar-content-after",{},void 0,!0),m(Fn,{class:"hamburger",active:d.isScreenOpen,onClick:h[0]||(h[0]=v=>d.$emit("toggle-screen"))},null,8,["active"])])])])]),ka],2))}}),ya=$(ba,[["__scopeId","data-v-aa3ac32f"]]),Pa={key:0,class:"VPNavScreenAppearance"},La={class:"text"},Va=_({__name:"VPNavScreenAppearance",setup(s){const{site:e,theme:t}=L();return(n,o)=>r(e).appearance&&r(e).appearance!=="force-dark"?(a(),l("div",Pa,[u("p",La,V(r(t).darkModeSwitchLabel||"Appearance"),1),m(ye)])):f("",!0)}}),Sa=$(Va,[["__scopeId","data-v-9e3ab826"]]),wa=_({__name:"VPNavScreenMenuLink",props:{item:{}},setup(s){const e=re("close-screen");return(t,n)=>(a(),g(O,{class:"VPNavScreenMenuLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:r(e)},{default:p(()=>[E(V(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}}),Ta=$(wa,[["__scopeId","data-v-1a25712d"]]),Na=_({__name:"VPNavScreenMenuGroupLink",props:{item:{}},setup(s){const e=re("close-screen");return(t,n)=>(a(),g(O,{class:"VPNavScreenMenuGroupLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:r(e)},{default:p(()=>[E(V(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}}),je=$(Na,[["__scopeId","data-v-859057b8"]]),Ia={class:"VPNavScreenMenuGroupSection"},Ma={key:0,class:"title"},Ca=_({__name:"VPNavScreenMenuGroupSection",props:{text:{},items:{}},setup(s){return(e,t)=>(a(),l("div",Ia,[e.text?(a(),l("p",Ma,V(e.text),1)):f("",!0),(a(!0),l(I,null,F(e.items,n=>(a(),g(je,{key:n.text,item:n},null,8,["item"]))),128))]))}}),Aa=$(Ca,[["__scopeId","data-v-d5c02db9"]]),Ba=s=>(B("data-v-e23a74c9"),s=s(),H(),s),Ha=["aria-controls","aria-expanded"],Ea=["innerHTML"],Fa=Ba(()=>u("span",{class:"vpi-plus button-icon"},null,-1)),Da=["id"],Oa={key:1,class:"group"},Ua=_({__name:"VPNavScreenMenuGroup",props:{text:{},items:{}},setup(s){const e=s,t=w(!1),n=b(()=>`NavScreenGroup-${e.text.replace(" ","-").toLowerCase()}`);function o(){t.value=!t.value}return(i,d)=>(a(),l("div",{class:M(["VPNavScreenMenuGroup",{open:t.value}])},[u("button",{class:"button","aria-controls":n.value,"aria-expanded":t.value,onClick:o},[u("span",{class:"button-text",innerHTML:i.text},null,8,Ea),Fa],8,Ha),u("div",{id:n.value,class:"items"},[(a(!0),l(I,null,F(i.items,h=>(a(),l(I,{key:h.text},["link"in h?(a(),l("div",{key:h.text,class:"item"},[m(je,{item:h},null,8,["item"])])):(a(),l("div",Oa,[m(Aa,{text:h.text,items:h.items},null,8,["text","items"])]))],64))),128))],8,Da)],2))}}),Ga=$(Ua,[["__scopeId","data-v-e23a74c9"]]),ja={key:0,class:"VPNavScreenMenu"},za=_({__name:"VPNavScreenMenu",setup(s){const{theme:e}=L();return(t,n)=>r(e).nav?(a(),l("nav",ja,[(a(!0),l(I,null,F(r(e).nav,o=>(a(),l(I,{key:o.text},["link"in o?(a(),g(Ta,{key:0,item:o},null,8,["item"])):(a(),g(Ga,{key:1,text:o.text||"",items:o.items},null,8,["text","items"]))],64))),128))])):f("",!0)}}),Ka=_({__name:"VPNavScreenSocialLinks",setup(s){const{theme:e}=L();return(t,n)=>r(e).socialLinks?(a(),g(Ve,{key:0,class:"VPNavScreenSocialLinks",links:r(e).socialLinks},null,8,["links"])):f("",!0)}}),ze=s=>(B("data-v-4533a050"),s=s(),H(),s),Wa=ze(()=>u("span",{class:"vpi-languages icon lang"},null,-1)),qa=ze(()=>u("span",{class:"vpi-chevron-down icon chevron"},null,-1)),Ra={class:"list"},Ya=_({__name:"VPNavScreenTranslations",setup(s){const{localeLinks:e,currentLang:t}=X({correspondingLink:!0}),n=w(!1);function o(){n.value=!n.value}return(i,d)=>r(e).length&&r(t).label?(a(),l("div",{key:0,class:M(["VPNavScreenTranslations",{open:n.value}])},[u("button",{class:"title",onClick:o},[Wa,E(" "+V(r(t).label)+" ",1),qa]),u("ul",Ra,[(a(!0),l(I,null,F(r(e),h=>(a(),l("li",{key:h.link,class:"item"},[m(O,{class:"link",href:h.link},{default:p(()=>[E(V(h.text),1)]),_:2},1032,["href"])]))),128))])],2)):f("",!0)}}),Ja=$(Ya,[["__scopeId","data-v-4533a050"]]),Xa={class:"container"},Qa=_({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(s){const e=w(null),t=Ae(Y?document.body:null);return(n,o)=>(a(),g(_e,{name:"fade",onEnter:o[0]||(o[0]=i=>t.value=!0),onAfterLeave:o[1]||(o[1]=i=>t.value=!1)},{default:p(()=>[n.open?(a(),l("div",{key:0,class:"VPNavScreen",ref_key:"screen",ref:e,id:"VPNavScreen"},[u("div",Xa,[c(n.$slots,"nav-screen-content-before",{},void 0,!0),m(za,{class:"menu"}),m(Ja,{class:"translations"}),m(Sa,{class:"appearance"}),m(Ka,{class:"social-links"}),c(n.$slots,"nav-screen-content-after",{},void 0,!0)])],512)):f("",!0)]),_:3}))}}),Za=$(Qa,[["__scopeId","data-v-6add2caf"]]),xa={key:0,class:"VPNav"},er=_({__name:"VPNav",setup(s){const{isScreenOpen:e,closeScreen:t,toggleScreen:n}=Eo(),{frontmatter:o}=L(),i=b(()=>o.value.navbar!==!1);return $e("close-screen",t),oe(()=>{Y&&document.documentElement.classList.toggle("hide-nav",!i.value)}),(d,h)=>i.value?(a(),l("header",xa,[m(ya,{"is-screen-open":r(e),onToggleScreen:r(n)},{"nav-bar-title-before":p(()=>[c(d.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":p(()=>[c(d.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":p(()=>[c(d.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":p(()=>[c(d.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),m(Za,{open:r(e)},{"nav-screen-content-before":p(()=>[c(d.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":p(()=>[c(d.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])])):f("",!0)}}),tr=$(er,[["__scopeId","data-v-8e747076"]]),Ke=s=>(B("data-v-b90e8e83"),s=s(),H(),s),sr=["role","tabindex"],or=Ke(()=>u("div",{class:"indicator"},null,-1)),nr=Ke(()=>u("span",{class:"vpi-chevron-right caret-icon"},null,-1)),ar=[nr],rr={key:1,class:"items"},ir=_({__name:"VPSidebarItem",props:{item:{},depth:{}},setup(s){const e=s,{collapsed:t,collapsible:n,isLink:o,isActiveLink:i,hasActiveLink:d,hasChildren:h,toggle:v}=St(b(()=>e.item)),k=b(()=>h.value?"section":"div"),P=b(()=>o.value?"a":"div"),y=b(()=>h.value?e.depth+2===7?"p":`h${e.depth+2}`:"p"),S=b(()=>o.value?void 0:"button"),T=b(()=>[[`level-${e.depth}`],{collapsible:n.value},{collapsed:t.value},{"is-link":o.value},{"is-active":i.value},{"has-active":d.value}]);function C(N){"key"in N&&N.key!=="Enter"||!e.item.link&&v()}function A(){e.item.link&&v()}return(N,Z)=>{const j=W("VPSidebarItem",!0);return a(),g(R(k.value),{class:M(["VPSidebarItem",T.value])},{default:p(()=>[N.item.text?(a(),l("div",x({key:0,class:"item",role:S.value},st(N.item.items?{click:C,keydown:C}:{},!0),{tabindex:N.item.items&&0}),[or,N.item.link?(a(),g(O,{key:0,tag:P.value,class:"link",href:N.item.link,rel:N.item.rel,target:N.item.target},{default:p(()=>[(a(),g(R(y.value),{class:"text",innerHTML:N.item.text},null,8,["innerHTML"]))]),_:1},8,["tag","href","rel","target"])):(a(),g(R(y.value),{key:1,class:"text",innerHTML:N.item.text},null,8,["innerHTML"])),N.item.collapsed!=null?(a(),l("div",{key:2,class:"caret",role:"button","aria-label":"toggle section",onClick:A,onKeydown:ot(A,["enter"]),tabindex:"0"},ar,32)):f("",!0)],16,sr)):f("",!0),N.item.items&&N.item.items.length?(a(),l("div",rr,[N.depth<5?(a(!0),l(I,{key:0},F(N.item.items,q=>(a(),g(j,{key:q.text,item:q,depth:N.depth+1},null,8,["item","depth"]))),128)):f("",!0)])):f("",!0)]),_:1},8,["class"])}}}),lr=$(ir,[["__scopeId","data-v-b90e8e83"]]),We=s=>(B("data-v-eabb1f3d"),s=s(),H(),s),cr=We(()=>u("div",{class:"curtain"},null,-1)),ur={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},dr=We(()=>u("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),vr=_({__name:"VPSidebar",props:{open:{type:Boolean}},setup(s){const{sidebarGroups:e,hasSidebar:t}=G(),n=s,o=w(null),i=Ae(Y?document.body:null);return K([n,o],()=>{var d;n.open?(i.value=!0,(d=o.value)==null||d.focus()):i.value=!1},{immediate:!0,flush:"post"}),(d,h)=>r(t)?(a(),l("aside",{key:0,class:M(["VPSidebar",{open:d.open}]),ref_key:"navEl",ref:o,onClick:h[0]||(h[0]=Be(()=>{},["stop"]))},[cr,u("nav",ur,[dr,c(d.$slots,"sidebar-nav-before",{},void 0,!0),(a(!0),l(I,null,F(r(e),v=>(a(),l("div",{key:v.text,class:"group"},[m(lr,{item:v,depth:0},null,8,["item"])]))),128)),c(d.$slots,"sidebar-nav-after",{},void 0,!0)])],2)):f("",!0)}}),pr=$(vr,[["__scopeId","data-v-eabb1f3d"]]),hr=_({__name:"VPSkipLink",setup(s){const e=ae(),t=w();K(()=>e.path,()=>t.value.focus());function n({target:o}){const i=document.getElementById(decodeURIComponent(o.hash).slice(1));if(i){const d=()=>{i.removeAttribute("tabindex"),i.removeEventListener("blur",d)};i.setAttribute("tabindex","-1"),i.addEventListener("blur",d),i.focus(),window.scrollTo(0,0)}}return(o,i)=>(a(),l(I,null,[u("span",{ref_key:"backToTop",ref:t,tabindex:"-1"},null,512),u("a",{href:"#VPContent",class:"VPSkipLink visually-hidden",onClick:n}," Skip to content ")],64))}}),fr=$(hr,[["__scopeId","data-v-34d1ab86"]]),_r=_({__name:"Layout",setup(s){const{isOpen:e,open:t,close:n}=G(),o=ae();K(()=>o.path,n),Vt(e,n);const{frontmatter:i}=L(),d=nt(),h=b(()=>!!d["home-hero-image"]);return $e("hero-image-slot-exists",h),(v,k)=>{const P=W("Content");return r(i).layout!==!1?(a(),l("div",{key:0,class:M(["Layout",r(i).pageClass])},[c(v.$slots,"layout-top",{},void 0,!0),m(fr),m(ut,{class:"backdrop",show:r(e),onClick:r(n)},null,8,["show","onClick"]),m(tr,null,{"nav-bar-title-before":p(()=>[c(v.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":p(()=>[c(v.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":p(()=>[c(v.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":p(()=>[c(v.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":p(()=>[c(v.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":p(()=>[c(v.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),m(Ho,{open:r(e),onOpenMenu:r(t)},null,8,["open","onOpenMenu"]),m(pr,{open:r(e)},{"sidebar-nav-before":p(()=>[c(v.$slots,"sidebar-nav-before",{},void 0,!0)]),"sidebar-nav-after":p(()=>[c(v.$slots,"sidebar-nav-after",{},void 0,!0)]),_:3},8,["open"]),m(mo,null,{"page-top":p(()=>[c(v.$slots,"page-top",{},void 0,!0)]),"page-bottom":p(()=>[c(v.$slots,"page-bottom",{},void 0,!0)]),"not-found":p(()=>[c(v.$slots,"not-found",{},void 0,!0)]),"home-hero-before":p(()=>[c(v.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":p(()=>[c(v.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":p(()=>[c(v.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":p(()=>[c(v.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":p(()=>[c(v.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":p(()=>[c(v.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":p(()=>[c(v.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":p(()=>[c(v.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":p(()=>[c(v.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":p(()=>[c(v.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":p(()=>[c(v.$slots,"doc-before",{},void 0,!0)]),"doc-after":p(()=>[c(v.$slots,"doc-after",{},void 0,!0)]),"doc-top":p(()=>[c(v.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":p(()=>[c(v.$slots,"doc-bottom",{},void 0,!0)]),"aside-top":p(()=>[c(v.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":p(()=>[c(v.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":p(()=>[c(v.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":p(()=>[c(v.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":p(()=>[c(v.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":p(()=>[c(v.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),m(yo),c(v.$slots,"layout-bottom",{},void 0,!0)],2)):(a(),g(P,{key:1}))}}}),mr=$(_r,[["__scopeId","data-v-a496c289"]]),qe={Layout:mr,enhanceApp:({app:s})=>{s.component("Badge",it)}},Q=s=>(B("data-v-d8f62f5a"),s=s(),H(),s),$r={key:0,class:"banner",role:"banner"},gr={key:0},kr=Q(()=>u("strong",null,"微信(274082897)",-1)),br=Q(()=>u("strong",null,"邮箱(hu_li888@foxmail.com)",-1)),yr={key:1},Pr=Q(()=>u("strong",null,"WeChat(274082897)",-1)),Lr=Q(()=>u("strong",null,"Email(hu_li888@foxmail.com)",-1)),Vr=Q(()=>u("span",{class:"close"},"×",-1)),Sr=[Vr],wr={__name:"Banner",setup(s){const e=w(!0),{lang:t}=J(),n=()=>{e.value=!1,document.documentElement.classList.remove("banner-fixed")};return U(()=>{e.value&&(document.documentElement.classList.add("banner-fixed"),setTimeout(()=>{showFlash.value=!0},2e3))}),(o,i)=>e.value?(a(),l("div",$r,[r(t)==="zh-CN"?(a(),l("span",gr,[E("💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 "),kr,E(" 或者 "),br,E(" 。")])):(a(),l("span",yr,[E("💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author "),Pr,E(" or "),Lr,E(" .")])),u("button",{class:"banner-close",onClick:Be(n,["prevent"])},Sr)])):f("",!0)}},Tr=$(wr,[["__scopeId","data-v-d8f62f5a"]]),D=[{name:"Northstar",logo:"/images/sponsors/Northstar.png",website:"https://www.quantit.tech",amount:600},{name:"flameOnYou",text:"flameOnYou",logo:"/images/sponsors/flameOnYou.jpg",website:"https://github.com/flameOnYou",amount:1100}],Nr={class:"home-section sponsor-section"},Ir={class:"home-section-content sponsor"},Mr={class:"sponsor-grid sponsor-top-grid"},Cr=["href"],Ar=["src"],Br={key:0,class:"text"},Hr=["href"],Er=["src"],Fr={key:0,class:"text"},Dr={key:0},Or={key:1,class:"sponsor-grid sponsor-platinum-grid"},Ur=["href"],Gr=["src"],jr={key:2},zr={key:3,class:"sponsor-grid sponsor-gold-grid"},Kr=["href"],Wr=["src"],qr={__name:"HomeSponsor",setup(s){D.sort((d,h)=>h.amount-d.amount);const e=[],t=[];for(let d=3;d<D.length;d++){const h=D[d];h.amount>=5e3?e.push(h):t.push(h)}const n=w(e),o=w(t),{lang:i}=J();return(d,h)=>(a(),l("section",Nr,[u("div",Ir,[u("h2",null,V(r(i)==="zh-CN"?"赞助商":"Sponsors"),1),u("div",Mr,[u("a",{class:"sponsor-grid-item item-no1",href:r(D)[0].website,target:"_blank",rel:"noreferrer"},[u("img",{class:"image",src:r(D)[0].logo},null,8,Ar),r(D)[0].text?(a(),l("span",Br,V(r(D)[0].text),1)):f("",!0)],8,Cr),u("a",{class:"sponsor-grid-item item-no1",href:r(D)[1].website,target:"_blank",rel:"noreferrer"},[u("img",{class:"image",src:r(D)[1].logo},null,8,Er),r(D)[1].text?(a(),l("span",Fr,V(r(D)[1].text),1)):f("",!0)],8,Hr)]),n.value.length>0?(a(),l("h4",Dr,V(r(i)==="zh-CN"?"铂金赞助商":"Platinum Sponsors"),1)):f("",!0),n.value.length>0?(a(),l("div",Or,[(a(!0),l(I,null,F(n.value,v=>(a(),l("a",{class:"sponsor-grid-item item",target:"_blank",rel:"noreferrer",href:v.website},[u("img",{class:"image",src:v.logo},null,8,Gr)],8,Ur))),256))])):f("",!0),o.value.length>0?(a(),l("h4",jr,V(r(i)==="zh-CN"?"黄金赞助商":"Gold Sponsors"),1)):f("",!0),o.value.length>0?(a(),l("div",zr,[(a(!0),l(I,null,F(o.value,v=>(a(),l("a",{class:"sponsor-grid-item item",target:"_blank",rel:"noreferrer",href:v.website},[u("img",{class:"image",src:v.logo},null,8,Wr)],8,Kr))),256))])):f("",!0)])]))}},Rr=$(qr,[["__scopeId","data-v-7d2a1d4b"]]),Yr={class:"NotFound"},Jr=at('<div class="logo" data-v-de22ffbd><span data-v-de22ffbd>4</span><img src="'+rt+'" data-v-de22ffbd><span data-v-de22ffbd>4</span></div><p class="title" data-v-de22ffbd>Page Not Found</p><p class="tip" style="margin-top:30px;" data-v-de22ffbd>Make sure the address is correct and the page hasn&#39;t moved.</p><p class="tip" data-v-de22ffbd>Please contact your KLineChart administrator if you think this is a mistake.</p>',4),Xr={class:"action"},Qr=["href"],Zr=_({__name:"NotFound",setup(s){const{lang:e}=J(),t=w("/");return U(()=>{t.value=e.value==="zh-CN"?"/":`/${e.value}/`}),(n,o)=>(a(),l("div",Yr,[Jr,u("div",Xr,[u("a",{class:"link",href:r(se)(t.value),"aria-label":"go to home"}," Take me home ",8,Qr)])]))}}),xr=$(Zr,[["__scopeId","data-v-de22ffbd"]]),ei={__name:"Layout",setup(s){const{isDark:e}=J(),t=()=>"startViewTransition"in document&&window.matchMedia("(prefers-reduced-motion: no-preference)").matches;return $e("toggle-appearance",async({clientX:n,clientY:o})=>{if(!t()){e.value=!e.value;return}const i=[`circle(0px at ${n}px ${o}px)`,`circle(${Math.hypot(Math.max(n,innerWidth-n),Math.max(o,innerHeight-o))}px at ${n}px ${o}px)`];await document.startViewTransition(async()=>{e.value=!e.value,await Me()}).ready,document.documentElement.animate({clipPath:e.value?i.reverse():i},{duration:300,easing:"ease-in",pseudoElement:`::view-transition-${e.value?"old":"new"}(root)`})}),(n,o)=>(a(),g(r(qe).Layout,null,{"layout-top":p(()=>[m(Tr)]),"home-features-after":p(()=>[m(Rr)]),"not-found":p(()=>[m(xr)]),_:1}))}},ti={},si={class:"Tag"};function oi(s,e){return a(),l("span",si,[c(s.$slots,"default",{},void 0,!0)])}const ni=$(ti,[["render",oi],["__scopeId","data-v-90b04f6b"]]),ri={extends:qe,Layout:ei,enhanceApp({app:s}){s.component("Tag",ni)}};export{ri as R,Rn as c,L as u};
+function __vite__mapDeps(indexes) {
+  if (!__vite__mapDeps.viteFileDeps) {
+    __vite__mapDeps.viteFileDeps = ["assets/chunks/VPLocalSearchBox.v9K90Uve.js","assets/chunks/framework.S5btFSuR.js"]
+  }
+  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
+}
diff --git a/assets/en-US_guide_changelog.md.PuflNzXt.js b/assets/en-US_guide_changelog.md.oaiDMd4e.js
similarity index 99%
rename from assets/en-US_guide_changelog.md.PuflNzXt.js
rename to assets/en-US_guide_changelog.md.oaiDMd4e.js
index 08ad2c41c..6e2e76020 100644
--- a/assets/en-US_guide_changelog.md.PuflNzXt.js
+++ b/assets/en-US_guide_changelog.md.oaiDMd4e.js
@@ -1 +1 @@
-import{_ as e,c as o,o as i,a4 as t}from"./chunks/framework.b3gnc5d8.js";const m=JSON.parse('{"title":"📠 Change Log","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/changelog.md","filePath":"en-US/guide/changelog.md","lastUpdated":1709481896000}'),a={name:"en-US/guide/changelog.md"},d=t('<h1 id="📠-change-log" tabindex="-1">📠 Change Log <a class="header-anchor" href="#📠-change-log" aria-label="Permalink to &quot;📠 Change Log&quot;">​</a></h1><h2 id="_9-8-0" tabindex="-1">9.8.0 <a class="header-anchor" href="#_9-8-0" aria-label="Permalink to &quot;9.8.0&quot;">​</a></h2><p><code>2024-03-04</code></p><ul><li>🆕 Support custom coordinate axis.</li><li>🆕 Support indicator mapping to future time.</li><li>🆕 Support folding long decimals.</li><li>🆕 Support adding data forward and backward.</li><li>🐞 Fix formatting time issue for different browsers.</li></ul><p><code>2024-01-12</code></p><ul><li>🐞 Fix the issue of ineffective indicator attributes <code>minValue</code> and <code>maxValue</code>.</li><li>🐞 Fix the display issue on the x-axis of the overlay.</li><li>💄 Optimize the display of style <code>candle.type: &#39;ohlc&#39;</code>.</li><li>💄 Optimize drawing clarity.</li></ul><h2 id="_9-7-1" tabindex="-1">9.7.1 <a class="header-anchor" href="#_9-7-1" aria-label="Permalink to &quot;9.7.1&quot;">​</a></h2><p><code>2023-12-18</code></p><ul><li>🐞 Fix indicators and overlays methods not effect error.</li><li>🐞 Fix package manager download node version dependency error.</li></ul><h2 id="_9-7-0" tabindex="-1">9.7.0 <a class="header-anchor" href="#_9-7-0" aria-label="Permalink to &quot;9.7.0&quot;">​</a></h2><p><code>2023-12-12</code></p><ul><li>🆕 Add instance apis<code>setMaxOffsetLeftDistance</code> and <code>setMaxOffsetRightDistance</code>.</li><li>🆕 Add indicator attribute <code>zLevel</code>.</li><li>💄 Optimize the rendering of the ohlc candle bar.</li><li>🐞 Fix the blurry issue with the candle bar.</li><li>🐞 Fix the rendering rules for the <code>zLevel</code> overlay.</li></ul><h2 id="_9-6-0" tabindex="-1">9.6.0 <a class="header-anchor" href="#_9-6-0" aria-label="Permalink to &quot;9.6.0&quot;">​</a></h2><p><code>2023-11-14</code></p><ul><li>🖋️ Refactor the separator module.</li><li>🆕 Chart api <code>init(ds, options)</code>, parameter <code>options</code> add <code>layout</code>.</li><li>🆕 Instance api <code>createIndicator(value, isStack, paneOptions, callback)</code>, parameter <code>PaneOptions</code> add <code>position</code>.</li><li>🆕 Style <code>candle.tooltip.custom</code> adds <code>turnover</code> string template.</li><li>💄 Optimize the style <code>overlay.text</code> configuration.</li><li>💄 Optimize the implementation of <code>utils.clone</code> and <code>utils.merge</code>.</li><li>🐞 Fix the issue of multiple overlay styles display error.</li><li>🐞 Fix the issue of multiple indicator styles display error.</li></ul><h2 id="_9-5-4" tabindex="-1">9.5.4 <a class="header-anchor" href="#_9-5-4" aria-label="Permalink to &quot;9.5.4&quot;">​</a></h2><p><code>2023-09-22</code></p><ul><li>🐞 Fix the issue of not display the latest price line when the style <code>candle.type</code> is <code>area</code>.</li><li>🐞 Fix the issue of incorrect display of the style <code>crosshair.vertical.text.paddingLeft</code>.</li></ul><h2 id="_9-5-3" tabindex="-1">9.5.3 <a class="header-anchor" href="#_9-5-3" aria-label="Permalink to &quot;9.5.3&quot;">​</a></h2><p><code>2023-09-19</code></p><ul><li>🐞 Fix typescript import error.</li></ul><h2 id="_9-5-2" tabindex="-1">9.5.2 <a class="header-anchor" href="#_9-5-2" aria-label="Permalink to &quot;9.5.2&quot;">​</a></h2><p><code>2023-09-18</code></p><ul><li>💄 Optimize the figure <code>text</code>.</li><li>💄 Optimize built-in overlays <code>simpleAnnotation</code> and <code>simpleTag</code>.</li><li>💄 Optimize the free style of technical indicators and support increment.</li><li>🐞 Fix typescript declaration issue.</li></ul><h2 id="_9-5-1" tabindex="-1">9.5.1 <a class="header-anchor" href="#_9-5-1" aria-label="Permalink to &quot;9.5.1&quot;">​</a></h2><p><code>2023-08-14</code></p><ul><li>🆕 Add chart api <code>getOverlayClass</code>.</li><li>🆕 Style configuration <code>candle.tooltip.custom</code> add built-in support <code>change</code>.</li><li>💄 Optimize figure <code>rect</code> event trigger.</li><li>↩️ Separator event trigger optimization rollback.</li></ul><h2 id="_9-5-0" tabindex="-1">9.5.0 <a class="header-anchor" href="#_9-5-0" aria-label="Permalink to &quot;9.5.0&quot;">​</a></h2><p><code>2023-06-15</code></p><ul><li>🆕 <code>Overlay</code> add event <code>onDoubleClick</code>, add property <code>modeSensitivity</code>.</li><li>🆕 Style configuration <code>candle.tooltip.custom</code> supports string templates.</li><li>🐞 Optimize the scrolling frame drop issue on the mobile side.</li><li>🐞 Fix pane id naming typo.</li><li>💄 Optimize the response sensitivity of dividing line events.</li><li>💄 Optimize the attrs type declaration in OverlayFigure under typescript.</li></ul><h2 id="_9-4-0" tabindex="-1">9.4.0 <a class="header-anchor" href="#_9-4-0" aria-label="Permalink to &quot;9.4.0&quot;">​</a></h2><p><code>2023-05-25</code></p><ul><li>🆕 Instance API &#39;createOverlay&#39; supports arrays.</li><li>🆕 <code>overlay</code> add attributes <code>paneId</code>, <code>defaultZLevel</code> and <code>zLevel</code>.</li><li>🆕 <code>xAxis</code> add methods <code>convertTimestampFromPixel</code> and <code>convertTimestampToPixel</code>.</li><li>💄 Optimize the display of candle.</li></ul><h2 id="_9-3-0" tabindex="-1">9.3.0 <a class="header-anchor" href="#_9-3-0" aria-label="Permalink to &quot;9.3.0&quot;">​</a></h2><p><code>2023-05-13</code></p><ul><li>🆕 Add chart API <code>utils.calcTextWidth</code>.</li><li>🆕 The instance APIs <code>createIndicator(value, isStack, options)</code> and <code>setPaneOptions(options)</code> have added <code>options. axisOptions</code>.</li><li>🆕 The indicator graphic configuration supports customization.</li><li>💄 Optimize the bar width ratio.</li><li>💄 Optimize internal acquisition of screen pixel ratio.</li><li>💄 Optimize internal ID generation.</li></ul><h2 id="_9-2-2" tabindex="-1">9.2.2 <a class="header-anchor" href="#_9-2-2" aria-label="Permalink to &quot;9.2.2&quot;">​</a></h2><p><code>2023-05-04</code></p><ul><li>🐞 Fix figure <code>line</code> check event error.</li><li>💄 Optimize type check.</li></ul><h2 id="_9-2-1" tabindex="-1">9.2.1 <a class="header-anchor" href="#_9-2-1" aria-label="Permalink to &quot;9.2.1&quot;">​</a></h2><p><code>2023-04-27</code></p><ul><li>💄 Optimize the default style by changing <code>#EF5350</code> to <code>#F92855</code> and <code>#26A69A</code> to <code>#2DC08E</code>.</li><li>💄 Optimize typescript declarations.</li></ul><h2 id="_9-2-0" tabindex="-1">9.2.0 <a class="header-anchor" href="#_9-2-0" aria-label="Permalink to &quot;9.2.0&quot;">​</a></h2><p><code>2023-04-24</code></p><ul><li>🆕 Add instance API <code>getOffsetRightDistance</code> and <code>executeAction</code>.</li><li>🆕 Add success callback for instance API <code>applyNewData</code>, <code>applyMoreData</code> and <code>updateData</code>.</li><li>🆕 Support the display of thousands.</li><li>🆕 Add style configuration <code>candle.bar.upBorderColor</code>, <code>candle.bar.downBorderColor</code>, <code>candle.bar.noChangeBorderColor</code>, <code>candle.bar.upWickColor</code>, <code>candle.bar.downWickColor</code>, <code>candle.bar.noChangeWickColor</code>, <code>candle.tooltip.rect.position</code> and <code>candle.tooltip.rect.offsetBottom</code>.</li><li>🆕 Add <code>realFrom</code> and <code>realTo</code> to all <code>visibleRange</code>.</li><li>💄 Optimize API, <code>klinecharts.utils.isValid</code> and <code>klinecharts.utils.formatBigNumber</code>.</li><li>💄 Optimize the log output in the development environment.</li></ul><h2 id="_9-1-3" tabindex="-1">9.1.3 <a class="header-anchor" href="#_9-1-3" aria-label="Permalink to &quot;9.1.3&quot;">​</a></h2><p><code>2023-04-15</code></p><ul><li>🐞 Fix the issue of not refreshing when the input parameter of the chart API <code>applyNewData</code> is an empty array.</li><li>🐞 Fix the issue of cross cursor text not displaying on the y-axis when there is no data.</li><li>💄 Optimize the display of area chart.</li><li>💄 Optimize coverage event callback parameters and add <code>figureKey</code> and <code>figureIndex</code>.</li><li>💄 Optimize typescript overlay style types, as well as base types <code>DeepPartial</code> and <code>DeepRequired</code>.</li></ul><h2 id="_9-1-2" tabindex="-1">9.1.2 <a class="header-anchor" href="#_9-1-2" aria-label="Permalink to &quot;9.1.2&quot;">​</a></h2><p><code>2023-04-10</code></p><ul><li>🐞 Fix the issue of inaccurate triggering events for the built-in figure <code>line</code>.</li><li>🐞 Fix the issue of triggering events for the first time after the <code>simpleAnnotation</code> and <code>simpleTag</code> built-in overlays are drawn.</li><li>💄 Optimize overlay figure to ignore events and support event selection.</li></ul><h2 id="_9-1-1" tabindex="-1">9.1.1 <a class="header-anchor" href="#_9-1-1" aria-label="Permalink to &quot;9.1.1&quot;">​</a></h2><p><code>2023-03-14</code></p><ul><li>🐞 Fix the invalidity of the built-in figure <code>arc</code>.</li><li>💄 Optimize rendering updates.</li></ul><h2 id="_9-1-0" tabindex="-1">9.1.0 <a class="header-anchor" href="#_9-1-0" aria-label="Permalink to &quot;9.1.0&quot;">​</a></h2><p><code>2023-02-23</code></p><ul><li>🆕 The chart instance method <code>subscribeAction</code> and <code>unsubscribeAction</code> types add <code>onCandleBarClick</code>.</li><li>🆕 The overlay supports double-clicking to force the end of drawing.</li><li>💄 Optimize event handling.</li></ul><h2 id="_9-0-1" tabindex="-1">9.0.1 <a class="header-anchor" href="#_9-0-1" aria-label="Permalink to &quot;9.0.1&quot;">​</a></h2><p><code>2023-02-17</code> 🐞 Fix the introduction of typescript.</p><h2 id="_9-0-0" tabindex="-1">9.0.0 <a class="header-anchor" href="#_9-0-0" aria-label="Permalink to &quot;9.0.0&quot;">​</a></h2><p><code>2023-02-16</code></p><ul><li>🛠 Typescript refactoring.</li><li>🆕 New features <ul><li>Add Y axis direction zoom and scroll.</li><li>API <ul><li>New chart methods <code>registerFigure</code>, <code>getSupportFigures</code>, <code>getFigureClass</code>, <code>rigiderOverlay</code>, <code>getSupportOverlays</code>, <code>registerLocale</code>, <code>getSupportLocales</code>, <code>registerStyles</code> are added.</li><li>New instance methods, <code>getSize</code>, <code>setLocale</code>, <code>getLocal</code>, <code>setCustomApi</code>, <code>getVisibleRange</code>, <code>createOverlay</code>, <code>getOverlayById</code>, <code>overrideOverlay</code>, <code>removeOverlay</code>.</li></ul></li><li>Style Configuration <ul><li>Add <code>candle.priceMark.last.text.borderStyle</code>, <code>candle.tooltip.icons</code>, <code>indicator.lastValueMark.text.borderStyle</code>, <code>indicator.tooltip.icons</code>, <code>crosshair.horizontal. text.borderStyle</code>, <code>crosshair.vertical.text.borderStyle</code>.</li></ul></li></ul></li><li>👉 Change <ul><li>API <ul><li>Chart method <code>extension.addTechnicalIndicatorTemplate</code> is changed to <code>registerIndicator</code>.</li><li>Chart method <code>extension.addShapeTemplate</code> is changed to <code>registerOverlay</code>.</li><li>Instance method <code>setStyleOptions</code> is changed to <code>setStyles</code>.</li><li>Instance method <code>getStyleOptions</code> is changed to <code>getStyles</code>.</li><li>Instance method <code>setPaneOptions(options)</code>, <code>options</code> add new attribute <code>gap</code>.</li><li>Instance method <code>setOffsetRightSpace</code> is changed to <code>setOffsetRightDistance</code>.</li><li>Instance method <code>createTechnicalIndicator</code> is changed to <code>createIndicator</code></li><li>Instance method <code>overlayTechnicalIndicator</code> is changed to <code>overrideIndicator</code>.</li><li>Instance method <code>getTechnicalIndicatorByPaneId</code> is changed to <code>getIndicatorByPaneId</code>.</li><li>Instance method <code>removeTechnicalIndicator</code> is changed to <code>removeIndicator</code>.</li></ul></li><li>Style Configuration <ul><li>All <code>line.style</code> options are changed to <code>solid</code> and <code>dashed</code>.</li><li>All <code>dashValue</code> is changed to <code>dashedValue</code>.</li><li><code>xAxis.height</code> is changed to <code>xAxis.size</code>, <code>xAxis.tickeText.paddingTop</code> is changed to <code>xAxis.tickeText.marinStart</code>, and <code>xAxis.tickeText.paddingBottom</code> is changed to <code>xAxis.tickeText.marinEnd</code>.</li><li><code>yAxis.height</code> is changed to <code>yAxis.size</code>, <code>yAxis.tickeText.paddingTop</code> is changed to <code>yAxis.tickeText.marinStart</code>, and <code>yAxis.tickeText.paddingBottom</code> is changed to <code>yAxis.tickeText.marinEnd</code>.</li><li><code>technicalIndicator.bar</code> is changed to <code>indicator.bars</code>, <code>technicalIndicator.line</code> is changed to <code>indicator.lines</code>，<code>technicalIndicator.circle</code> is changed to <code>indicator.circles</code></li></ul></li><li>Custom Extension <ul><li>The technical indicator attribute <code>calcParams</code> has been changed to support any type.</li><li>The technical indicator attribute <code>plots</code> is changed to <code>figures</code>.</li><li>The technical indicator attribute <code>regeneratePlots</code> is changed to&#39; regeneratefigures&#39;.</li><li>The technical indicator attribute <code>calcTechnicalIndicator</code> is changed to <code>calc</code>.</li><li>The technical indicator attribute <code>render</code> is changed to &#39;draw&#39;.</li></ul></li></ul></li><li>🗑 Abandonment <ul><li>API <ul><li>Delete instance methods <code>getWidth</code>, <code>getHeight</code>, and use <code>getSize</code> instead.</li><li>Delete instance methods <code>createShape</code>, <code>createAnnotation</code>, <code>createTag</code>, and use <code>createOverlay</code> instead.</li><li>Delete instance methods <code>removeShape</code>, <code>removeAnnotation</code>, <code>removeTag</code>. Use <code>removeOverlay</code> instead.</li><li>Delete the instance method <code>setShapeOptions</code> and use <code>overrideOverlay</code> instead.</li><li>Delete instance methods <code>createHtml</code>, <code>removeHtml</code>, <code>addTechnicalIndicatorTemplate</code>, <code>getTechnicalIndicatorTemplate</code>, <code>addShapeTemplate</code>.</li></ul></li><li>Style Configuration <ul><li>Delete <code>shape</code>, <code>annotation</code>, <code>tag</code> and use <code>overlay</code> instead.</li><li>Delete <code>candle.margin</code>，<code>technicalIndicator.margin</code>。</li></ul></li><li>Custom Extension <ul><li>The related attributes are no longer saved in the technical indicator template.</li><li>Delete <code>Shape</code> and use <code>Overlay</code> instead.</li></ul></li></ul></li></ul><h2 id="_8-x" tabindex="-1">8.x <a class="header-anchor" href="#_8-x" aria-label="Permalink to &quot;8.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/blob/v8.6.3/docs/en/changelog.md" target="_blank" rel="noreferrer">Github</a> to check the change log for 8.x.</p><h2 id="_7-x" tabindex="-1">7.x <a class="header-anchor" href="#_7-x" aria-label="Permalink to &quot;7.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/blob/v7.5.0/docs/en/changelog.md" target="_blank" rel="noreferrer">Github</a> to check the change log for 7.x.</p><h2 id="_6-x" tabindex="-1">6.x <a class="header-anchor" href="#_6-x" aria-label="Permalink to &quot;6.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/blob/v6.1.0/docs/en/CHANGELOG.md" target="_blank" rel="noreferrer">Github</a> to check the change log for 6.x.</p><h2 id="_5-x" tabindex="-1">5.x <a class="header-anchor" href="#_5-x" aria-label="Permalink to &quot;5.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/releases/tag/v5.0.0" target="_blank" rel="noreferrer">Github</a> to view the 5.x release notes.</p><h2 id="_4-x" tabindex="-1">4.x <a class="header-anchor" href="#_4-x" aria-label="Permalink to &quot;4.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/releases/tag/v4.0.0" target="_blank" rel="noreferrer">Github</a> to view the 4.x release notes.</p>',72),c=[d];function l(r,n,s,h,u,p){return i(),o("div",null,c)}const f=e(a,[["render",l]]);export{m as __pageData,f as default};
+import{_ as e,c as o,o as i,a4 as t}from"./chunks/framework.S5btFSuR.js";const m=JSON.parse('{"title":"📠 Change Log","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/changelog.md","filePath":"en-US/guide/changelog.md","lastUpdated":1709481896000}'),a={name:"en-US/guide/changelog.md"},d=t('<h1 id="📠-change-log" tabindex="-1">📠 Change Log <a class="header-anchor" href="#📠-change-log" aria-label="Permalink to &quot;📠 Change Log&quot;">​</a></h1><h2 id="_9-8-0" tabindex="-1">9.8.0 <a class="header-anchor" href="#_9-8-0" aria-label="Permalink to &quot;9.8.0&quot;">​</a></h2><p><code>2024-03-04</code></p><ul><li>🆕 Support custom coordinate axis.</li><li>🆕 Support indicator mapping to future time.</li><li>🆕 Support folding long decimals.</li><li>🆕 Support adding data forward and backward.</li><li>🐞 Fix formatting time issue for different browsers.</li></ul><p><code>2024-01-12</code></p><ul><li>🐞 Fix the issue of ineffective indicator attributes <code>minValue</code> and <code>maxValue</code>.</li><li>🐞 Fix the display issue on the x-axis of the overlay.</li><li>💄 Optimize the display of style <code>candle.type: &#39;ohlc&#39;</code>.</li><li>💄 Optimize drawing clarity.</li></ul><h2 id="_9-7-1" tabindex="-1">9.7.1 <a class="header-anchor" href="#_9-7-1" aria-label="Permalink to &quot;9.7.1&quot;">​</a></h2><p><code>2023-12-18</code></p><ul><li>🐞 Fix indicators and overlays methods not effect error.</li><li>🐞 Fix package manager download node version dependency error.</li></ul><h2 id="_9-7-0" tabindex="-1">9.7.0 <a class="header-anchor" href="#_9-7-0" aria-label="Permalink to &quot;9.7.0&quot;">​</a></h2><p><code>2023-12-12</code></p><ul><li>🆕 Add instance apis<code>setMaxOffsetLeftDistance</code> and <code>setMaxOffsetRightDistance</code>.</li><li>🆕 Add indicator attribute <code>zLevel</code>.</li><li>💄 Optimize the rendering of the ohlc candle bar.</li><li>🐞 Fix the blurry issue with the candle bar.</li><li>🐞 Fix the rendering rules for the <code>zLevel</code> overlay.</li></ul><h2 id="_9-6-0" tabindex="-1">9.6.0 <a class="header-anchor" href="#_9-6-0" aria-label="Permalink to &quot;9.6.0&quot;">​</a></h2><p><code>2023-11-14</code></p><ul><li>🖋️ Refactor the separator module.</li><li>🆕 Chart api <code>init(ds, options)</code>, parameter <code>options</code> add <code>layout</code>.</li><li>🆕 Instance api <code>createIndicator(value, isStack, paneOptions, callback)</code>, parameter <code>PaneOptions</code> add <code>position</code>.</li><li>🆕 Style <code>candle.tooltip.custom</code> adds <code>turnover</code> string template.</li><li>💄 Optimize the style <code>overlay.text</code> configuration.</li><li>💄 Optimize the implementation of <code>utils.clone</code> and <code>utils.merge</code>.</li><li>🐞 Fix the issue of multiple overlay styles display error.</li><li>🐞 Fix the issue of multiple indicator styles display error.</li></ul><h2 id="_9-5-4" tabindex="-1">9.5.4 <a class="header-anchor" href="#_9-5-4" aria-label="Permalink to &quot;9.5.4&quot;">​</a></h2><p><code>2023-09-22</code></p><ul><li>🐞 Fix the issue of not display the latest price line when the style <code>candle.type</code> is <code>area</code>.</li><li>🐞 Fix the issue of incorrect display of the style <code>crosshair.vertical.text.paddingLeft</code>.</li></ul><h2 id="_9-5-3" tabindex="-1">9.5.3 <a class="header-anchor" href="#_9-5-3" aria-label="Permalink to &quot;9.5.3&quot;">​</a></h2><p><code>2023-09-19</code></p><ul><li>🐞 Fix typescript import error.</li></ul><h2 id="_9-5-2" tabindex="-1">9.5.2 <a class="header-anchor" href="#_9-5-2" aria-label="Permalink to &quot;9.5.2&quot;">​</a></h2><p><code>2023-09-18</code></p><ul><li>💄 Optimize the figure <code>text</code>.</li><li>💄 Optimize built-in overlays <code>simpleAnnotation</code> and <code>simpleTag</code>.</li><li>💄 Optimize the free style of technical indicators and support increment.</li><li>🐞 Fix typescript declaration issue.</li></ul><h2 id="_9-5-1" tabindex="-1">9.5.1 <a class="header-anchor" href="#_9-5-1" aria-label="Permalink to &quot;9.5.1&quot;">​</a></h2><p><code>2023-08-14</code></p><ul><li>🆕 Add chart api <code>getOverlayClass</code>.</li><li>🆕 Style configuration <code>candle.tooltip.custom</code> add built-in support <code>change</code>.</li><li>💄 Optimize figure <code>rect</code> event trigger.</li><li>↩️ Separator event trigger optimization rollback.</li></ul><h2 id="_9-5-0" tabindex="-1">9.5.0 <a class="header-anchor" href="#_9-5-0" aria-label="Permalink to &quot;9.5.0&quot;">​</a></h2><p><code>2023-06-15</code></p><ul><li>🆕 <code>Overlay</code> add event <code>onDoubleClick</code>, add property <code>modeSensitivity</code>.</li><li>🆕 Style configuration <code>candle.tooltip.custom</code> supports string templates.</li><li>🐞 Optimize the scrolling frame drop issue on the mobile side.</li><li>🐞 Fix pane id naming typo.</li><li>💄 Optimize the response sensitivity of dividing line events.</li><li>💄 Optimize the attrs type declaration in OverlayFigure under typescript.</li></ul><h2 id="_9-4-0" tabindex="-1">9.4.0 <a class="header-anchor" href="#_9-4-0" aria-label="Permalink to &quot;9.4.0&quot;">​</a></h2><p><code>2023-05-25</code></p><ul><li>🆕 Instance API &#39;createOverlay&#39; supports arrays.</li><li>🆕 <code>overlay</code> add attributes <code>paneId</code>, <code>defaultZLevel</code> and <code>zLevel</code>.</li><li>🆕 <code>xAxis</code> add methods <code>convertTimestampFromPixel</code> and <code>convertTimestampToPixel</code>.</li><li>💄 Optimize the display of candle.</li></ul><h2 id="_9-3-0" tabindex="-1">9.3.0 <a class="header-anchor" href="#_9-3-0" aria-label="Permalink to &quot;9.3.0&quot;">​</a></h2><p><code>2023-05-13</code></p><ul><li>🆕 Add chart API <code>utils.calcTextWidth</code>.</li><li>🆕 The instance APIs <code>createIndicator(value, isStack, options)</code> and <code>setPaneOptions(options)</code> have added <code>options. axisOptions</code>.</li><li>🆕 The indicator graphic configuration supports customization.</li><li>💄 Optimize the bar width ratio.</li><li>💄 Optimize internal acquisition of screen pixel ratio.</li><li>💄 Optimize internal ID generation.</li></ul><h2 id="_9-2-2" tabindex="-1">9.2.2 <a class="header-anchor" href="#_9-2-2" aria-label="Permalink to &quot;9.2.2&quot;">​</a></h2><p><code>2023-05-04</code></p><ul><li>🐞 Fix figure <code>line</code> check event error.</li><li>💄 Optimize type check.</li></ul><h2 id="_9-2-1" tabindex="-1">9.2.1 <a class="header-anchor" href="#_9-2-1" aria-label="Permalink to &quot;9.2.1&quot;">​</a></h2><p><code>2023-04-27</code></p><ul><li>💄 Optimize the default style by changing <code>#EF5350</code> to <code>#F92855</code> and <code>#26A69A</code> to <code>#2DC08E</code>.</li><li>💄 Optimize typescript declarations.</li></ul><h2 id="_9-2-0" tabindex="-1">9.2.0 <a class="header-anchor" href="#_9-2-0" aria-label="Permalink to &quot;9.2.0&quot;">​</a></h2><p><code>2023-04-24</code></p><ul><li>🆕 Add instance API <code>getOffsetRightDistance</code> and <code>executeAction</code>.</li><li>🆕 Add success callback for instance API <code>applyNewData</code>, <code>applyMoreData</code> and <code>updateData</code>.</li><li>🆕 Support the display of thousands.</li><li>🆕 Add style configuration <code>candle.bar.upBorderColor</code>, <code>candle.bar.downBorderColor</code>, <code>candle.bar.noChangeBorderColor</code>, <code>candle.bar.upWickColor</code>, <code>candle.bar.downWickColor</code>, <code>candle.bar.noChangeWickColor</code>, <code>candle.tooltip.rect.position</code> and <code>candle.tooltip.rect.offsetBottom</code>.</li><li>🆕 Add <code>realFrom</code> and <code>realTo</code> to all <code>visibleRange</code>.</li><li>💄 Optimize API, <code>klinecharts.utils.isValid</code> and <code>klinecharts.utils.formatBigNumber</code>.</li><li>💄 Optimize the log output in the development environment.</li></ul><h2 id="_9-1-3" tabindex="-1">9.1.3 <a class="header-anchor" href="#_9-1-3" aria-label="Permalink to &quot;9.1.3&quot;">​</a></h2><p><code>2023-04-15</code></p><ul><li>🐞 Fix the issue of not refreshing when the input parameter of the chart API <code>applyNewData</code> is an empty array.</li><li>🐞 Fix the issue of cross cursor text not displaying on the y-axis when there is no data.</li><li>💄 Optimize the display of area chart.</li><li>💄 Optimize coverage event callback parameters and add <code>figureKey</code> and <code>figureIndex</code>.</li><li>💄 Optimize typescript overlay style types, as well as base types <code>DeepPartial</code> and <code>DeepRequired</code>.</li></ul><h2 id="_9-1-2" tabindex="-1">9.1.2 <a class="header-anchor" href="#_9-1-2" aria-label="Permalink to &quot;9.1.2&quot;">​</a></h2><p><code>2023-04-10</code></p><ul><li>🐞 Fix the issue of inaccurate triggering events for the built-in figure <code>line</code>.</li><li>🐞 Fix the issue of triggering events for the first time after the <code>simpleAnnotation</code> and <code>simpleTag</code> built-in overlays are drawn.</li><li>💄 Optimize overlay figure to ignore events and support event selection.</li></ul><h2 id="_9-1-1" tabindex="-1">9.1.1 <a class="header-anchor" href="#_9-1-1" aria-label="Permalink to &quot;9.1.1&quot;">​</a></h2><p><code>2023-03-14</code></p><ul><li>🐞 Fix the invalidity of the built-in figure <code>arc</code>.</li><li>💄 Optimize rendering updates.</li></ul><h2 id="_9-1-0" tabindex="-1">9.1.0 <a class="header-anchor" href="#_9-1-0" aria-label="Permalink to &quot;9.1.0&quot;">​</a></h2><p><code>2023-02-23</code></p><ul><li>🆕 The chart instance method <code>subscribeAction</code> and <code>unsubscribeAction</code> types add <code>onCandleBarClick</code>.</li><li>🆕 The overlay supports double-clicking to force the end of drawing.</li><li>💄 Optimize event handling.</li></ul><h2 id="_9-0-1" tabindex="-1">9.0.1 <a class="header-anchor" href="#_9-0-1" aria-label="Permalink to &quot;9.0.1&quot;">​</a></h2><p><code>2023-02-17</code> 🐞 Fix the introduction of typescript.</p><h2 id="_9-0-0" tabindex="-1">9.0.0 <a class="header-anchor" href="#_9-0-0" aria-label="Permalink to &quot;9.0.0&quot;">​</a></h2><p><code>2023-02-16</code></p><ul><li>🛠 Typescript refactoring.</li><li>🆕 New features <ul><li>Add Y axis direction zoom and scroll.</li><li>API <ul><li>New chart methods <code>registerFigure</code>, <code>getSupportFigures</code>, <code>getFigureClass</code>, <code>rigiderOverlay</code>, <code>getSupportOverlays</code>, <code>registerLocale</code>, <code>getSupportLocales</code>, <code>registerStyles</code> are added.</li><li>New instance methods, <code>getSize</code>, <code>setLocale</code>, <code>getLocal</code>, <code>setCustomApi</code>, <code>getVisibleRange</code>, <code>createOverlay</code>, <code>getOverlayById</code>, <code>overrideOverlay</code>, <code>removeOverlay</code>.</li></ul></li><li>Style Configuration <ul><li>Add <code>candle.priceMark.last.text.borderStyle</code>, <code>candle.tooltip.icons</code>, <code>indicator.lastValueMark.text.borderStyle</code>, <code>indicator.tooltip.icons</code>, <code>crosshair.horizontal. text.borderStyle</code>, <code>crosshair.vertical.text.borderStyle</code>.</li></ul></li></ul></li><li>👉 Change <ul><li>API <ul><li>Chart method <code>extension.addTechnicalIndicatorTemplate</code> is changed to <code>registerIndicator</code>.</li><li>Chart method <code>extension.addShapeTemplate</code> is changed to <code>registerOverlay</code>.</li><li>Instance method <code>setStyleOptions</code> is changed to <code>setStyles</code>.</li><li>Instance method <code>getStyleOptions</code> is changed to <code>getStyles</code>.</li><li>Instance method <code>setPaneOptions(options)</code>, <code>options</code> add new attribute <code>gap</code>.</li><li>Instance method <code>setOffsetRightSpace</code> is changed to <code>setOffsetRightDistance</code>.</li><li>Instance method <code>createTechnicalIndicator</code> is changed to <code>createIndicator</code></li><li>Instance method <code>overlayTechnicalIndicator</code> is changed to <code>overrideIndicator</code>.</li><li>Instance method <code>getTechnicalIndicatorByPaneId</code> is changed to <code>getIndicatorByPaneId</code>.</li><li>Instance method <code>removeTechnicalIndicator</code> is changed to <code>removeIndicator</code>.</li></ul></li><li>Style Configuration <ul><li>All <code>line.style</code> options are changed to <code>solid</code> and <code>dashed</code>.</li><li>All <code>dashValue</code> is changed to <code>dashedValue</code>.</li><li><code>xAxis.height</code> is changed to <code>xAxis.size</code>, <code>xAxis.tickeText.paddingTop</code> is changed to <code>xAxis.tickeText.marinStart</code>, and <code>xAxis.tickeText.paddingBottom</code> is changed to <code>xAxis.tickeText.marinEnd</code>.</li><li><code>yAxis.height</code> is changed to <code>yAxis.size</code>, <code>yAxis.tickeText.paddingTop</code> is changed to <code>yAxis.tickeText.marinStart</code>, and <code>yAxis.tickeText.paddingBottom</code> is changed to <code>yAxis.tickeText.marinEnd</code>.</li><li><code>technicalIndicator.bar</code> is changed to <code>indicator.bars</code>, <code>technicalIndicator.line</code> is changed to <code>indicator.lines</code>，<code>technicalIndicator.circle</code> is changed to <code>indicator.circles</code></li></ul></li><li>Custom Extension <ul><li>The technical indicator attribute <code>calcParams</code> has been changed to support any type.</li><li>The technical indicator attribute <code>plots</code> is changed to <code>figures</code>.</li><li>The technical indicator attribute <code>regeneratePlots</code> is changed to&#39; regeneratefigures&#39;.</li><li>The technical indicator attribute <code>calcTechnicalIndicator</code> is changed to <code>calc</code>.</li><li>The technical indicator attribute <code>render</code> is changed to &#39;draw&#39;.</li></ul></li></ul></li><li>🗑 Abandonment <ul><li>API <ul><li>Delete instance methods <code>getWidth</code>, <code>getHeight</code>, and use <code>getSize</code> instead.</li><li>Delete instance methods <code>createShape</code>, <code>createAnnotation</code>, <code>createTag</code>, and use <code>createOverlay</code> instead.</li><li>Delete instance methods <code>removeShape</code>, <code>removeAnnotation</code>, <code>removeTag</code>. Use <code>removeOverlay</code> instead.</li><li>Delete the instance method <code>setShapeOptions</code> and use <code>overrideOverlay</code> instead.</li><li>Delete instance methods <code>createHtml</code>, <code>removeHtml</code>, <code>addTechnicalIndicatorTemplate</code>, <code>getTechnicalIndicatorTemplate</code>, <code>addShapeTemplate</code>.</li></ul></li><li>Style Configuration <ul><li>Delete <code>shape</code>, <code>annotation</code>, <code>tag</code> and use <code>overlay</code> instead.</li><li>Delete <code>candle.margin</code>，<code>technicalIndicator.margin</code>。</li></ul></li><li>Custom Extension <ul><li>The related attributes are no longer saved in the technical indicator template.</li><li>Delete <code>Shape</code> and use <code>Overlay</code> instead.</li></ul></li></ul></li></ul><h2 id="_8-x" tabindex="-1">8.x <a class="header-anchor" href="#_8-x" aria-label="Permalink to &quot;8.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/blob/v8.6.3/docs/en/changelog.md" target="_blank" rel="noreferrer">Github</a> to check the change log for 8.x.</p><h2 id="_7-x" tabindex="-1">7.x <a class="header-anchor" href="#_7-x" aria-label="Permalink to &quot;7.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/blob/v7.5.0/docs/en/changelog.md" target="_blank" rel="noreferrer">Github</a> to check the change log for 7.x.</p><h2 id="_6-x" tabindex="-1">6.x <a class="header-anchor" href="#_6-x" aria-label="Permalink to &quot;6.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/blob/v6.1.0/docs/en/CHANGELOG.md" target="_blank" rel="noreferrer">Github</a> to check the change log for 6.x.</p><h2 id="_5-x" tabindex="-1">5.x <a class="header-anchor" href="#_5-x" aria-label="Permalink to &quot;5.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/releases/tag/v5.0.0" target="_blank" rel="noreferrer">Github</a> to view the 5.x release notes.</p><h2 id="_4-x" tabindex="-1">4.x <a class="header-anchor" href="#_4-x" aria-label="Permalink to &quot;4.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/releases/tag/v4.0.0" target="_blank" rel="noreferrer">Github</a> to view the 4.x release notes.</p>',72),c=[d];function l(r,n,s,h,u,p){return i(),o("div",null,c)}const f=e(a,[["render",l]]);export{m as __pageData,f as default};
diff --git a/assets/en-US_guide_changelog.md.PuflNzXt.lean.js b/assets/en-US_guide_changelog.md.oaiDMd4e.lean.js
similarity index 71%
rename from assets/en-US_guide_changelog.md.PuflNzXt.lean.js
rename to assets/en-US_guide_changelog.md.oaiDMd4e.lean.js
index 7e03eba50..b1aeeb2f9 100644
--- a/assets/en-US_guide_changelog.md.PuflNzXt.lean.js
+++ b/assets/en-US_guide_changelog.md.oaiDMd4e.lean.js
@@ -1 +1 @@
-import{_ as e,c as o,o as i,a4 as t}from"./chunks/framework.b3gnc5d8.js";const m=JSON.parse('{"title":"📠 Change Log","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/changelog.md","filePath":"en-US/guide/changelog.md","lastUpdated":1709481896000}'),a={name:"en-US/guide/changelog.md"},d=t("",72),c=[d];function l(r,n,s,h,u,p){return i(),o("div",null,c)}const f=e(a,[["render",l]]);export{m as __pageData,f as default};
+import{_ as e,c as o,o as i,a4 as t}from"./chunks/framework.S5btFSuR.js";const m=JSON.parse('{"title":"📠 Change Log","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/changelog.md","filePath":"en-US/guide/changelog.md","lastUpdated":1709481896000}'),a={name:"en-US/guide/changelog.md"},d=t("",72),c=[d];function l(r,n,s,h,u,p){return i(),o("div",null,c)}const f=e(a,[["render",l]]);export{m as __pageData,f as default};
diff --git a/assets/en-US_guide_chart-api.md.cmE8v6pI.js b/assets/en-US_guide_chart-api.md.wkTQedMh.js
similarity index 99%
rename from assets/en-US_guide_chart-api.md.cmE8v6pI.js
rename to assets/en-US_guide_chart-api.md.wkTQedMh.js
index bd8c90fe7..56bb3122a 100644
--- a/assets/en-US_guide_chart-api.md.cmE8v6pI.js
+++ b/assets/en-US_guide_chart-api.md.wkTQedMh.js
@@ -1,4 +1,4 @@
-import{_ as h,E as e,c as k,m as s,a as i,J as t,w as l,a4 as a,o as p}from"./chunks/framework.b3gnc5d8.js";const K=JSON.parse('{"title":"Chart API","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/chart-api.md","filePath":"en-US/guide/chart-api.md","lastUpdated":1709481896000}'),r={name:"en-US/guide/chart-api.md"},d=a(`<h1 id="chart-api" tabindex="-1">Chart API <a class="header-anchor" href="#chart-api" aria-label="Permalink to &quot;Chart API&quot;">​</a></h1><h2 id="init-ds-options" tabindex="-1">init(ds, options) <a class="header-anchor" href="#init-ds-options" aria-label="Permalink to &quot;init(ds, options)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span></span>
+import{_ as h,E as e,c as k,m as s,a as i,J as t,w as l,a4 as a,o as p}from"./chunks/framework.S5btFSuR.js";const K=JSON.parse('{"title":"Chart API","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/chart-api.md","filePath":"en-US/guide/chart-api.md","lastUpdated":1709481896000}'),r={name:"en-US/guide/chart-api.md"},d=a(`<h1 id="chart-api" tabindex="-1">Chart API <a class="header-anchor" href="#chart-api" aria-label="Permalink to &quot;Chart API&quot;">​</a></h1><h2 id="init-ds-options" tabindex="-1">init(ds, options) <a class="header-anchor" href="#init-ds-options" aria-label="Permalink to &quot;init(ds, options)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">   ds: string </span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">|</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> HTMLElement</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">   options</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">      layout?</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Array</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;{</span></span>
diff --git a/assets/en-US_guide_chart-api.md.cmE8v6pI.lean.js b/assets/en-US_guide_chart-api.md.wkTQedMh.lean.js
similarity index 97%
rename from assets/en-US_guide_chart-api.md.cmE8v6pI.lean.js
rename to assets/en-US_guide_chart-api.md.wkTQedMh.lean.js
index 7c051d379..01fa9ef36 100644
--- a/assets/en-US_guide_chart-api.md.cmE8v6pI.lean.js
+++ b/assets/en-US_guide_chart-api.md.wkTQedMh.lean.js
@@ -1 +1 @@
-import{_ as h,E as e,c as k,m as s,a as i,J as t,w as l,a4 as a,o as p}from"./chunks/framework.b3gnc5d8.js";const K=JSON.parse('{"title":"Chart API","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/chart-api.md","filePath":"en-US/guide/chart-api.md","lastUpdated":1709481896000}'),r={name:"en-US/guide/chart-api.md"},d=a("",4),D=s("li",null,[s("code",null,"ds"),i(" container, can be dom element or element id.")],-1),g=s("code",null,"options",-1),o=s("code",null,"layout",-1),y=s("code",null,"content",-1),F=s("code",null,"options",-1),c=s("code",null,"value",-1),E=s("code",null,"options",-1),B=s("a",{href:"./instance-api.html#createindicator-value-isstack-paneoptions-callback"},"createIndicator",-1),A=a("",5),u=s("code",null,"decimalFoldThreshold",-1),C=a("",39),m=s("code",null,"overlay",-1),b=s("a",{href:"./overlay.html"},"overlay",-1),v=a("",9),f=s("code",null,"modeSensitivity",-1),x=a("",12),_=s("code",null,"onDoubleClick",-1),T=a("",9),P=a("",3),w={id:"registerxaxis-axis-v9-8-0",tabindex:"-1"},S=s("a",{class:"header-anchor",href:"#registerxaxis-axis-v9-8-0","aria-label":'Permalink to "registerXAxis(axis) <Tag>v9.8.0+</Tag>"'},"​",-1),q=a("",3),j={id:"registeryaxis-axis-v9-8-0",tabindex:"-1"},V=s("a",{class:"header-anchor",href:"#registeryaxis-axis-v9-8-0","aria-label":'Permalink to "registerYAxis(axis) <Tag>v9.8.0+</Tag>"'},"​",-1),I=a("",47),z={id:"utils-formatfolddecimal-value-threshold-v9-8-0",tabindex:"-1"},R=s("a",{class:"header-anchor",href:"#utils-formatfolddecimal-value-threshold-v9-8-0","aria-label":'Permalink to "utils.formatFoldDecimal(value, threshold) <Tag>v9.8.0+</Tag>"'},"​",-1),O=a("",2),N={id:"utils-calctextwidth-text-size-weight-family-v9-3-0",tabindex:"-1"},L=s("a",{class:"header-anchor",href:"#utils-calctextwidth-text-size-weight-family-v9-3-0","aria-label":'Permalink to "utils.calcTextWidth(text, size, weight, family) <Tag>v9.3.0+</Tag>"'},"​",-1),M=a("",59);function Y(G,X,U,H,$,J){const n=e("Tag");return p(),k("div",null,[d,s("ul",null,[D,s("li",null,[g,i(" optional configuration items. "),s("ul",null,[s("li",null,[o,i(" custom layout, "),y,i(" and "),F,i(" refer to the input parameters "),c,i(" and "),E,i(" in the instance api "),B,i(". "),t(n,null,{default:l(()=>[i("v9.6.0+")]),_:1})]),A,s("li",null,[u,i(" decimal fold threshold "),t(n,null,{default:l(()=>[i("v9.8.0+")]),_:1})])])])]),C,s("ul",null,[s("li",null,[m,i(" overlay information, see "),b,i(" for details "),s("ul",null,[v,s("li",null,[f,i(" mode sensitivity, only valid when mode is weak_magnet "),t(n,null,{default:l(()=>[i("v9.5.0+")]),_:1})]),x,s("li",null,[_,i(" double click event "),t(n,null,{default:l(()=>[i("v9.5.0+")]),_:1})]),T])])]),P,s("h2",w,[i("registerXAxis(axis) "),t(n,null,{default:l(()=>[i("v9.8.0+")]),_:1}),i(),S]),q,s("h2",j,[i("registerYAxis(axis) "),t(n,null,{default:l(()=>[i("v9.8.0+")]),_:1}),i(),V]),I,s("h3",z,[i("utils.formatFoldDecimal(value, threshold) "),t(n,null,{default:l(()=>[i("v9.8.0+")]),_:1}),i(),R]),O,s("h3",N,[i("utils.calcTextWidth(text, size, weight, family) "),t(n,null,{default:l(()=>[i("v9.3.0+")]),_:1}),i(),L]),M])}const Z=h(r,[["render",Y]]);export{K as __pageData,Z as default};
+import{_ as h,E as e,c as k,m as s,a as i,J as t,w as l,a4 as a,o as p}from"./chunks/framework.S5btFSuR.js";const K=JSON.parse('{"title":"Chart API","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/chart-api.md","filePath":"en-US/guide/chart-api.md","lastUpdated":1709481896000}'),r={name:"en-US/guide/chart-api.md"},d=a("",4),D=s("li",null,[s("code",null,"ds"),i(" container, can be dom element or element id.")],-1),g=s("code",null,"options",-1),o=s("code",null,"layout",-1),y=s("code",null,"content",-1),F=s("code",null,"options",-1),c=s("code",null,"value",-1),E=s("code",null,"options",-1),B=s("a",{href:"./instance-api.html#createindicator-value-isstack-paneoptions-callback"},"createIndicator",-1),A=a("",5),u=s("code",null,"decimalFoldThreshold",-1),C=a("",39),m=s("code",null,"overlay",-1),b=s("a",{href:"./overlay.html"},"overlay",-1),v=a("",9),f=s("code",null,"modeSensitivity",-1),x=a("",12),_=s("code",null,"onDoubleClick",-1),T=a("",9),P=a("",3),w={id:"registerxaxis-axis-v9-8-0",tabindex:"-1"},S=s("a",{class:"header-anchor",href:"#registerxaxis-axis-v9-8-0","aria-label":'Permalink to "registerXAxis(axis) <Tag>v9.8.0+</Tag>"'},"​",-1),q=a("",3),j={id:"registeryaxis-axis-v9-8-0",tabindex:"-1"},V=s("a",{class:"header-anchor",href:"#registeryaxis-axis-v9-8-0","aria-label":'Permalink to "registerYAxis(axis) <Tag>v9.8.0+</Tag>"'},"​",-1),I=a("",47),z={id:"utils-formatfolddecimal-value-threshold-v9-8-0",tabindex:"-1"},R=s("a",{class:"header-anchor",href:"#utils-formatfolddecimal-value-threshold-v9-8-0","aria-label":'Permalink to "utils.formatFoldDecimal(value, threshold) <Tag>v9.8.0+</Tag>"'},"​",-1),O=a("",2),N={id:"utils-calctextwidth-text-size-weight-family-v9-3-0",tabindex:"-1"},L=s("a",{class:"header-anchor",href:"#utils-calctextwidth-text-size-weight-family-v9-3-0","aria-label":'Permalink to "utils.calcTextWidth(text, size, weight, family) <Tag>v9.3.0+</Tag>"'},"​",-1),M=a("",59);function Y(G,X,U,H,$,J){const n=e("Tag");return p(),k("div",null,[d,s("ul",null,[D,s("li",null,[g,i(" optional configuration items. "),s("ul",null,[s("li",null,[o,i(" custom layout, "),y,i(" and "),F,i(" refer to the input parameters "),c,i(" and "),E,i(" in the instance api "),B,i(". "),t(n,null,{default:l(()=>[i("v9.6.0+")]),_:1})]),A,s("li",null,[u,i(" decimal fold threshold "),t(n,null,{default:l(()=>[i("v9.8.0+")]),_:1})])])])]),C,s("ul",null,[s("li",null,[m,i(" overlay information, see "),b,i(" for details "),s("ul",null,[v,s("li",null,[f,i(" mode sensitivity, only valid when mode is weak_magnet "),t(n,null,{default:l(()=>[i("v9.5.0+")]),_:1})]),x,s("li",null,[_,i(" double click event "),t(n,null,{default:l(()=>[i("v9.5.0+")]),_:1})]),T])])]),P,s("h2",w,[i("registerXAxis(axis) "),t(n,null,{default:l(()=>[i("v9.8.0+")]),_:1}),i(),S]),q,s("h2",j,[i("registerYAxis(axis) "),t(n,null,{default:l(()=>[i("v9.8.0+")]),_:1}),i(),V]),I,s("h3",z,[i("utils.formatFoldDecimal(value, threshold) "),t(n,null,{default:l(()=>[i("v9.8.0+")]),_:1}),i(),R]),O,s("h3",N,[i("utils.calcTextWidth(text, size, weight, family) "),t(n,null,{default:l(()=>[i("v9.3.0+")]),_:1}),i(),L]),M])}const Z=h(r,[["render",Y]]);export{K as __pageData,Z as default};
diff --git a/assets/en-US_guide_custom-axis.md.ml_n2IOs.js b/assets/en-US_guide_custom-axis.md.sGMOj5c1.js
similarity index 99%
rename from assets/en-US_guide_custom-axis.md.ml_n2IOs.js
rename to assets/en-US_guide_custom-axis.md.sGMOj5c1.js
index ef08375ec..c988adb95 100644
--- a/assets/en-US_guide_custom-axis.md.ml_n2IOs.js
+++ b/assets/en-US_guide_custom-axis.md.sGMOj5c1.js
@@ -1,4 +1,4 @@
-import{_ as n,E as t,c as h,m as i,a as s,J as l,w as p,a4 as e,o as k}from"./chunks/framework.b3gnc5d8.js";const A=JSON.parse('{"title":"Custom Axis v9.8.0+","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/custom-axis.md","filePath":"en-US/guide/custom-axis.md","lastUpdated":1709481896000}'),r={name:"en-US/guide/custom-axis.md"},F={id:"custom-axis-v9-8-0",tabindex:"-1"},d=i("a",{class:"header-anchor",href:"#custom-axis-v9-8-0","aria-label":'Permalink to "Custom Axis <Tag>v9.8.0+</Tag>"'},"​",-1),g=e(`<p>Chart support custom axis, which can be achieved through the chart api <a href="./chart-api.html#registerxaxis-axis">registerXAxis(axis)</a> and <a href="./chart-api.html#registeryaxis-axis">registerYAxis(axis)</a>.</p><h2 id="input-params-introduction" tabindex="-1">Input params introduction <a class="header-anchor" href="#input-params-introduction" aria-label="Permalink to &quot;Input params introduction&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+import{_ as n,E as t,c as h,m as i,a as s,J as l,w as p,a4 as e,o as k}from"./chunks/framework.S5btFSuR.js";const A=JSON.parse('{"title":"Custom Axis v9.8.0+","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/custom-axis.md","filePath":"en-US/guide/custom-axis.md","lastUpdated":1709481896000}'),r={name:"en-US/guide/custom-axis.md"},F={id:"custom-axis-v9-8-0",tabindex:"-1"},d=i("a",{class:"header-anchor",href:"#custom-axis-v9-8-0","aria-label":'Permalink to "Custom Axis <Tag>v9.8.0+</Tag>"'},"​",-1),g=e(`<p>Chart support custom axis, which can be achieved through the chart api <a href="./chart-api.html#registerxaxis-axis">registerXAxis(axis)</a> and <a href="./chart-api.html#registeryaxis-axis">registerYAxis(axis)</a>.</p><h2 id="input-params-introduction" tabindex="-1">Input params introduction <a class="header-anchor" href="#input-params-introduction" aria-label="Permalink to &quot;Input params introduction&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // axis name</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // implementation of create ticks</span></span>
diff --git a/assets/en-US_guide_custom-axis.md.ml_n2IOs.lean.js b/assets/en-US_guide_custom-axis.md.sGMOj5c1.lean.js
similarity index 91%
rename from assets/en-US_guide_custom-axis.md.ml_n2IOs.lean.js
rename to assets/en-US_guide_custom-axis.md.sGMOj5c1.lean.js
index 7245ee40e..dbe1f784f 100644
--- a/assets/en-US_guide_custom-axis.md.ml_n2IOs.lean.js
+++ b/assets/en-US_guide_custom-axis.md.sGMOj5c1.lean.js
@@ -1 +1 @@
-import{_ as n,E as t,c as h,m as i,a as s,J as l,w as p,a4 as e,o as k}from"./chunks/framework.b3gnc5d8.js";const A=JSON.parse('{"title":"Custom Axis v9.8.0+","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/custom-axis.md","filePath":"en-US/guide/custom-axis.md","lastUpdated":1709481896000}'),r={name:"en-US/guide/custom-axis.md"},F={id:"custom-axis-v9-8-0",tabindex:"-1"},d=i("a",{class:"header-anchor",href:"#custom-axis-v9-8-0","aria-label":'Permalink to "Custom Axis <Tag>v9.8.0+</Tag>"'},"​",-1),g=e("",11);function D(c,y,o,E,m,u){const a=t("Tag");return k(),h("div",null,[i("h1",F,[s("Custom Axis "),l(a,null,{default:p(()=>[s("v9.8.0+")]),_:1}),s(),d]),g])}const B=n(r,[["render",D]]);export{A as __pageData,B as default};
+import{_ as n,E as t,c as h,m as i,a as s,J as l,w as p,a4 as e,o as k}from"./chunks/framework.S5btFSuR.js";const A=JSON.parse('{"title":"Custom Axis v9.8.0+","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/custom-axis.md","filePath":"en-US/guide/custom-axis.md","lastUpdated":1709481896000}'),r={name:"en-US/guide/custom-axis.md"},F={id:"custom-axis-v9-8-0",tabindex:"-1"},d=i("a",{class:"header-anchor",href:"#custom-axis-v9-8-0","aria-label":'Permalink to "Custom Axis <Tag>v9.8.0+</Tag>"'},"​",-1),g=e("",11);function D(c,y,o,E,m,u){const a=t("Tag");return k(),h("div",null,[i("h1",F,[s("Custom Axis "),l(a,null,{default:p(()=>[s("v9.8.0+")]),_:1}),s(),d]),g])}const B=n(r,[["render",D]]);export{A as __pageData,B as default};
diff --git a/assets/en-US_guide_datasource.md.qxuuuQiO.js b/assets/en-US_guide_datasource.md.vNNGCJ0f.js
similarity index 97%
rename from assets/en-US_guide_datasource.md.qxuuuQiO.js
rename to assets/en-US_guide_datasource.md.vNNGCJ0f.js
index 5c1aa4253..a20ab0e99 100644
--- a/assets/en-US_guide_datasource.md.qxuuuQiO.js
+++ b/assets/en-US_guide_datasource.md.vNNGCJ0f.js
@@ -1,4 +1,4 @@
-import{_ as i,c as s,o as a,a4 as t}from"./chunks/framework.b3gnc5d8.js";const g=JSON.parse('{"title":"📚 Data","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/datasource.md","filePath":"en-US/guide/datasource.md","lastUpdated":1692476796000}'),e={name:"en-US/guide/datasource.md"},n=t(`<h1 id="📚-data" tabindex="-1">📚 Data <a class="header-anchor" href="#📚-data" aria-label="Permalink to &quot;📚 Data&quot;">​</a></h1><p>The data required for the chart must be in a fixed format. Through the chart API <a href="./instance-api.html#applynewdata-datalist-more">applyNewData(dataList, more)</a>, <a href="./instance-api.html#applymoredatadatalist-more">applyMoreData(dataList, more)</a> and <a href="./instance-api.html#updatedatadata">updateData(data)</a> to interact data with the chart.</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+import{_ as i,c as s,o as a,a4 as t}from"./chunks/framework.S5btFSuR.js";const g=JSON.parse('{"title":"📚 Data","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/datasource.md","filePath":"en-US/guide/datasource.md","lastUpdated":1692476796000}'),e={name:"en-US/guide/datasource.md"},n=t(`<h1 id="📚-data" tabindex="-1">📚 Data <a class="header-anchor" href="#📚-data" aria-label="Permalink to &quot;📚 Data&quot;">​</a></h1><p>The data required for the chart must be in a fixed format. Through the chart API <a href="./instance-api.html#applynewdata-datalist-more">applyNewData(dataList, more)</a>, <a href="./instance-api.html#applymoredatadatalist-more">applyMoreData(dataList, more)</a> and <a href="./instance-api.html#updatedatadata">updateData(data)</a> to interact data with the chart.</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // Timestamp, millisecond, required fields</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // Open price, required fields</span></span>
diff --git a/assets/en-US_guide_datasource.md.qxuuuQiO.lean.js b/assets/en-US_guide_datasource.md.vNNGCJ0f.lean.js
similarity index 71%
rename from assets/en-US_guide_datasource.md.qxuuuQiO.lean.js
rename to assets/en-US_guide_datasource.md.vNNGCJ0f.lean.js
index 5477a2aef..4fa7025a2 100644
--- a/assets/en-US_guide_datasource.md.qxuuuQiO.lean.js
+++ b/assets/en-US_guide_datasource.md.vNNGCJ0f.lean.js
@@ -1 +1 @@
-import{_ as i,c as s,o as a,a4 as t}from"./chunks/framework.b3gnc5d8.js";const g=JSON.parse('{"title":"📚 Data","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/datasource.md","filePath":"en-US/guide/datasource.md","lastUpdated":1692476796000}'),e={name:"en-US/guide/datasource.md"},n=t("",3),l=[n];function h(p,r,k,d,o,c){return a(),s("div",null,l)}const u=i(e,[["render",h]]);export{g as __pageData,u as default};
+import{_ as i,c as s,o as a,a4 as t}from"./chunks/framework.S5btFSuR.js";const g=JSON.parse('{"title":"📚 Data","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/datasource.md","filePath":"en-US/guide/datasource.md","lastUpdated":1692476796000}'),e={name:"en-US/guide/datasource.md"},n=t("",3),l=[n];function h(p,r,k,d,o,c){return a(),s("div",null,l)}const u=i(e,[["render",h]]);export{g as __pageData,u as default};
diff --git a/assets/en-US_guide_environment.md.CNdfrxHT.js b/assets/en-US_guide_environment.md.OgXnMEhO.js
similarity index 97%
rename from assets/en-US_guide_environment.md.CNdfrxHT.js
rename to assets/en-US_guide_environment.md.OgXnMEhO.js
index 5dbc36ea3..04a06c098 100644
--- a/assets/en-US_guide_environment.md.CNdfrxHT.js
+++ b/assets/en-US_guide_environment.md.OgXnMEhO.js
@@ -1,4 +1,4 @@
-import{_ as i,c as s,o as a,a4 as t}from"./chunks/framework.b3gnc5d8.js";const F=JSON.parse('{"title":"🏝️ Environment","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/environment.md","filePath":"en-US/guide/environment.md","lastUpdated":1679066795000}'),e={name:"en-US/guide/environment.md"},n=t(`<h1 id="🏝️-environment" tabindex="-1">🏝️ Environment <a class="header-anchor" href="#🏝️-environment" aria-label="Permalink to &quot;🏝️ Environment&quot;">​</a></h1><h2 id="browser-support" tabindex="-1">Browser support <a class="header-anchor" href="#browser-support" aria-label="Permalink to &quot;Browser support&quot;">​</a></h2><p>The chart is built based on html5 canvas and needs to run on a browser that supports canvas. If it needs to run on the mobile terminal, please use webview to load it.</p><h2 id="polyfill" tabindex="-1">Polyfill <a class="header-anchor" href="#polyfill" aria-label="Permalink to &quot;Polyfill&quot;">​</a></h2><h3 id="core-js" tabindex="-1"><a href="https://github.com/zloirock/core-js" target="_blank" rel="noreferrer">core.js</a> <a class="header-anchor" href="#core-js" aria-label="Permalink to &quot;[core.js](https://github.com/zloirock/core-js)&quot;">​</a></h3><p>The internal collection of the chart uses <code>Map</code> for compatibility with unsupported older browsers.</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">core.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
+import{_ as i,c as s,o as a,a4 as t}from"./chunks/framework.S5btFSuR.js";const F=JSON.parse('{"title":"🏝️ Environment","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/environment.md","filePath":"en-US/guide/environment.md","lastUpdated":1679066795000}'),e={name:"en-US/guide/environment.md"},n=t(`<h1 id="🏝️-environment" tabindex="-1">🏝️ Environment <a class="header-anchor" href="#🏝️-environment" aria-label="Permalink to &quot;🏝️ Environment&quot;">​</a></h1><h2 id="browser-support" tabindex="-1">Browser support <a class="header-anchor" href="#browser-support" aria-label="Permalink to &quot;Browser support&quot;">​</a></h2><p>The chart is built based on html5 canvas and needs to run on a browser that supports canvas. If it needs to run on the mobile terminal, please use webview to load it.</p><h2 id="polyfill" tabindex="-1">Polyfill <a class="header-anchor" href="#polyfill" aria-label="Permalink to &quot;Polyfill&quot;">​</a></h2><h3 id="core-js" tabindex="-1"><a href="https://github.com/zloirock/core-js" target="_blank" rel="noreferrer">core.js</a> <a class="header-anchor" href="#core-js" aria-label="Permalink to &quot;[core.js](https://github.com/zloirock/core-js)&quot;">​</a></h3><p>The internal collection of the chart uses <code>Map</code> for compatibility with unsupported older browsers.</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">core.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klincharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div><h3 id="intl-js" tabindex="-1"><a href="https://github.com/andyearnshaw/Intl.js" target="_blank" rel="noreferrer">Intl.js</a> <a class="header-anchor" href="#intl-js" aria-label="Permalink to &quot;[Intl.js](https://github.com/andyearnshaw/Intl.js)&quot;">​</a></h3><p>Charts rely on <code>Intl</code>, some browsers do not have this API.</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">intl</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">intl/local-data/jsonp/en</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klincharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div>`,10),h=[n];function l(r,o,p,k,d,c){return a(),s("div",null,h)}const g=i(e,[["render",l]]);export{F as __pageData,g as default};
diff --git a/assets/en-US_guide_environment.md.CNdfrxHT.lean.js b/assets/en-US_guide_environment.md.OgXnMEhO.lean.js
similarity index 72%
rename from assets/en-US_guide_environment.md.CNdfrxHT.lean.js
rename to assets/en-US_guide_environment.md.OgXnMEhO.lean.js
index cb1e1a487..da1d56d52 100644
--- a/assets/en-US_guide_environment.md.CNdfrxHT.lean.js
+++ b/assets/en-US_guide_environment.md.OgXnMEhO.lean.js
@@ -1 +1 @@
-import{_ as i,c as s,o as a,a4 as t}from"./chunks/framework.b3gnc5d8.js";const F=JSON.parse('{"title":"🏝️ Environment","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/environment.md","filePath":"en-US/guide/environment.md","lastUpdated":1679066795000}'),e={name:"en-US/guide/environment.md"},n=t("",10),h=[n];function l(r,o,p,k,d,c){return a(),s("div",null,h)}const g=i(e,[["render",l]]);export{F as __pageData,g as default};
+import{_ as i,c as s,o as a,a4 as t}from"./chunks/framework.S5btFSuR.js";const F=JSON.parse('{"title":"🏝️ Environment","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/environment.md","filePath":"en-US/guide/environment.md","lastUpdated":1679066795000}'),e={name:"en-US/guide/environment.md"},n=t("",10),h=[n];function l(r,o,p,k,d,c){return a(),s("div",null,h)}const g=i(e,[["render",l]]);export{F as __pageData,g as default};
diff --git a/assets/en-US_guide_faq.md.pd9bHuij.js b/assets/en-US_guide_faq.md.SzAwqCkH.js
similarity index 97%
rename from assets/en-US_guide_faq.md.pd9bHuij.js
rename to assets/en-US_guide_faq.md.SzAwqCkH.js
index 331ebcc12..fb0d67943 100644
--- a/assets/en-US_guide_faq.md.pd9bHuij.js
+++ b/assets/en-US_guide_faq.md.SzAwqCkH.js
@@ -1,4 +1,4 @@
-import{_ as a,c as t,o as i,a4 as e}from"./chunks/framework.b3gnc5d8.js";const f=JSON.parse('{"title":"🙋 FAQ","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/faq.md","filePath":"en-US/guide/faq.md","lastUpdated":1681557501000}'),n={name:"en-US/guide/faq.md"},s=e(`<h1 id="🙋-faq" tabindex="-1">🙋 FAQ <a class="header-anchor" href="#🙋-faq" aria-label="Permalink to &quot;🙋 FAQ&quot;">​</a></h1><h2 id="after-the-chart-is-initialized-only-one-line-can-be-seen" tabindex="-1">After the chart is initialized, only one line can be seen? <a class="header-anchor" href="#after-the-chart-is-initialized-only-one-line-can-be-seen" aria-label="Permalink to &quot;After the chart is initialized, only one line can be seen?&quot;">​</a></h2><p>The chart always fills the container, checking to see if the container has height.</p><h2 id="the-candle-shows-a-line-no-fluctuation-what-to-do" tabindex="-1">The candle shows a line, no fluctuation, what to do? <a class="header-anchor" href="#the-candle-shows-a-line-no-fluctuation-what-to-do" aria-label="Permalink to &quot;The candle shows a line, no fluctuation, what to do?&quot;">​</a></h2><p>Chart default price precision is two decimal, call <code>setPriceVolumePrecision(pricePrecision, volumePrecision)</code> to set the precision.</p><h2 id="how-to-create-a-real-time-chart" tabindex="-1">How to create a real-time chart? <a class="header-anchor" href="#how-to-create-a-real-time-chart" aria-label="Permalink to &quot;How to create a real-time chart?&quot;">​</a></h2><p>Through style settings.</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">setStyles</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+import{_ as a,c as t,o as i,a4 as e}from"./chunks/framework.S5btFSuR.js";const f=JSON.parse('{"title":"🙋 FAQ","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/faq.md","filePath":"en-US/guide/faq.md","lastUpdated":1681557501000}'),n={name:"en-US/guide/faq.md"},s=e(`<h1 id="🙋-faq" tabindex="-1">🙋 FAQ <a class="header-anchor" href="#🙋-faq" aria-label="Permalink to &quot;🙋 FAQ&quot;">​</a></h1><h2 id="after-the-chart-is-initialized-only-one-line-can-be-seen" tabindex="-1">After the chart is initialized, only one line can be seen? <a class="header-anchor" href="#after-the-chart-is-initialized-only-one-line-can-be-seen" aria-label="Permalink to &quot;After the chart is initialized, only one line can be seen?&quot;">​</a></h2><p>The chart always fills the container, checking to see if the container has height.</p><h2 id="the-candle-shows-a-line-no-fluctuation-what-to-do" tabindex="-1">The candle shows a line, no fluctuation, what to do? <a class="header-anchor" href="#the-candle-shows-a-line-no-fluctuation-what-to-do" aria-label="Permalink to &quot;The candle shows a line, no fluctuation, what to do?&quot;">​</a></h2><p>Chart default price precision is two decimal, call <code>setPriceVolumePrecision(pricePrecision, volumePrecision)</code> to set the precision.</p><h2 id="how-to-create-a-real-time-chart" tabindex="-1">How to create a real-time chart? <a class="header-anchor" href="#how-to-create-a-real-time-chart" aria-label="Permalink to &quot;How to create a real-time chart?&quot;">​</a></h2><p>Through style settings.</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">setStyles</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  candle</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">    type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">area</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  },</span></span>
diff --git a/assets/en-US_guide_faq.md.pd9bHuij.lean.js b/assets/en-US_guide_faq.md.SzAwqCkH.lean.js
similarity index 69%
rename from assets/en-US_guide_faq.md.pd9bHuij.lean.js
rename to assets/en-US_guide_faq.md.SzAwqCkH.lean.js
index 3ba2af5da..3de1aa5b7 100644
--- a/assets/en-US_guide_faq.md.pd9bHuij.lean.js
+++ b/assets/en-US_guide_faq.md.SzAwqCkH.lean.js
@@ -1 +1 @@
-import{_ as a,c as t,o as i,a4 as e}from"./chunks/framework.b3gnc5d8.js";const f=JSON.parse('{"title":"🙋 FAQ","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/faq.md","filePath":"en-US/guide/faq.md","lastUpdated":1681557501000}'),n={name:"en-US/guide/faq.md"},s=e("",14),o=[s];function h(l,c,r,d,p,k){return i(),t("div",null,o)}const w=a(n,[["render",h]]);export{f as __pageData,w as default};
+import{_ as a,c as t,o as i,a4 as e}from"./chunks/framework.S5btFSuR.js";const f=JSON.parse('{"title":"🙋 FAQ","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/faq.md","filePath":"en-US/guide/faq.md","lastUpdated":1681557501000}'),n={name:"en-US/guide/faq.md"},s=e("",14),o=[s];function h(l,c,r,d,p,k){return i(),t("div",null,o)}const w=a(n,[["render",h]]);export{f as __pageData,w as default};
diff --git a/assets/en-US_guide_feedback.md.JJEH-tah.js b/assets/en-US_guide_feedback.md.3xu-SDzA.js
similarity index 94%
rename from assets/en-US_guide_feedback.md.JJEH-tah.js
rename to assets/en-US_guide_feedback.md.3xu-SDzA.js
index 499d65a3a..cbb924a91 100644
--- a/assets/en-US_guide_feedback.md.JJEH-tah.js
+++ b/assets/en-US_guide_feedback.md.3xu-SDzA.js
@@ -1 +1 @@
-import{_ as e,c as a,o as t,a4 as r,a7 as i,a8 as s}from"./chunks/framework.b3gnc5d8.js";const m=JSON.parse('{"title":"💬 Feedback","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/feedback.md","filePath":"en-US/guide/feedback.md","lastUpdated":1684958808000}'),o={name:"en-US/guide/feedback.md"},h=r('<h1 id="💬-feedback" tabindex="-1">💬 Feedback <a class="header-anchor" href="#💬-feedback" aria-label="Permalink to &quot;💬 Feedback&quot;">​</a></h1><h2 id="github" tabindex="-1">Github <a class="header-anchor" href="#github" aria-label="Permalink to &quot;Github&quot;">​</a></h2><ul><li>Issues: <a href="https://github.com/liihuu/KLineChart/issues" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/issues</a></li><li>Discussions: <a href="https://github.com/liihuu/KLineChart/discussions" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/discussions</a></li></ul><h2 id="telegram" tabindex="-1">Telegram <a class="header-anchor" href="#telegram" aria-label="Permalink to &quot;Telegram&quot;">​</a></h2><p><a href="https://t.me/+098syuQtzI0yNzll" target="_blank" rel="noreferrer">https://t.me/+098syuQtzI0yNzll</a></p><h2 id="discord" tabindex="-1">Discord <a class="header-anchor" href="#discord" aria-label="Permalink to &quot;Discord&quot;">​</a></h2><p><a href="https://discord.gg/7YjHYgvvvZ" target="_blank" rel="noreferrer">https://discord.gg/7YjHYgvvvZ</a></p><h2 id="wechat-discussion-group" tabindex="-1">Wechat discussion group <a class="header-anchor" href="#wechat-discussion-group" aria-label="Permalink to &quot;Wechat discussion group&quot;">​</a></h2><p>Scan to add developers, note KLineChart, and join the group chat. <img style="width:180px;margin-top:10px;" src="'+i+'"></p><h2 id="qq-discussion-group" tabindex="-1">QQ discussion group <a class="header-anchor" href="#qq-discussion-group" aria-label="Permalink to &quot;QQ discussion group&quot;">​</a></h2><img style="width:180px;margin-top:10px;" src="'+s+'">',11),d=[h];function c(n,l,u,p,g,_){return t(),a("div",null,d)}const f=e(o,[["render",c]]);export{m as __pageData,f as default};
+import{_ as e,c as a,o as t,a4 as r,a6 as i,a7 as s}from"./chunks/framework.S5btFSuR.js";const m=JSON.parse('{"title":"💬 Feedback","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/feedback.md","filePath":"en-US/guide/feedback.md","lastUpdated":1684958808000}'),o={name:"en-US/guide/feedback.md"},h=r('<h1 id="💬-feedback" tabindex="-1">💬 Feedback <a class="header-anchor" href="#💬-feedback" aria-label="Permalink to &quot;💬 Feedback&quot;">​</a></h1><h2 id="github" tabindex="-1">Github <a class="header-anchor" href="#github" aria-label="Permalink to &quot;Github&quot;">​</a></h2><ul><li>Issues: <a href="https://github.com/liihuu/KLineChart/issues" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/issues</a></li><li>Discussions: <a href="https://github.com/liihuu/KLineChart/discussions" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/discussions</a></li></ul><h2 id="telegram" tabindex="-1">Telegram <a class="header-anchor" href="#telegram" aria-label="Permalink to &quot;Telegram&quot;">​</a></h2><p><a href="https://t.me/+098syuQtzI0yNzll" target="_blank" rel="noreferrer">https://t.me/+098syuQtzI0yNzll</a></p><h2 id="discord" tabindex="-1">Discord <a class="header-anchor" href="#discord" aria-label="Permalink to &quot;Discord&quot;">​</a></h2><p><a href="https://discord.gg/7YjHYgvvvZ" target="_blank" rel="noreferrer">https://discord.gg/7YjHYgvvvZ</a></p><h2 id="wechat-discussion-group" tabindex="-1">Wechat discussion group <a class="header-anchor" href="#wechat-discussion-group" aria-label="Permalink to &quot;Wechat discussion group&quot;">​</a></h2><p>Scan to add developers, note KLineChart, and join the group chat. <img style="width:180px;margin-top:10px;" src="'+i+'"></p><h2 id="qq-discussion-group" tabindex="-1">QQ discussion group <a class="header-anchor" href="#qq-discussion-group" aria-label="Permalink to &quot;QQ discussion group&quot;">​</a></h2><img style="width:180px;margin-top:10px;" src="'+s+'">',11),d=[h];function c(n,l,u,p,g,_){return t(),a("div",null,d)}const f=e(o,[["render",c]]);export{m as __pageData,f as default};
diff --git a/assets/en-US_guide_feedback.md.JJEH-tah.lean.js b/assets/en-US_guide_feedback.md.3xu-SDzA.lean.js
similarity index 72%
rename from assets/en-US_guide_feedback.md.JJEH-tah.lean.js
rename to assets/en-US_guide_feedback.md.3xu-SDzA.lean.js
index 83762d10a..73c2e37c4 100644
--- a/assets/en-US_guide_feedback.md.JJEH-tah.lean.js
+++ b/assets/en-US_guide_feedback.md.3xu-SDzA.lean.js
@@ -1 +1 @@
-import{_ as e,c as a,o as t,a4 as r,a7 as i,a8 as s}from"./chunks/framework.b3gnc5d8.js";const m=JSON.parse('{"title":"💬 Feedback","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/feedback.md","filePath":"en-US/guide/feedback.md","lastUpdated":1684958808000}'),o={name:"en-US/guide/feedback.md"},h=r("",11),d=[h];function c(n,l,u,p,g,_){return t(),a("div",null,d)}const f=e(o,[["render",c]]);export{m as __pageData,f as default};
+import{_ as e,c as a,o as t,a4 as r,a6 as i,a7 as s}from"./chunks/framework.S5btFSuR.js";const m=JSON.parse('{"title":"💬 Feedback","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/feedback.md","filePath":"en-US/guide/feedback.md","lastUpdated":1684958808000}'),o={name:"en-US/guide/feedback.md"},h=r("",11),d=[h];function c(n,l,u,p,g,_){return t(),a("div",null,d)}const f=e(o,[["render",c]]);export{m as __pageData,f as default};
diff --git a/assets/en-US_guide_figure.md.eDRtTELF.js b/assets/en-US_guide_figure.md.JPACf3cm.js
similarity index 99%
rename from assets/en-US_guide_figure.md.eDRtTELF.js
rename to assets/en-US_guide_figure.md.JPACf3cm.js
index 292964ed2..af3c6c336 100644
--- a/assets/en-US_guide_figure.md.eDRtTELF.js
+++ b/assets/en-US_guide_figure.md.JPACf3cm.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const F=JSON.parse('{"title":"Figure","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/figure.md","filePath":"en-US/guide/figure.md","lastUpdated":1692476796000}'),h={name:"en-US/guide/figure.md"},t=n(`<h1 id="figure" tabindex="-1">Figure <a class="header-anchor" href="#figure" aria-label="Permalink to &quot;Figure&quot;">​</a></h1><p>Figure are an important part of the chart. All elements on the chart are composed of figures. If you need to make complex custom technical indicators and overlays, it is recommended to read carefully. This document describes the built-in figures and how to customize a figure. The basic figure can be obtained through the chart method <code>klinecharts.getFigureClass(name)</code>.</p><h2 id="example-of-use" tabindex="-1">Example of use <a class="header-anchor" href="#example-of-use" aria-label="Permalink to &quot;Example of use&quot;">​</a></h2><div class="warning custom-block"><p class="custom-block-title">Note</p><p>It needs to be used when there is a canvas context.</p></div><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// Get the figure class</span></span>
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const F=JSON.parse('{"title":"Figure","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/figure.md","filePath":"en-US/guide/figure.md","lastUpdated":1692476796000}'),h={name:"en-US/guide/figure.md"},t=n(`<h1 id="figure" tabindex="-1">Figure <a class="header-anchor" href="#figure" aria-label="Permalink to &quot;Figure&quot;">​</a></h1><p>Figure are an important part of the chart. All elements on the chart are composed of figures. If you need to make complex custom technical indicators and overlays, it is recommended to read carefully. This document describes the built-in figures and how to customize a figure. The basic figure can be obtained through the chart method <code>klinecharts.getFigureClass(name)</code>.</p><h2 id="example-of-use" tabindex="-1">Example of use <a class="header-anchor" href="#example-of-use" aria-label="Permalink to &quot;Example of use&quot;">​</a></h2><div class="warning custom-block"><p class="custom-block-title">Note</p><p>It needs to be used when there is a canvas context.</p></div><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// Get the figure class</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// name is the name of the figure, such as &#39;arc&#39;, &#39;circle&#39;, etc.</span></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">const</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> Figure</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getFigureClass</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(name)</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// instantiate and draw</span></span>
diff --git a/assets/en-US_guide_figure.md.eDRtTELF.lean.js b/assets/en-US_guide_figure.md.JPACf3cm.lean.js
similarity index 70%
rename from assets/en-US_guide_figure.md.eDRtTELF.lean.js
rename to assets/en-US_guide_figure.md.JPACf3cm.lean.js
index 8ce94afae..8d31a65af 100644
--- a/assets/en-US_guide_figure.md.eDRtTELF.lean.js
+++ b/assets/en-US_guide_figure.md.JPACf3cm.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const F=JSON.parse('{"title":"Figure","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/figure.md","filePath":"en-US/guide/figure.md","lastUpdated":1692476796000}'),h={name:"en-US/guide/figure.md"},t=n("",33),l=[t];function k(e,p,r,d,D,y){return a(),i("div",null,l)}const E=s(h,[["render",k]]);export{F as __pageData,E as default};
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const F=JSON.parse('{"title":"Figure","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/figure.md","filePath":"en-US/guide/figure.md","lastUpdated":1692476796000}'),h={name:"en-US/guide/figure.md"},t=n("",33),l=[t];function k(e,p,r,d,D,y){return a(),i("div",null,l)}const E=s(h,[["render",k]]);export{F as __pageData,E as default};
diff --git a/assets/en-US_guide_getting-started.md.B44rFZxd.js b/assets/en-US_guide_getting-started.md.6h25yVqP.js
similarity index 99%
rename from assets/en-US_guide_getting-started.md.B44rFZxd.js
rename to assets/en-US_guide_getting-started.md.6h25yVqP.js
index b2b9e5876..504605af4 100644
--- a/assets/en-US_guide_getting-started.md.B44rFZxd.js
+++ b/assets/en-US_guide_getting-started.md.6h25yVqP.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,a4 as h}from"./chunks/framework.b3gnc5d8.js";const y=JSON.parse('{"title":"🚀 Getting started","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/getting-started.md","filePath":"en-US/guide/getting-started.md","lastUpdated":1698528706000}'),k={name:"en-US/guide/getting-started.md"},n=h(`<h1 id="🚀-getting-started" tabindex="-1">🚀 Getting started <a class="header-anchor" href="#🚀-getting-started" aria-label="Permalink to &quot;🚀 Getting started&quot;">​</a></h1><h2 id="get-klinechart" tabindex="-1">Get KLineChart <a class="header-anchor" href="#get-klinechart" aria-label="Permalink to &quot;Get KLineChart&quot;">​</a></h2><p>KLineChart supports multiple download methods, you can get it through package management tools such as <code>npm</code> or <code>yarn</code>, or through <code>CDN</code>.</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-2FVH7" id="tab-jb7fL11" checked="checked"><label for="tab-jb7fL11">npm</label><input type="radio" name="group-2FVH7" id="tab-Oav_yuU"><label for="tab-Oav_yuU">yarn</label><input type="radio" name="group-2FVH7" id="tab-qnrkhpK"><label for="tab-qnrkhpK">cdn</label></div><div class="blocks"><div class="language-bash vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">npm</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> install</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">yarn</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> add</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">text/javascript</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> src</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">https://cdn.jsdelivr.net/npm/klinecharts/dist/umd/klinecharts.min.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;&lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre></div></div></div><h2 id="create-the-first-chart" tabindex="-1">Create the first chart <a class="header-anchor" href="#create-the-first-chart" aria-label="Permalink to &quot;Create the first chart&quot;">​</a></h2><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-3zJuS" id="tab-NPbK0x1" checked="checked"><label for="tab-NPbK0x1">React</label><input type="radio" name="group-3zJuS" id="tab-wEdDzXc"><label for="tab-wEdDzXc">Vue</label><input type="radio" name="group-3zJuS" id="tab-2_HmTet"><label for="tab-2_HmTet">Angular</label><input type="radio" name="group-3zJuS" id="tab-twiSS59"><label for="tab-twiSS59">Preact</label><input type="radio" name="group-3zJuS" id="tab-2BDYdKA"><label for="tab-2BDYdKA">Solid</label><input type="radio" name="group-3zJuS" id="tab-n5ICnkB"><label for="tab-n5ICnkB">Svelte</label><input type="radio" name="group-3zJuS" id="tab-PDfLQyE"><label for="tab-PDfLQyE">Vanilla</label></div><div class="blocks"><div class="language-jsx vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">jsx</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> useEffect</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">react</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{_ as s,c as i,o as a,a4 as h}from"./chunks/framework.S5btFSuR.js";const y=JSON.parse('{"title":"🚀 Getting started","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/getting-started.md","filePath":"en-US/guide/getting-started.md","lastUpdated":1709566958000}'),k={name:"en-US/guide/getting-started.md"},n=h(`<h1 id="🚀-getting-started" tabindex="-1">🚀 Getting started <a class="header-anchor" href="#🚀-getting-started" aria-label="Permalink to &quot;🚀 Getting started&quot;">​</a></h1><h2 id="get-klinechart" tabindex="-1">Get KLineChart <a class="header-anchor" href="#get-klinechart" aria-label="Permalink to &quot;Get KLineChart&quot;">​</a></h2><p>KLineChart supports multiple download methods, you can get it through package management tools such as <code>npm</code> or <code>yarn</code>, or through <code>CDN</code>.</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-Ebl9M" id="tab-14xhfjp" checked="checked"><label for="tab-14xhfjp">npm</label><input type="radio" name="group-Ebl9M" id="tab-Zaqsj08"><label for="tab-Zaqsj08">yarn</label><input type="radio" name="group-Ebl9M" id="tab-XscwlWU"><label for="tab-XscwlWU">cdn</label></div><div class="blocks"><div class="language-bash vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">npm</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> install</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">yarn</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> add</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">text/javascript</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> src</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">https://cdn.jsdelivr.net/npm/klinecharts/dist/umd/klinecharts.min.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;&lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre></div></div></div><h2 id="create-the-first-chart" tabindex="-1">Create the first chart <a class="header-anchor" href="#create-the-first-chart" aria-label="Permalink to &quot;Create the first chart&quot;">​</a></h2><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-klCRw" id="tab-7hqK2YN" checked="checked"><label for="tab-7hqK2YN">React</label><input type="radio" name="group-klCRw" id="tab-lVhVUJ2"><label for="tab-lVhVUJ2">Vue</label><input type="radio" name="group-klCRw" id="tab-_ckUeqj"><label for="tab-_ckUeqj">Angular</label><input type="radio" name="group-klCRw" id="tab-uR-mlgW"><label for="tab-uR-mlgW">Preact</label><input type="radio" name="group-klCRw" id="tab-5CmeICk"><label for="tab-5CmeICk">Solid</label><input type="radio" name="group-klCRw" id="tab-mF9f_Rs"><label for="tab-mF9f_Rs">Svelte</label><input type="radio" name="group-klCRw" id="tab-_2EcwmF"><label for="tab-_2EcwmF">Vanilla</label></div><div class="blocks"><div class="language-jsx vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">jsx</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> useEffect</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">react</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> dispose</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">export</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> default</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> ()</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/en-US_guide_getting-started.md.B44rFZxd.lean.js b/assets/en-US_guide_getting-started.md.6h25yVqP.lean.js
similarity index 59%
rename from assets/en-US_guide_getting-started.md.B44rFZxd.lean.js
rename to assets/en-US_guide_getting-started.md.6h25yVqP.lean.js
index e5739de94..3fa6c029f 100644
--- a/assets/en-US_guide_getting-started.md.B44rFZxd.lean.js
+++ b/assets/en-US_guide_getting-started.md.6h25yVqP.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,a4 as h}from"./chunks/framework.b3gnc5d8.js";const y=JSON.parse('{"title":"🚀 Getting started","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/getting-started.md","filePath":"en-US/guide/getting-started.md","lastUpdated":1698528706000}'),k={name:"en-US/guide/getting-started.md"},n=h("",7),t=[n];function l(p,F,e,r,D,d){return a(),i("div",null,t)}const C=s(k,[["render",l]]);export{y as __pageData,C as default};
+import{_ as s,c as i,o as a,a4 as h}from"./chunks/framework.S5btFSuR.js";const y=JSON.parse('{"title":"🚀 Getting started","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/getting-started.md","filePath":"en-US/guide/getting-started.md","lastUpdated":1709566958000}'),k={name:"en-US/guide/getting-started.md"},n=h("",7),t=[n];function l(p,F,e,r,D,d){return a(),i("div",null,t)}const C=s(k,[["render",l]]);export{y as __pageData,C as default};
diff --git a/assets/en-US_guide_hot-key.md.rgHqonm8.js b/assets/en-US_guide_hot-key.md.dz6HVI4o.js
similarity index 85%
rename from assets/en-US_guide_hot-key.md.rgHqonm8.js
rename to assets/en-US_guide_hot-key.md.dz6HVI4o.js
index 79a3a604d..76182be5f 100644
--- a/assets/en-US_guide_hot-key.md.rgHqonm8.js
+++ b/assets/en-US_guide_hot-key.md.dz6HVI4o.js
@@ -1 +1 @@
-import{_ as e,c as o,o as t,a4 as d}from"./chunks/framework.b3gnc5d8.js";const u=JSON.parse('{"title":"⌨️ Hot Key","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/hot-key.md","filePath":"en-US/guide/hot-key.md","lastUpdated":1679066795000}'),a={name:"en-US/guide/hot-key.md"},c=d('<h1 id="⌨️-hot-key" tabindex="-1">⌨️ Hot Key <a class="header-anchor" href="#⌨️-hot-key" aria-label="Permalink to &quot;⌨️ Hot Key&quot;">​</a></h1><p>Currently only supports moving and zooming.</p><ul><li><code>shift</code> + <code>→</code> move right</li><li><code>shift</code> + <code>←</code> move left</li><li><code>shift</code> + <code>+</code> zoom in</li><li><code>shift</code> + <code>-</code> zoom out</li></ul>',3),i=[c];function n(s,r,l,_,h,m){return t(),o("div",null,i)}const f=e(a,[["render",n]]);export{u as __pageData,f as default};
+import{_ as e,c as o,o as t,a4 as d}from"./chunks/framework.S5btFSuR.js";const u=JSON.parse('{"title":"⌨️ Hot Key","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/hot-key.md","filePath":"en-US/guide/hot-key.md","lastUpdated":1679066795000}'),a={name:"en-US/guide/hot-key.md"},c=d('<h1 id="⌨️-hot-key" tabindex="-1">⌨️ Hot Key <a class="header-anchor" href="#⌨️-hot-key" aria-label="Permalink to &quot;⌨️ Hot Key&quot;">​</a></h1><p>Currently only supports moving and zooming.</p><ul><li><code>shift</code> + <code>→</code> move right</li><li><code>shift</code> + <code>←</code> move left</li><li><code>shift</code> + <code>+</code> zoom in</li><li><code>shift</code> + <code>-</code> zoom out</li></ul>',3),i=[c];function n(s,r,l,_,h,m){return t(),o("div",null,i)}const f=e(a,[["render",n]]);export{u as __pageData,f as default};
diff --git a/assets/en-US_guide_hot-key.md.rgHqonm8.lean.js b/assets/en-US_guide_hot-key.md.dz6HVI4o.lean.js
similarity index 70%
rename from assets/en-US_guide_hot-key.md.rgHqonm8.lean.js
rename to assets/en-US_guide_hot-key.md.dz6HVI4o.lean.js
index 8a785e2ff..324c8395c 100644
--- a/assets/en-US_guide_hot-key.md.rgHqonm8.lean.js
+++ b/assets/en-US_guide_hot-key.md.dz6HVI4o.lean.js
@@ -1 +1 @@
-import{_ as e,c as o,o as t,a4 as d}from"./chunks/framework.b3gnc5d8.js";const u=JSON.parse('{"title":"⌨️ Hot Key","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/hot-key.md","filePath":"en-US/guide/hot-key.md","lastUpdated":1679066795000}'),a={name:"en-US/guide/hot-key.md"},c=d("",3),i=[c];function n(s,r,l,_,h,m){return t(),o("div",null,i)}const f=e(a,[["render",n]]);export{u as __pageData,f as default};
+import{_ as e,c as o,o as t,a4 as d}from"./chunks/framework.S5btFSuR.js";const u=JSON.parse('{"title":"⌨️ Hot Key","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/hot-key.md","filePath":"en-US/guide/hot-key.md","lastUpdated":1679066795000}'),a={name:"en-US/guide/hot-key.md"},c=d("",3),i=[c];function n(s,r,l,_,h,m){return t(),o("div",null,i)}const f=e(a,[["render",n]]);export{u as __pageData,f as default};
diff --git a/assets/en-US_guide_i18n.md.AvfNv76i.js b/assets/en-US_guide_i18n.md.pHHaeKrO.js
similarity index 97%
rename from assets/en-US_guide_i18n.md.AvfNv76i.js
rename to assets/en-US_guide_i18n.md.pHHaeKrO.js
index 2bf84d324..ef90b954c 100644
--- a/assets/en-US_guide_i18n.md.AvfNv76i.js
+++ b/assets/en-US_guide_i18n.md.pHHaeKrO.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const D=JSON.parse('{"title":"🌏 Internationalization","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/i18n.md","filePath":"en-US/guide/i18n.md","lastUpdated":1699374419000}'),e={name:"en-US/guide/i18n.md"},h=n(`<h1 id="🌏-internationalization" tabindex="-1">🌏 Internationalization <a class="header-anchor" href="#🌏-internationalization" aria-label="Permalink to &quot;🌏 Internationalization&quot;">​</a></h1><p>Currently, the chart has two built-in <code>en-US</code> and <code>zh-CN</code>. The default language is <code>en-US</code>. If you need to use other languages, you can refer to the following scheme.</p><h2 id="adding-new-language" tabindex="-1">Adding new language <a class="header-anchor" href="#adding-new-language" aria-label="Permalink to &quot;Adding new language&quot;">​</a></h2><p>Adding new language is accomplished through <code>klinecharts.registerLocale(key, locales)</code>.</p><p>For example, to add traditional Chinese language, you can do this,</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">registerLocale</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">zh-HK</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const D=JSON.parse('{"title":"🌏 Internationalization","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/i18n.md","filePath":"en-US/guide/i18n.md","lastUpdated":1699374419000}'),e={name:"en-US/guide/i18n.md"},h=n(`<h1 id="🌏-internationalization" tabindex="-1">🌏 Internationalization <a class="header-anchor" href="#🌏-internationalization" aria-label="Permalink to &quot;🌏 Internationalization&quot;">​</a></h1><p>Currently, the chart has two built-in <code>en-US</code> and <code>zh-CN</code>. The default language is <code>en-US</code>. If you need to use other languages, you can refer to the following scheme.</p><h2 id="adding-new-language" tabindex="-1">Adding new language <a class="header-anchor" href="#adding-new-language" aria-label="Permalink to &quot;Adding new language&quot;">​</a></h2><p>Adding new language is accomplished through <code>klinecharts.registerLocale(key, locales)</code>.</p><p>For example, to add traditional Chinese language, you can do this,</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">registerLocale</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">zh-HK</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  time</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">時間：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  open</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">開：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  high</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">高：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
diff --git a/assets/en-US_guide_i18n.md.AvfNv76i.lean.js b/assets/en-US_guide_i18n.md.pHHaeKrO.lean.js
similarity index 71%
rename from assets/en-US_guide_i18n.md.AvfNv76i.lean.js
rename to assets/en-US_guide_i18n.md.pHHaeKrO.lean.js
index f07018df9..6bc4d9946 100644
--- a/assets/en-US_guide_i18n.md.AvfNv76i.lean.js
+++ b/assets/en-US_guide_i18n.md.pHHaeKrO.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const D=JSON.parse('{"title":"🌏 Internationalization","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/i18n.md","filePath":"en-US/guide/i18n.md","lastUpdated":1699374419000}'),e={name:"en-US/guide/i18n.md"},h=n("",8),t=[h];function l(k,p,d,r,F,g){return a(),i("div",null,t)}const c=s(e,[["render",l]]);export{D as __pageData,c as default};
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const D=JSON.parse('{"title":"🌏 Internationalization","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/i18n.md","filePath":"en-US/guide/i18n.md","lastUpdated":1699374419000}'),e={name:"en-US/guide/i18n.md"},h=n("",8),t=[h];function l(k,p,d,r,F,g){return a(),i("div",null,t)}const c=s(e,[["render",l]]);export{D as __pageData,c as default};
diff --git a/assets/en-US_guide_indicator.md.eZNsWP3p.js b/assets/en-US_guide_indicator.md.KL5sZ2Xa.js
similarity index 99%
rename from assets/en-US_guide_indicator.md.eZNsWP3p.js
rename to assets/en-US_guide_indicator.md.KL5sZ2Xa.js
index bce1806e0..b9ac3b790 100644
--- a/assets/en-US_guide_indicator.md.eZNsWP3p.js
+++ b/assets/en-US_guide_indicator.md.KL5sZ2Xa.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const D=JSON.parse('{"title":"Technical indicator","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/indicator.md","filePath":"en-US/guide/indicator.md","lastUpdated":1702327975000}'),t={name:"en-US/guide/indicator.md"},h=n(`<h1 id="technical-indicator" tabindex="-1">Technical indicator <a class="header-anchor" href="#technical-indicator" aria-label="Permalink to &quot;Technical indicator&quot;">​</a></h1><p>This document introduces the built-in technical indicators in the chart and how to customize a technical indicator.</p><h2 id="built-in-technical-indicators" tabindex="-1">Built-in technical indicators <a class="header-anchor" href="#built-in-technical-indicators" aria-label="Permalink to &quot;Built-in technical indicators&quot;">​</a></h2><table><thead><tr><th style="text-align:center;"><strong>Name</strong></th><th style="text-align:center;"><strong>Default calc params</strong></th><th style="text-align:center;"><strong>Name</strong></th><th style="text-align:center;"><strong>Default calc params</strong></th><th style="text-align:center;"><strong>Name</strong></th><th style="text-align:center;"><strong>Default calc params</strong></th></tr></thead><tbody><tr><td style="text-align:center;">MA</td><td style="text-align:center;">[5, 10, 30, 60]</td><td style="text-align:center;">BIAS</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">VR</td><td style="text-align:center;">[24, 30]</td></tr><tr><td style="text-align:center;">EMA</td><td style="text-align:center;">[6, 12, 20]</td><td style="text-align:center;">BRAR</td><td style="text-align:center;">[26]</td><td style="text-align:center;">WR</td><td style="text-align:center;">[6, 10, 14]</td></tr><tr><td style="text-align:center;">SMA</td><td style="text-align:center;">[12, 2]</td><td style="text-align:center;">CCI</td><td style="text-align:center;">[13]</td><td style="text-align:center;">MTM</td><td style="text-align:center;">[6, 10]</td></tr><tr><td style="text-align:center;">BBI</td><td style="text-align:center;">[3, 6, 12, 24]</td><td style="text-align:center;">DMI</td><td style="text-align:center;">[14, 6]</td><td style="text-align:center;">EMV</td><td style="text-align:center;">[14, 9]</td></tr><tr><td style="text-align:center;">VOL</td><td style="text-align:center;">[5, 10, 20]</td><td style="text-align:center;">CR</td><td style="text-align:center;">[26, 10, 20, 40, 60]</td><td style="text-align:center;">SAR</td><td style="text-align:center;">[2, 2, 20]</td></tr><tr><td style="text-align:center;">MACD</td><td style="text-align:center;">[12, 26, 9]</td><td style="text-align:center;">PSY</td><td style="text-align:center;">[12, 6]</td><td style="text-align:center;">AO</td><td style="text-align:center;">[5, 34]</td></tr><tr><td style="text-align:center;">BOLL</td><td style="text-align:center;">[20]</td><td style="text-align:center;">DMA</td><td style="text-align:center;">[10, 50, 10]</td><td style="text-align:center;">ROC</td><td style="text-align:center;">[12, 6]</td></tr><tr><td style="text-align:center;">KDJ</td><td style="text-align:center;">[9, 3, 3]</td><td style="text-align:center;">TRIX</td><td style="text-align:center;">[12, 20]</td><td style="text-align:center;">PVT</td><td style="text-align:center;">None</td></tr><tr><td style="text-align:center;">RSI</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">OBV</td><td style="text-align:center;">[30]</td><td style="text-align:center;">AVP</td><td style="text-align:center;">None</td></tr></tbody></table><h2 id="custom-technical-indicators" tabindex="-1">Custom Technical Indicators <a class="header-anchor" href="#custom-technical-indicators" aria-label="Permalink to &quot;Custom Technical Indicators&quot;">​</a></h2><p>To create a custom technical indicator, you only need to generate a technical indicator information, and then add it globally through <code>klinecharts.registerIndicator</code>, add it to the chart and use it like the built-in technical indicator.</p><h3 id="attribute-description" tabindex="-1">Attribute description <a class="header-anchor" href="#attribute-description" aria-label="Permalink to &quot;Attribute description&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const D=JSON.parse('{"title":"Technical indicator","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/indicator.md","filePath":"en-US/guide/indicator.md","lastUpdated":1702327975000}'),t={name:"en-US/guide/indicator.md"},h=n(`<h1 id="technical-indicator" tabindex="-1">Technical indicator <a class="header-anchor" href="#technical-indicator" aria-label="Permalink to &quot;Technical indicator&quot;">​</a></h1><p>This document introduces the built-in technical indicators in the chart and how to customize a technical indicator.</p><h2 id="built-in-technical-indicators" tabindex="-1">Built-in technical indicators <a class="header-anchor" href="#built-in-technical-indicators" aria-label="Permalink to &quot;Built-in technical indicators&quot;">​</a></h2><table><thead><tr><th style="text-align:center;"><strong>Name</strong></th><th style="text-align:center;"><strong>Default calc params</strong></th><th style="text-align:center;"><strong>Name</strong></th><th style="text-align:center;"><strong>Default calc params</strong></th><th style="text-align:center;"><strong>Name</strong></th><th style="text-align:center;"><strong>Default calc params</strong></th></tr></thead><tbody><tr><td style="text-align:center;">MA</td><td style="text-align:center;">[5, 10, 30, 60]</td><td style="text-align:center;">BIAS</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">VR</td><td style="text-align:center;">[24, 30]</td></tr><tr><td style="text-align:center;">EMA</td><td style="text-align:center;">[6, 12, 20]</td><td style="text-align:center;">BRAR</td><td style="text-align:center;">[26]</td><td style="text-align:center;">WR</td><td style="text-align:center;">[6, 10, 14]</td></tr><tr><td style="text-align:center;">SMA</td><td style="text-align:center;">[12, 2]</td><td style="text-align:center;">CCI</td><td style="text-align:center;">[13]</td><td style="text-align:center;">MTM</td><td style="text-align:center;">[6, 10]</td></tr><tr><td style="text-align:center;">BBI</td><td style="text-align:center;">[3, 6, 12, 24]</td><td style="text-align:center;">DMI</td><td style="text-align:center;">[14, 6]</td><td style="text-align:center;">EMV</td><td style="text-align:center;">[14, 9]</td></tr><tr><td style="text-align:center;">VOL</td><td style="text-align:center;">[5, 10, 20]</td><td style="text-align:center;">CR</td><td style="text-align:center;">[26, 10, 20, 40, 60]</td><td style="text-align:center;">SAR</td><td style="text-align:center;">[2, 2, 20]</td></tr><tr><td style="text-align:center;">MACD</td><td style="text-align:center;">[12, 26, 9]</td><td style="text-align:center;">PSY</td><td style="text-align:center;">[12, 6]</td><td style="text-align:center;">AO</td><td style="text-align:center;">[5, 34]</td></tr><tr><td style="text-align:center;">BOLL</td><td style="text-align:center;">[20]</td><td style="text-align:center;">DMA</td><td style="text-align:center;">[10, 50, 10]</td><td style="text-align:center;">ROC</td><td style="text-align:center;">[12, 6]</td></tr><tr><td style="text-align:center;">KDJ</td><td style="text-align:center;">[9, 3, 3]</td><td style="text-align:center;">TRIX</td><td style="text-align:center;">[12, 20]</td><td style="text-align:center;">PVT</td><td style="text-align:center;">None</td></tr><tr><td style="text-align:center;">RSI</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">OBV</td><td style="text-align:center;">[30]</td><td style="text-align:center;">AVP</td><td style="text-align:center;">None</td></tr></tbody></table><h2 id="custom-technical-indicators" tabindex="-1">Custom Technical Indicators <a class="header-anchor" href="#custom-technical-indicators" aria-label="Permalink to &quot;Custom Technical Indicators&quot;">​</a></h2><p>To create a custom technical indicator, you only need to generate a technical indicator information, and then add it globally through <code>klinecharts.registerIndicator</code>, add it to the chart and use it like the built-in technical indicator.</p><h3 id="attribute-description" tabindex="-1">Attribute description <a class="header-anchor" href="#attribute-description" aria-label="Permalink to &quot;Attribute description&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // indicator name</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // The short name of the indicator, used for display, the name will be displayed by default</span></span>
diff --git a/assets/en-US_guide_indicator.md.eZNsWP3p.lean.js b/assets/en-US_guide_indicator.md.KL5sZ2Xa.lean.js
similarity index 71%
rename from assets/en-US_guide_indicator.md.eZNsWP3p.lean.js
rename to assets/en-US_guide_indicator.md.KL5sZ2Xa.lean.js
index 72af16abd..94cffbf4a 100644
--- a/assets/en-US_guide_indicator.md.eZNsWP3p.lean.js
+++ b/assets/en-US_guide_indicator.md.KL5sZ2Xa.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const D=JSON.parse('{"title":"Technical indicator","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/indicator.md","filePath":"en-US/guide/indicator.md","lastUpdated":1702327975000}'),t={name:"en-US/guide/indicator.md"},h=n("",15),l=[h];function k(e,p,r,d,y,g){return a(),i("div",null,l)}const c=s(t,[["render",k]]);export{D as __pageData,c as default};
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const D=JSON.parse('{"title":"Technical indicator","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/indicator.md","filePath":"en-US/guide/indicator.md","lastUpdated":1702327975000}'),t={name:"en-US/guide/indicator.md"},h=n("",15),l=[h];function k(e,p,r,d,y,g){return a(),i("div",null,l)}const c=s(t,[["render",k]]);export{D as __pageData,c as default};
diff --git a/assets/en-US_guide_instance-api.md.J-9lOfxo.js b/assets/en-US_guide_instance-api.md.MuhSVJeX.js
similarity index 99%
rename from assets/en-US_guide_instance-api.md.J-9lOfxo.js
rename to assets/en-US_guide_instance-api.md.MuhSVJeX.js
index fcf0eedc3..6c6e691f8 100644
--- a/assets/en-US_guide_instance-api.md.J-9lOfxo.js
+++ b/assets/en-US_guide_instance-api.md.MuhSVJeX.js
@@ -1,4 +1,4 @@
-import{_ as l,E as k,c as e,m as s,a as i,J as h,w as t,a4 as a,o as p}from"./chunks/framework.b3gnc5d8.js";const xs=JSON.parse('{"title":"Instance API","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/instance-api.md","filePath":"en-US/guide/instance-api.md","lastUpdated":1709481896000}'),r={name:"en-US/guide/instance-api.md"},d=a(`<h1 id="instance-api" tabindex="-1">Instance API <a class="header-anchor" href="#instance-api" aria-label="Permalink to &quot;Instance API&quot;">​</a></h1><h2 id="getdom-paneid-position" tabindex="-1">getDom(paneId, position) <a class="header-anchor" href="#getdom-paneid-position" aria-label="Permalink to &quot;getDom(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> HTMLElement</span></span></code></pre></div><p>Get the dom container.</p><ul><li><code>paneId</code> window id, the default is the entire chart container</li><li><code>position</code> supports <code>root</code>, <code>main</code>, <code>yAxis</code>, the default is <code>root</code></li></ul><h2 id="getsize-paneid-position" tabindex="-1">getSize(paneId, position) <a class="header-anchor" href="#getsize-paneid-position" aria-label="Permalink to &quot;getSize(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
+import{_ as l,E as k,c as e,m as s,a as i,J as h,w as t,a4 as a,o as p}from"./chunks/framework.S5btFSuR.js";const xs=JSON.parse('{"title":"Instance API","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/instance-api.md","filePath":"en-US/guide/instance-api.md","lastUpdated":1709481896000}'),r={name:"en-US/guide/instance-api.md"},d=a(`<h1 id="instance-api" tabindex="-1">Instance API <a class="header-anchor" href="#instance-api" aria-label="Permalink to &quot;Instance API&quot;">​</a></h1><h2 id="getdom-paneid-position" tabindex="-1">getDom(paneId, position) <a class="header-anchor" href="#getdom-paneid-position" aria-label="Permalink to &quot;getDom(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> HTMLElement</span></span></code></pre></div><p>Get the dom container.</p><ul><li><code>paneId</code> window id, the default is the entire chart container</li><li><code>position</code> supports <code>root</code>, <code>main</code>, <code>yAxis</code>, the default is <code>root</code></li></ul><h2 id="getsize-paneid-position" tabindex="-1">getSize(paneId, position) <a class="header-anchor" href="#getsize-paneid-position" aria-label="Permalink to &quot;getSize(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">   width</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">   height</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">   left</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
diff --git a/assets/en-US_guide_instance-api.md.J-9lOfxo.lean.js b/assets/en-US_guide_instance-api.md.MuhSVJeX.lean.js
similarity index 99%
rename from assets/en-US_guide_instance-api.md.J-9lOfxo.lean.js
rename to assets/en-US_guide_instance-api.md.MuhSVJeX.lean.js
index fb1f4bc49..e042dfe87 100644
--- a/assets/en-US_guide_instance-api.md.J-9lOfxo.lean.js
+++ b/assets/en-US_guide_instance-api.md.MuhSVJeX.lean.js
@@ -1 +1 @@
-import{_ as l,E as k,c as e,m as s,a as i,J as h,w as t,a4 as a,o as p}from"./chunks/framework.b3gnc5d8.js";const xs=JSON.parse('{"title":"Instance API","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/instance-api.md","filePath":"en-US/guide/instance-api.md","lastUpdated":1709481896000}'),r={name:"en-US/guide/instance-api.md"},d=a("",42),D={id:"getoffsetrightdistance-v9-2-0",tabindex:"-1"},F=s("a",{class:"header-anchor",href:"#getoffsetrightdistance-v9-2-0","aria-label":'Permalink to "getOffsetRightDistance() <Tag>v9.2.0+</Tag>"'},"​",-1),g=a("",2),y={id:"setmaxoffsetleftdistance-v9-7-0",tabindex:"-1"},o=s("a",{class:"header-anchor",href:"#setmaxoffsetleftdistance-v9-7-0","aria-label":'Permalink to "setMaxOffsetLeftDistance() <Tag>v9.7.0+</Tag>"'},"​",-1),c=a("",2),E={id:"setmaxoffsetrightdistance-v9-7-0",tabindex:"-1"},B=s("a",{class:"header-anchor",href:"#setmaxoffsetrightdistance-v9-7-0","aria-label":'Permalink to "setMaxOffsetRightDistance() <Tag>v9.7.0+</Tag>"'},"​",-1),A=a("",20),C=s("li",null,[s("code",null,"dataList"),i(" is an array of K-line data. For details of the data type, please refer to "),s("a",{href:"./datasource.html"},"data")],-1),u=s("li",null,[s("code",null,"more"),i(" tells the chart whether there is more historical data, can be defaulted, the default is true")],-1),m=s("code",null,"callback",-1),b=a("",4),v=s("li",null,[s("code",null,"dataList"),i(" is an array of K-line data. For details of the data type, please refer to "),s("a",{href:"./datasource.html"},"data")],-1),f=s("li",null,[s("code",null,"more"),i(" tells the chart whether there is more historical data, can be defaulted, the default is true")],-1),_=s("code",null,"callback",-1),x=a("",4),T=s("li",null,[s("code",null,"data"),i(" single k-line data, please refer to "),s("a",{href:"./datasource.html"},"data"),i(" for details of data type")],-1),w=s("code",null,"callback",-1),P=a("",12),S={id:"setloaddatacallback-cb-v9-8-0",tabindex:"-1"},I=s("a",{class:"header-anchor",href:"#setloaddatacallback-cb-v9-8-0","aria-label":'Permalink to "setLoadDataCallback(cb) <Tag>v9.8.0+</Tag>"'},"​",-1),q=a("",6),j=s("li",null,[s("code",null,"value"),i(" technical indicator name or technical indicator object, when it is an object, the type is consistent with the input parameter of the chart method "),s("code",null,"overrideIndicator")],-1),V=s("li",null,[s("code",null,"isStack"),i(" is overrides")],-1),z=s("code",null,"paneOptions",-1),R=s("li",null,[s("code",null,"id"),i(" window id, can be default")],-1),O=s("li",null,[s("code",null,"height"),i(" window height, can be default")],-1),L=s("li",null,[s("code",null,"minHeight"),i(" minimum height of the window, can be defaulted")],-1),M=s("li",null,[s("code",null,"dragEnabled"),i(" Whether the window can be dragged to adjust the height, it can be defaulted")],-1),N=s("code",null,"position",-1),Z=s("li",null,[s("code",null,"gap"),i(" margins "),s("ul",null,[s("li",null,[s("code",null,"top"),i(" top margin, value less than 1 is a percentage")]),s("li",null,[s("code",null,"bottom"),i(" bottom margin, value less than 1 is a percentage")])])],-1),G=s("code",null,"axisOptions",-1),H=s("code",null,"name",-1),U=s("code",null,"axis.name",-1),Y=s("a",{href:"./chart-api.html#registeryaxis-axis"},"registerYAxis(axis)",-1),K=s("code",null,"scrollZoomEnabled",-1),X=s("li",null,[s("code",null,"callback"),i(" success callback")],-1),W=a("",6),$=s("code",null,"override",-1),J=a("",7),Q=s("code",null,"zLevel",-1),ss=a("",10),is=s("li",null,[s("code",null,"paneId"),i(" window id, default is set to all")],-1),as=s("li",null,[s("code",null,"callback"),i(" success callback")],-1),ns=a("",27),hs=s("code",null,"override",-1),ts=a("",10),ls=s("code",null,"modeSensitivity",-1),ks=a("",7),es=s("code",null,"onDoubleClick",-1),ps=a("",9),rs=a("",37),ds=s("code",null,"options",-1),Ds=a("",5),Fs=s("code",null,"axisOptions",-1),gs=s("code",null,"name",-1),ys=s("code",null,"scrollZoomEnabled",-1),os=a("",3),cs={id:"executeaction-type-data-v9-2-0",tabindex:"-1"},Es=s("a",{class:"header-anchor",href:"#executeaction-type-data-v9-2-0","aria-label":'Permalink to "executeAction(type, data) <Tag>v9.2.0+</Tag>"'},"​",-1),Bs=a("",27);function As(Cs,us,ms,bs,vs,fs){const n=k("Tag");return p(),e("div",null,[d,s("h2",D,[i("getOffsetRightDistance() "),h(n,null,{default:t(()=>[i("v9.2.0+")]),_:1}),i(),F]),g,s("h2",y,[i("setMaxOffsetLeftDistance() "),h(n,null,{default:t(()=>[i("v9.7.0+")]),_:1}),i(),o]),c,s("h2",E,[i("setMaxOffsetRightDistance() "),h(n,null,{default:t(()=>[i("v9.7.0+")]),_:1}),i(),B]),A,s("ul",null,[C,u,s("li",null,[m,i(" success callback "),h(n,null,{default:t(()=>[i("v9.2.0+")]),_:1})])]),b,s("ul",null,[v,f,s("li",null,[_,i(" success callback "),h(n,null,{default:t(()=>[i("v9.2.0+")]),_:1})])]),x,s("ul",null,[T,s("li",null,[w,i(" success callback "),h(n,null,{default:t(()=>[i("v9.2.0+")]),_:1})])]),P,s("h2",S,[i("setLoadDataCallback(cb) "),h(n,null,{default:t(()=>[i("v9.8.0+")]),_:1}),i(),I]),q,s("ul",null,[j,V,s("li",null,[z,i(" window configuration information, can be default "),s("ul",null,[R,O,L,M,s("li",null,[N,i(" Only valid when creating a new pane "),h(n,null,{default:t(()=>[i("v9.6.0+")]),_:1})]),Z,s("li",null,[G,s("ul",null,[s("li",null,[H,i(" is same "),U,i(" in "),Y,i(" of chart api, default is 'default' "),h(n,null,{default:t(()=>[i("v9.8.0+")]),_:1})]),s("li",null,[K,i(" Scroll zoom flag "),h(n,null,{default:t(()=>[i("v9.3.0+")]),_:1})])])])])]),X]),W,s("ul",null,[s("li",null,[$,i(" some parameters that need to be overridden "),s("ul",null,[J,s("li",null,[Q,i(" z level "),h(n,null,{default:t(()=>[i("v9.7.0+")]),_:1})]),ss])]),is,as]),ns,s("ul",null,[s("li",null,[hs,i(" parameters that need to be overridden "),s("ul",null,[ts,s("li",null,[ls,i(" mode sensitivity, only valid when mode is weak_magnet "),h(n,null,{default:t(()=>[i("v9.5.0+")]),_:1})]),ks,s("li",null,[es,i(" double click event "),h(n,null,{default:t(()=>[i("v9.5.0+")]),_:1})]),ps])])]),rs,s("ul",null,[s("li",null,[ds,i(" window configuration information, can be default "),s("ul",null,[Ds,s("li",null,[Fs,s("ul",null,[s("li",null,[gs,i(" axis name "),h(n,null,{default:t(()=>[i("v9.8.0+")]),_:1})]),s("li",null,[ys,i(" Scroll zoom flag "),h(n,null,{default:t(()=>[i("v9.3.0+")]),_:1})])])])])])]),os,s("h2",cs,[i("executeAction(type, data) "),h(n,null,{default:t(()=>[i("v9.2.0+")]),_:1}),i(),Es]),Bs])}const Ts=l(r,[["render",As]]);export{xs as __pageData,Ts as default};
+import{_ as l,E as k,c as e,m as s,a as i,J as h,w as t,a4 as a,o as p}from"./chunks/framework.S5btFSuR.js";const xs=JSON.parse('{"title":"Instance API","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/instance-api.md","filePath":"en-US/guide/instance-api.md","lastUpdated":1709481896000}'),r={name:"en-US/guide/instance-api.md"},d=a("",42),D={id:"getoffsetrightdistance-v9-2-0",tabindex:"-1"},F=s("a",{class:"header-anchor",href:"#getoffsetrightdistance-v9-2-0","aria-label":'Permalink to "getOffsetRightDistance() <Tag>v9.2.0+</Tag>"'},"​",-1),g=a("",2),y={id:"setmaxoffsetleftdistance-v9-7-0",tabindex:"-1"},o=s("a",{class:"header-anchor",href:"#setmaxoffsetleftdistance-v9-7-0","aria-label":'Permalink to "setMaxOffsetLeftDistance() <Tag>v9.7.0+</Tag>"'},"​",-1),c=a("",2),E={id:"setmaxoffsetrightdistance-v9-7-0",tabindex:"-1"},B=s("a",{class:"header-anchor",href:"#setmaxoffsetrightdistance-v9-7-0","aria-label":'Permalink to "setMaxOffsetRightDistance() <Tag>v9.7.0+</Tag>"'},"​",-1),A=a("",20),C=s("li",null,[s("code",null,"dataList"),i(" is an array of K-line data. For details of the data type, please refer to "),s("a",{href:"./datasource.html"},"data")],-1),u=s("li",null,[s("code",null,"more"),i(" tells the chart whether there is more historical data, can be defaulted, the default is true")],-1),m=s("code",null,"callback",-1),b=a("",4),v=s("li",null,[s("code",null,"dataList"),i(" is an array of K-line data. For details of the data type, please refer to "),s("a",{href:"./datasource.html"},"data")],-1),f=s("li",null,[s("code",null,"more"),i(" tells the chart whether there is more historical data, can be defaulted, the default is true")],-1),_=s("code",null,"callback",-1),x=a("",4),T=s("li",null,[s("code",null,"data"),i(" single k-line data, please refer to "),s("a",{href:"./datasource.html"},"data"),i(" for details of data type")],-1),w=s("code",null,"callback",-1),P=a("",12),S={id:"setloaddatacallback-cb-v9-8-0",tabindex:"-1"},I=s("a",{class:"header-anchor",href:"#setloaddatacallback-cb-v9-8-0","aria-label":'Permalink to "setLoadDataCallback(cb) <Tag>v9.8.0+</Tag>"'},"​",-1),q=a("",6),j=s("li",null,[s("code",null,"value"),i(" technical indicator name or technical indicator object, when it is an object, the type is consistent with the input parameter of the chart method "),s("code",null,"overrideIndicator")],-1),V=s("li",null,[s("code",null,"isStack"),i(" is overrides")],-1),z=s("code",null,"paneOptions",-1),R=s("li",null,[s("code",null,"id"),i(" window id, can be default")],-1),O=s("li",null,[s("code",null,"height"),i(" window height, can be default")],-1),L=s("li",null,[s("code",null,"minHeight"),i(" minimum height of the window, can be defaulted")],-1),M=s("li",null,[s("code",null,"dragEnabled"),i(" Whether the window can be dragged to adjust the height, it can be defaulted")],-1),N=s("code",null,"position",-1),Z=s("li",null,[s("code",null,"gap"),i(" margins "),s("ul",null,[s("li",null,[s("code",null,"top"),i(" top margin, value less than 1 is a percentage")]),s("li",null,[s("code",null,"bottom"),i(" bottom margin, value less than 1 is a percentage")])])],-1),G=s("code",null,"axisOptions",-1),H=s("code",null,"name",-1),U=s("code",null,"axis.name",-1),Y=s("a",{href:"./chart-api.html#registeryaxis-axis"},"registerYAxis(axis)",-1),K=s("code",null,"scrollZoomEnabled",-1),X=s("li",null,[s("code",null,"callback"),i(" success callback")],-1),W=a("",6),$=s("code",null,"override",-1),J=a("",7),Q=s("code",null,"zLevel",-1),ss=a("",10),is=s("li",null,[s("code",null,"paneId"),i(" window id, default is set to all")],-1),as=s("li",null,[s("code",null,"callback"),i(" success callback")],-1),ns=a("",27),hs=s("code",null,"override",-1),ts=a("",10),ls=s("code",null,"modeSensitivity",-1),ks=a("",7),es=s("code",null,"onDoubleClick",-1),ps=a("",9),rs=a("",37),ds=s("code",null,"options",-1),Ds=a("",5),Fs=s("code",null,"axisOptions",-1),gs=s("code",null,"name",-1),ys=s("code",null,"scrollZoomEnabled",-1),os=a("",3),cs={id:"executeaction-type-data-v9-2-0",tabindex:"-1"},Es=s("a",{class:"header-anchor",href:"#executeaction-type-data-v9-2-0","aria-label":'Permalink to "executeAction(type, data) <Tag>v9.2.0+</Tag>"'},"​",-1),Bs=a("",27);function As(Cs,us,ms,bs,vs,fs){const n=k("Tag");return p(),e("div",null,[d,s("h2",D,[i("getOffsetRightDistance() "),h(n,null,{default:t(()=>[i("v9.2.0+")]),_:1}),i(),F]),g,s("h2",y,[i("setMaxOffsetLeftDistance() "),h(n,null,{default:t(()=>[i("v9.7.0+")]),_:1}),i(),o]),c,s("h2",E,[i("setMaxOffsetRightDistance() "),h(n,null,{default:t(()=>[i("v9.7.0+")]),_:1}),i(),B]),A,s("ul",null,[C,u,s("li",null,[m,i(" success callback "),h(n,null,{default:t(()=>[i("v9.2.0+")]),_:1})])]),b,s("ul",null,[v,f,s("li",null,[_,i(" success callback "),h(n,null,{default:t(()=>[i("v9.2.0+")]),_:1})])]),x,s("ul",null,[T,s("li",null,[w,i(" success callback "),h(n,null,{default:t(()=>[i("v9.2.0+")]),_:1})])]),P,s("h2",S,[i("setLoadDataCallback(cb) "),h(n,null,{default:t(()=>[i("v9.8.0+")]),_:1}),i(),I]),q,s("ul",null,[j,V,s("li",null,[z,i(" window configuration information, can be default "),s("ul",null,[R,O,L,M,s("li",null,[N,i(" Only valid when creating a new pane "),h(n,null,{default:t(()=>[i("v9.6.0+")]),_:1})]),Z,s("li",null,[G,s("ul",null,[s("li",null,[H,i(" is same "),U,i(" in "),Y,i(" of chart api, default is 'default' "),h(n,null,{default:t(()=>[i("v9.8.0+")]),_:1})]),s("li",null,[K,i(" Scroll zoom flag "),h(n,null,{default:t(()=>[i("v9.3.0+")]),_:1})])])])])]),X]),W,s("ul",null,[s("li",null,[$,i(" some parameters that need to be overridden "),s("ul",null,[J,s("li",null,[Q,i(" z level "),h(n,null,{default:t(()=>[i("v9.7.0+")]),_:1})]),ss])]),is,as]),ns,s("ul",null,[s("li",null,[hs,i(" parameters that need to be overridden "),s("ul",null,[ts,s("li",null,[ls,i(" mode sensitivity, only valid when mode is weak_magnet "),h(n,null,{default:t(()=>[i("v9.5.0+")]),_:1})]),ks,s("li",null,[es,i(" double click event "),h(n,null,{default:t(()=>[i("v9.5.0+")]),_:1})]),ps])])]),rs,s("ul",null,[s("li",null,[ds,i(" window configuration information, can be default "),s("ul",null,[Ds,s("li",null,[Fs,s("ul",null,[s("li",null,[gs,i(" axis name "),h(n,null,{default:t(()=>[i("v9.8.0+")]),_:1})]),s("li",null,[ys,i(" Scroll zoom flag "),h(n,null,{default:t(()=>[i("v9.3.0+")]),_:1})])])])])])]),os,s("h2",cs,[i("executeAction(type, data) "),h(n,null,{default:t(()=>[i("v9.2.0+")]),_:1}),i(),Es]),Bs])}const Ts=l(r,[["render",As]]);export{xs as __pageData,Ts as default};
diff --git a/assets/en-US_guide_overlay.md.NL-bUeUU.js b/assets/en-US_guide_overlay.md.qs_GiGcg.js
similarity index 99%
rename from assets/en-US_guide_overlay.md.NL-bUeUU.js
rename to assets/en-US_guide_overlay.md.qs_GiGcg.js
index 0cea16ebb..0880f847c 100644
--- a/assets/en-US_guide_overlay.md.NL-bUeUU.js
+++ b/assets/en-US_guide_overlay.md.qs_GiGcg.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const o=JSON.parse('{"title":"Overlay","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/overlay.md","filePath":"en-US/guide/overlay.md","lastUpdated":1709219794000}'),t={name:"en-US/guide/overlay.md"},h=n(`<h1 id="overlay" tabindex="-1">Overlay <a class="header-anchor" href="#overlay" aria-label="Permalink to &quot;Overlay&quot;">​</a></h1><p>This document introduces the built-in overlays in the chart and how to customize a overlay.</p><h2 id="built-in-overlay-types" tabindex="-1">Built-in overlay types <a class="header-anchor" href="#built-in-overlay-types" aria-label="Permalink to &quot;Built-in overlay types&quot;">​</a></h2><p><code>horizontalRayLine</code>, <code>horizontalSegment</code>, <code>horizontalStraightLine</code>, <code>verticalRayLine</code>, <code>verticalSegment</code>, <code>verticalStraightLine</code>, <code>rayLine</code>, <code>segment</code>, <code>straightLine</code>, <code>priceLine</code>, <code>priceChannelLine</code>, <code>parallelL</code>filineLine<code>, ci </code>, <code>simpleAnnotation</code>, <code>simpleTag</code></p><h2 id="custom-overlays" tabindex="-1">Custom overlays <a class="header-anchor" href="#custom-overlays" aria-label="Permalink to &quot;Custom overlays&quot;">​</a></h2><p>Customize an overlay, then add it globally through <code>klinecharts.registerOverlay</code>, add it to the chart and use it like the built-in overlay.</p><h3 id="attribute-description" tabindex="-1">Attribute description <a class="header-anchor" href="#attribute-description" aria-label="Permalink to &quot;Attribute description&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const o=JSON.parse('{"title":"Overlay","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/overlay.md","filePath":"en-US/guide/overlay.md","lastUpdated":1709219794000}'),t={name:"en-US/guide/overlay.md"},h=n(`<h1 id="overlay" tabindex="-1">Overlay <a class="header-anchor" href="#overlay" aria-label="Permalink to &quot;Overlay&quot;">​</a></h1><p>This document introduces the built-in overlays in the chart and how to customize a overlay.</p><h2 id="built-in-overlay-types" tabindex="-1">Built-in overlay types <a class="header-anchor" href="#built-in-overlay-types" aria-label="Permalink to &quot;Built-in overlay types&quot;">​</a></h2><p><code>horizontalRayLine</code>, <code>horizontalSegment</code>, <code>horizontalStraightLine</code>, <code>verticalRayLine</code>, <code>verticalSegment</code>, <code>verticalStraightLine</code>, <code>rayLine</code>, <code>segment</code>, <code>straightLine</code>, <code>priceLine</code>, <code>priceChannelLine</code>, <code>parallelL</code>filineLine<code>, ci </code>, <code>simpleAnnotation</code>, <code>simpleTag</code></p><h2 id="custom-overlays" tabindex="-1">Custom overlays <a class="header-anchor" href="#custom-overlays" aria-label="Permalink to &quot;Custom overlays&quot;">​</a></h2><p>Customize an overlay, then add it globally through <code>klinecharts.registerOverlay</code>, add it to the chart and use it like the built-in overlay.</p><h3 id="attribute-description" tabindex="-1">Attribute description <a class="header-anchor" href="#attribute-description" aria-label="Permalink to &quot;Attribute description&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // Name, a required field, used as the unique identifier for overlay creation</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"></span>
diff --git a/assets/en-US_guide_overlay.md.NL-bUeUU.lean.js b/assets/en-US_guide_overlay.md.qs_GiGcg.lean.js
similarity index 70%
rename from assets/en-US_guide_overlay.md.NL-bUeUU.lean.js
rename to assets/en-US_guide_overlay.md.qs_GiGcg.lean.js
index 2f7cc8860..7a7685b87 100644
--- a/assets/en-US_guide_overlay.md.NL-bUeUU.lean.js
+++ b/assets/en-US_guide_overlay.md.qs_GiGcg.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const o=JSON.parse('{"title":"Overlay","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/overlay.md","filePath":"en-US/guide/overlay.md","lastUpdated":1709219794000}'),t={name:"en-US/guide/overlay.md"},h=n("",12),l=[h];function k(e,p,r,d,y,g){return a(),i("div",null,l)}const F=s(t,[["render",k]]);export{o as __pageData,F as default};
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const o=JSON.parse('{"title":"Overlay","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/overlay.md","filePath":"en-US/guide/overlay.md","lastUpdated":1709219794000}'),t={name:"en-US/guide/overlay.md"},h=n("",12),l=[h];function k(e,p,r,d,y,g){return a(),i("div",null,l)}const F=s(t,[["render",k]]);export{o as __pageData,F as default};
diff --git a/assets/en-US_guide_styles.md.2d4oDT-0.js b/assets/en-US_guide_styles.md.NxUSGPkk.js
similarity index 99%
rename from assets/en-US_guide_styles.md.2d4oDT-0.js
rename to assets/en-US_guide_styles.md.NxUSGPkk.js
index 104086d75..c3e1e2902 100644
--- a/assets/en-US_guide_styles.md.2d4oDT-0.js
+++ b/assets/en-US_guide_styles.md.NxUSGPkk.js
@@ -1,4 +1,4 @@
-import{S as a}from"./chunks/StyleExplain.5uViWWeX.js";import{c as n,J as h,m as s,a as i,a4 as k,o as l}from"./chunks/framework.b3gnc5d8.js";const p=s("h1",{id:"🎨-style",tabindex:"-1"},[i("🎨 Style "),s("a",{class:"header-anchor",href:"#🎨-style","aria-label":'Permalink to "🎨 Style"'},"​")],-1),t=s("p",null,[i("Whether you see a point or a line on the chart, you can basically customize the style. Changes can be made via the chart method "),s("code",null,"init(ds, options)"),i(" or the chart instance method "),s("code",null,"setStyles(styles)"),i(".")],-1),F=s("h2",{id:"picture-explanation",tabindex:"-1"},[i("Picture explanation "),s("a",{class:"header-anchor",href:"#picture-explanation","aria-label":'Permalink to "Picture explanation"'},"​")],-1),e=k(`<h2 id="default-full-configuration" tabindex="-1">Default full configuration <a class="header-anchor" href="#default-full-configuration" aria-label="Permalink to &quot;Default full configuration&quot;">​</a></h2><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+import{S as a}from"./chunks/StyleExplain.80h5cdQ4.js";import{c as n,J as h,m as s,a as i,a4 as k,o as l}from"./chunks/framework.S5btFSuR.js";const p=s("h1",{id:"🎨-style",tabindex:"-1"},[i("🎨 Style "),s("a",{class:"header-anchor",href:"#🎨-style","aria-label":'Permalink to "🎨 Style"'},"​")],-1),t=s("p",null,[i("Whether you see a point or a line on the chart, you can basically customize the style. Changes can be made via the chart method "),s("code",null,"init(ds, options)"),i(" or the chart instance method "),s("code",null,"setStyles(styles)"),i(".")],-1),F=s("h2",{id:"picture-explanation",tabindex:"-1"},[i("Picture explanation "),s("a",{class:"header-anchor",href:"#picture-explanation","aria-label":'Permalink to "Picture explanation"'},"​")],-1),e=k(`<h2 id="default-full-configuration" tabindex="-1">Default full configuration <a class="header-anchor" href="#default-full-configuration" aria-label="Permalink to &quot;Default full configuration&quot;">​</a></h2><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  grid</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">    show</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#FF9CAC;--shiki-light:#005CC5;"> true</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">    horizontal</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/en-US_guide_styles.md.2d4oDT-0.lean.js b/assets/en-US_guide_styles.md.NxUSGPkk.lean.js
similarity index 88%
rename from assets/en-US_guide_styles.md.2d4oDT-0.lean.js
rename to assets/en-US_guide_styles.md.NxUSGPkk.lean.js
index 1996a7a70..20c89ff46 100644
--- a/assets/en-US_guide_styles.md.2d4oDT-0.lean.js
+++ b/assets/en-US_guide_styles.md.NxUSGPkk.lean.js
@@ -1 +1 @@
-import{S as a}from"./chunks/StyleExplain.5uViWWeX.js";import{c as n,J as h,m as s,a as i,a4 as k,o as l}from"./chunks/framework.b3gnc5d8.js";const p=s("h1",{id:"🎨-style",tabindex:"-1"},[i("🎨 Style "),s("a",{class:"header-anchor",href:"#🎨-style","aria-label":'Permalink to "🎨 Style"'},"​")],-1),t=s("p",null,[i("Whether you see a point or a line on the chart, you can basically customize the style. Changes can be made via the chart method "),s("code",null,"init(ds, options)"),i(" or the chart instance method "),s("code",null,"setStyles(styles)"),i(".")],-1),F=s("h2",{id:"picture-explanation",tabindex:"-1"},[i("Picture explanation "),s("a",{class:"header-anchor",href:"#picture-explanation","aria-label":'Permalink to "Picture explanation"'},"​")],-1),e=k("",2),E=JSON.parse('{"title":"🎨 Style","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/styles.md","filePath":"en-US/guide/styles.md","lastUpdated":1698868999000}'),r={name:"en-US/guide/styles.md"},c=Object.assign(r,{setup(D){return(d,y)=>(l(),n("div",null,[p,t,F,h(a),e]))}});export{E as __pageData,c as default};
+import{S as a}from"./chunks/StyleExplain.80h5cdQ4.js";import{c as n,J as h,m as s,a as i,a4 as k,o as l}from"./chunks/framework.S5btFSuR.js";const p=s("h1",{id:"🎨-style",tabindex:"-1"},[i("🎨 Style "),s("a",{class:"header-anchor",href:"#🎨-style","aria-label":'Permalink to "🎨 Style"'},"​")],-1),t=s("p",null,[i("Whether you see a point or a line on the chart, you can basically customize the style. Changes can be made via the chart method "),s("code",null,"init(ds, options)"),i(" or the chart instance method "),s("code",null,"setStyles(styles)"),i(".")],-1),F=s("h2",{id:"picture-explanation",tabindex:"-1"},[i("Picture explanation "),s("a",{class:"header-anchor",href:"#picture-explanation","aria-label":'Permalink to "Picture explanation"'},"​")],-1),e=k("",2),E=JSON.parse('{"title":"🎨 Style","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/styles.md","filePath":"en-US/guide/styles.md","lastUpdated":1698868999000}'),r={name:"en-US/guide/styles.md"},c=Object.assign(r,{setup(D){return(d,y)=>(l(),n("div",null,[p,t,F,h(a),e]))}});export{E as __pageData,c as default};
diff --git a/assets/en-US_guide_v8-to-v9.md.bmmxtubU.js b/assets/en-US_guide_v8-to-v9.md.8sr1qjpO.js
similarity index 98%
rename from assets/en-US_guide_v8-to-v9.md.bmmxtubU.js
rename to assets/en-US_guide_v8-to-v9.md.8sr1qjpO.js
index 05f51f397..77850fb56 100644
--- a/assets/en-US_guide_v8-to-v9.md.bmmxtubU.js
+++ b/assets/en-US_guide_v8-to-v9.md.8sr1qjpO.js
@@ -1 +1 @@
-import{_ as e,c as o,o as d,a4 as a}from"./chunks/framework.b3gnc5d8.js";const g=JSON.parse('{"title":"🛠️ From V8 to V9","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/v8-to-v9.md","filePath":"en-US/guide/v8-to-v9.md","lastUpdated":1709219794000}'),t={name:"en-US/guide/v8-to-v9.md"},c=a('<h1 id="🛠️-from-v8-to-v9" tabindex="-1">🛠️ From V8 to V9 <a class="header-anchor" href="#🛠️-from-v8-to-v9" aria-label="Permalink to &quot;🛠️ From V8 to V9&quot;">​</a></h1><p>This document will help you upgrade from kinecharts 8.x to klinecharts 9.x. If you are 7.x or older, please refer to the previous upgrade document to upgrade to 8.x.</p><h2 id="import-adjustment" tabindex="-1">Import adjustment <a class="header-anchor" href="#import-adjustment" aria-label="Permalink to &quot;Import adjustment&quot;">​</a></h2><p><code>klinecharts/index.blank&#39;</code> and <code>klinecharts/index.simple</code> are no longer distinguished. Please use <code>import {...} from klinecharts</code> uniformly.</p><h2 id="design-adjustment" tabindex="-1">Design adjustment <a class="header-anchor" href="#design-adjustment" aria-label="Permalink to &quot;Design adjustment&quot;">​</a></h2><p><code>shape</code>, <code>annotation</code>, <code>tag</code> are merged into <code>overlay</code>. Please refer to <a href="./overlay.html">overlay</a> for details.</p><h2 id="style-configuration-adjustment" tabindex="-1">Style configuration adjustment <a class="header-anchor" href="#style-configuration-adjustment" aria-label="Permalink to &quot;Style configuration adjustment&quot;">​</a></h2><ul><li>The style options of all lines are changed to <code>dashed</code> and <code>dashValue</code> to <code>dashedValue</code>.</li><li><code>candle.tooltip.labels</code> and <code>candle.tooltip.values</code> are merged into <code>candle.tooltip.custom</code>.</li><li><code>xAxis.height</code> is changed to <code>xAxis.size</code>, <code>xAxis.tickeText.paddingTop</code> is changed to <code>xAxis.tickeText.marinStart</code>, and <code>xAxis.tickeText.paddingBottom</code> is changed to <code>xAxis.tickeText.marginEnd</code>.</li><li><code>yAxis.height</code> is changed to <code>yAxis.size</code>, <code>yAxis.tickeText.paddingTop</code> is changed to <code>yAxis.tickeText.marinStart</code>, and <code>yAxis.tickeText.paddingBottom</code> is changed to <code>yAxis.tickeText.marginEnd</code>.</li><li><code>technicalIndicator.bar</code> is changed to <code>indicator.bars</code>, <code>technicalIndicator.line</code> is changed to <code>indicator.lines</code>，<code>technicalIndicator.circle</code> is changed to <code>indicator.circles</code>.</li><li>Delete <code>shape</code>, <code>annotation</code>, <code>tag</code>, please use <code>overlay</code> instead.</li></ul><h2 id="api-adjustment" tabindex="-1">API adjustment <a class="header-anchor" href="#api-adjustment" aria-label="Permalink to &quot;API adjustment&quot;">​</a></h2><h3 id="chart-api" tabindex="-1">Chart API <a class="header-anchor" href="#chart-api" aria-label="Permalink to &quot;Chart API&quot;">​</a></h3><ul><li><code>extension.addTechnicalIndicatorTemplate(template)</code> is changed to <code>registerIndicator(template)</code>.</li><li>Delete <code>extension.addShapeTemplate(template)</code>, please use <code>registerOverlay(template)</code> instead.</li></ul><h3 id="instance-api" tabindex="-1">Instance API <a class="header-anchor" href="#instance-api" aria-label="Permalink to &quot;Instance API&quot;">​</a></h3><ul><li><code>getDom({paneId, position})</code> is changed to <code>getDom(paneId, position)</code>, and the parameter <code>position</code> option is changed to <code>root</code>, <code>main</code> and <code>yAxis</code>.</li><li><code>getWidth()</code> and <code>getHeight()</code> are combined into a method &#39;<code>getSize(paneId, position)</code>.</li><li><code>setStyleOptions(styles)</code> is changed to <code>setStyles(styles)</code>.</li><li><code>getStyleOptions()</code> is changed to <code>getStyles()</code>.</li><li><code>setOffsetRightSpace(space)</code> is changed to <code>setOffsetRightDistance(distance)</code>.</li><li><code>createTechnicalIndicator(value, isStack, paneOptions)</code> is changed to <code>createIndicator(value, isStack, paneOptions)</code>.</li><li><code>overrideTechnicalIndicator(override, paneId)</code> is changed to <code>overrideIndicator(override, paneId)</code>.</li><li><code>getTechnicalIndicatorByPaneId(paneId, name)</code> is changed to <code>getIndicatorByPaneId(paneId, name)</code>.</li><li><code>removeTechnicalIndicator(paneId, name)</code> is changed to <code>removeIndicator(paneId, name)</code>.</li><li><code>subscribeAction(type, callback)</code> and <code>unsubscribeAction(type, callback)</code>. The parameter <code>type</code> option is changed to <code> onZoom</code>, <code>onScroll</code>, <code>onCrosshairChange</code>, <code>onVisibleRangeChange</code> and <code>onPaneDrag</code>.</li><li><code>convertToPixel(value, finder)</code> and <code>convertFromPixel(coordinate, finder)</code>, the parameter <code>finder.absoluteYAxis</code> is changed to <code>finder.absolute</code>.</li><li>To delete <code>createShape(value, paneId)</code>, <code>createAnnotation(annotation, paneId)</code>, <code>createTag(tag, paneId)</code>, please use <code>createOverlay(value, paneId)</code> instead.</li><li>To delete <code>removeShape(id)</code>, <code>removeAnnotation(paneId, points)</code>, <code>removeTag(paneId, tagId)</code>, please use <code>removeOverlay(id)</code> instead.</li><li>To delete <code>setShapeOptions(options)</code>, use <code>overrideOverlay(override)</code> instead.</li><li>To delete <code>createHtml(html, paneId)</code>, <code>removeHtml(paneId, htmlId)</code>, please obtain the corresponding dom through <code>getDom(paneId, position)</code>.</li><li>To delete <code>getTechnicalIndicatorByPaneId(paneId, name)</code>.</li></ul><h3 id="shape-help-api" tabindex="-1">Shape help API <a class="header-anchor" href="#shape-help-api" aria-label="Permalink to &quot;Shape help API&quot;">​</a></h3><ul><li>All APIs are migrated to &#39;klinecharts.utils&#39;.</li></ul><h2 id="customized-technical-indicator-adjustment" tabindex="-1">Customized technical indicator adjustment <a class="header-anchor" href="#customized-technical-indicator-adjustment" aria-label="Permalink to &quot;Customized technical indicator adjustment&quot;">​</a></h2><ul><li>Attribute <code>plots</code> is changed to <code>figures</code>, sub item methods <code>color</code>, <code>isStroke</code>, <code>isDashed</code> are merged into <code>styles</code>.</li><li>Change the method &#39;<code>regeneratePlots(params)</code> to <code>regenerateFigures(params)</code>.</li><li>The method <code>calcTechnicalIndicator(kLineDataList, options)</code> is changed to <code>calc(kLineDataList, indicator)</code>.</li><li>The method <code>createTooltipDataSource({ dataSource, viewport, crosshair, technicalIndicator, xAxis, yAxis, defaultStyles })</code> is changed to <code>createTooltipDataSource({ kLineDataList, indicator, visibleRange, bounding, crosshair, defaultStyles, xAxis, yAxis })</code>. The return value is determined by <code>[{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; } ]</code> Change to <code>{ name: &#39;xxx&#39;, calcParamsText: &#39;xxx&#39;, values: [{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; }, ...] }</code>.</li><li>The method <code>render({ctx, dataSource, viewport, styles, xAxis, yAxis})</code> is changed to <code>draw({ ctx, kLineDataList, indicator, visibleRange, bounding, barSpace, defaultStyles, xAxis, yAxis })</code>.</li><li>Delete the attribute <code>shouldCheckParamCount</code>.</li></ul>',17),i=[c];function n(l,r,s,h,p,u){return d(),o("div",null,i)}const x=e(t,[["render",n]]);export{g as __pageData,x as default};
+import{_ as e,c as o,o as d,a4 as a}from"./chunks/framework.S5btFSuR.js";const g=JSON.parse('{"title":"🛠️ From V8 to V9","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/v8-to-v9.md","filePath":"en-US/guide/v8-to-v9.md","lastUpdated":1709219794000}'),t={name:"en-US/guide/v8-to-v9.md"},c=a('<h1 id="🛠️-from-v8-to-v9" tabindex="-1">🛠️ From V8 to V9 <a class="header-anchor" href="#🛠️-from-v8-to-v9" aria-label="Permalink to &quot;🛠️ From V8 to V9&quot;">​</a></h1><p>This document will help you upgrade from kinecharts 8.x to klinecharts 9.x. If you are 7.x or older, please refer to the previous upgrade document to upgrade to 8.x.</p><h2 id="import-adjustment" tabindex="-1">Import adjustment <a class="header-anchor" href="#import-adjustment" aria-label="Permalink to &quot;Import adjustment&quot;">​</a></h2><p><code>klinecharts/index.blank&#39;</code> and <code>klinecharts/index.simple</code> are no longer distinguished. Please use <code>import {...} from klinecharts</code> uniformly.</p><h2 id="design-adjustment" tabindex="-1">Design adjustment <a class="header-anchor" href="#design-adjustment" aria-label="Permalink to &quot;Design adjustment&quot;">​</a></h2><p><code>shape</code>, <code>annotation</code>, <code>tag</code> are merged into <code>overlay</code>. Please refer to <a href="./overlay.html">overlay</a> for details.</p><h2 id="style-configuration-adjustment" tabindex="-1">Style configuration adjustment <a class="header-anchor" href="#style-configuration-adjustment" aria-label="Permalink to &quot;Style configuration adjustment&quot;">​</a></h2><ul><li>The style options of all lines are changed to <code>dashed</code> and <code>dashValue</code> to <code>dashedValue</code>.</li><li><code>candle.tooltip.labels</code> and <code>candle.tooltip.values</code> are merged into <code>candle.tooltip.custom</code>.</li><li><code>xAxis.height</code> is changed to <code>xAxis.size</code>, <code>xAxis.tickeText.paddingTop</code> is changed to <code>xAxis.tickeText.marinStart</code>, and <code>xAxis.tickeText.paddingBottom</code> is changed to <code>xAxis.tickeText.marginEnd</code>.</li><li><code>yAxis.height</code> is changed to <code>yAxis.size</code>, <code>yAxis.tickeText.paddingTop</code> is changed to <code>yAxis.tickeText.marinStart</code>, and <code>yAxis.tickeText.paddingBottom</code> is changed to <code>yAxis.tickeText.marginEnd</code>.</li><li><code>technicalIndicator.bar</code> is changed to <code>indicator.bars</code>, <code>technicalIndicator.line</code> is changed to <code>indicator.lines</code>，<code>technicalIndicator.circle</code> is changed to <code>indicator.circles</code>.</li><li>Delete <code>shape</code>, <code>annotation</code>, <code>tag</code>, please use <code>overlay</code> instead.</li></ul><h2 id="api-adjustment" tabindex="-1">API adjustment <a class="header-anchor" href="#api-adjustment" aria-label="Permalink to &quot;API adjustment&quot;">​</a></h2><h3 id="chart-api" tabindex="-1">Chart API <a class="header-anchor" href="#chart-api" aria-label="Permalink to &quot;Chart API&quot;">​</a></h3><ul><li><code>extension.addTechnicalIndicatorTemplate(template)</code> is changed to <code>registerIndicator(template)</code>.</li><li>Delete <code>extension.addShapeTemplate(template)</code>, please use <code>registerOverlay(template)</code> instead.</li></ul><h3 id="instance-api" tabindex="-1">Instance API <a class="header-anchor" href="#instance-api" aria-label="Permalink to &quot;Instance API&quot;">​</a></h3><ul><li><code>getDom({paneId, position})</code> is changed to <code>getDom(paneId, position)</code>, and the parameter <code>position</code> option is changed to <code>root</code>, <code>main</code> and <code>yAxis</code>.</li><li><code>getWidth()</code> and <code>getHeight()</code> are combined into a method &#39;<code>getSize(paneId, position)</code>.</li><li><code>setStyleOptions(styles)</code> is changed to <code>setStyles(styles)</code>.</li><li><code>getStyleOptions()</code> is changed to <code>getStyles()</code>.</li><li><code>setOffsetRightSpace(space)</code> is changed to <code>setOffsetRightDistance(distance)</code>.</li><li><code>createTechnicalIndicator(value, isStack, paneOptions)</code> is changed to <code>createIndicator(value, isStack, paneOptions)</code>.</li><li><code>overrideTechnicalIndicator(override, paneId)</code> is changed to <code>overrideIndicator(override, paneId)</code>.</li><li><code>getTechnicalIndicatorByPaneId(paneId, name)</code> is changed to <code>getIndicatorByPaneId(paneId, name)</code>.</li><li><code>removeTechnicalIndicator(paneId, name)</code> is changed to <code>removeIndicator(paneId, name)</code>.</li><li><code>subscribeAction(type, callback)</code> and <code>unsubscribeAction(type, callback)</code>. The parameter <code>type</code> option is changed to <code> onZoom</code>, <code>onScroll</code>, <code>onCrosshairChange</code>, <code>onVisibleRangeChange</code> and <code>onPaneDrag</code>.</li><li><code>convertToPixel(value, finder)</code> and <code>convertFromPixel(coordinate, finder)</code>, the parameter <code>finder.absoluteYAxis</code> is changed to <code>finder.absolute</code>.</li><li>To delete <code>createShape(value, paneId)</code>, <code>createAnnotation(annotation, paneId)</code>, <code>createTag(tag, paneId)</code>, please use <code>createOverlay(value, paneId)</code> instead.</li><li>To delete <code>removeShape(id)</code>, <code>removeAnnotation(paneId, points)</code>, <code>removeTag(paneId, tagId)</code>, please use <code>removeOverlay(id)</code> instead.</li><li>To delete <code>setShapeOptions(options)</code>, use <code>overrideOverlay(override)</code> instead.</li><li>To delete <code>createHtml(html, paneId)</code>, <code>removeHtml(paneId, htmlId)</code>, please obtain the corresponding dom through <code>getDom(paneId, position)</code>.</li><li>To delete <code>getTechnicalIndicatorByPaneId(paneId, name)</code>.</li></ul><h3 id="shape-help-api" tabindex="-1">Shape help API <a class="header-anchor" href="#shape-help-api" aria-label="Permalink to &quot;Shape help API&quot;">​</a></h3><ul><li>All APIs are migrated to &#39;klinecharts.utils&#39;.</li></ul><h2 id="customized-technical-indicator-adjustment" tabindex="-1">Customized technical indicator adjustment <a class="header-anchor" href="#customized-technical-indicator-adjustment" aria-label="Permalink to &quot;Customized technical indicator adjustment&quot;">​</a></h2><ul><li>Attribute <code>plots</code> is changed to <code>figures</code>, sub item methods <code>color</code>, <code>isStroke</code>, <code>isDashed</code> are merged into <code>styles</code>.</li><li>Change the method &#39;<code>regeneratePlots(params)</code> to <code>regenerateFigures(params)</code>.</li><li>The method <code>calcTechnicalIndicator(kLineDataList, options)</code> is changed to <code>calc(kLineDataList, indicator)</code>.</li><li>The method <code>createTooltipDataSource({ dataSource, viewport, crosshair, technicalIndicator, xAxis, yAxis, defaultStyles })</code> is changed to <code>createTooltipDataSource({ kLineDataList, indicator, visibleRange, bounding, crosshair, defaultStyles, xAxis, yAxis })</code>. The return value is determined by <code>[{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; } ]</code> Change to <code>{ name: &#39;xxx&#39;, calcParamsText: &#39;xxx&#39;, values: [{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; }, ...] }</code>.</li><li>The method <code>render({ctx, dataSource, viewport, styles, xAxis, yAxis})</code> is changed to <code>draw({ ctx, kLineDataList, indicator, visibleRange, bounding, barSpace, defaultStyles, xAxis, yAxis })</code>.</li><li>Delete the attribute <code>shouldCheckParamCount</code>.</li></ul>',17),i=[c];function n(l,r,s,h,p,u){return d(),o("div",null,i)}const x=e(t,[["render",n]]);export{g as __pageData,x as default};
diff --git a/assets/en-US_guide_v8-to-v9.md.bmmxtubU.lean.js b/assets/en-US_guide_v8-to-v9.md.8sr1qjpO.lean.js
similarity index 71%
rename from assets/en-US_guide_v8-to-v9.md.bmmxtubU.lean.js
rename to assets/en-US_guide_v8-to-v9.md.8sr1qjpO.lean.js
index c189cb3cc..346247f8e 100644
--- a/assets/en-US_guide_v8-to-v9.md.bmmxtubU.lean.js
+++ b/assets/en-US_guide_v8-to-v9.md.8sr1qjpO.lean.js
@@ -1 +1 @@
-import{_ as e,c as o,o as d,a4 as a}from"./chunks/framework.b3gnc5d8.js";const g=JSON.parse('{"title":"🛠️ From V8 to V9","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/v8-to-v9.md","filePath":"en-US/guide/v8-to-v9.md","lastUpdated":1709219794000}'),t={name:"en-US/guide/v8-to-v9.md"},c=a("",17),i=[c];function n(l,r,s,h,p,u){return d(),o("div",null,i)}const x=e(t,[["render",n]]);export{g as __pageData,x as default};
+import{_ as e,c as o,o as d,a4 as a}from"./chunks/framework.S5btFSuR.js";const g=JSON.parse('{"title":"🛠️ From V8 to V9","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/v8-to-v9.md","filePath":"en-US/guide/v8-to-v9.md","lastUpdated":1709219794000}'),t={name:"en-US/guide/v8-to-v9.md"},c=a("",17),i=[c];function n(l,r,s,h,p,u){return d(),o("div",null,i)}const x=e(t,[["render",n]]);export{g as __pageData,x as default};
diff --git a/assets/en-US_guide_what-is-klinechart.md.IeSNEnMI.js b/assets/en-US_guide_what-is-klinechart.md.DomNlsHt.js
similarity index 92%
rename from assets/en-US_guide_what-is-klinechart.md.IeSNEnMI.js
rename to assets/en-US_guide_what-is-klinechart.md.DomNlsHt.js
index 1a25f25f6..07601fa51 100644
--- a/assets/en-US_guide_what-is-klinechart.md.IeSNEnMI.js
+++ b/assets/en-US_guide_what-is-klinechart.md.DomNlsHt.js
@@ -1 +1 @@
-import{_ as t,c as e,o as a,a4 as i}from"./chunks/framework.b3gnc5d8.js";const _=JSON.parse('{"title":"📃 Introducation","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/what-is-klinechart.md","filePath":"en-US/guide/what-is-klinechart.md","lastUpdated":1679166638000}'),n={name:"en-US/guide/what-is-klinechart.md"},o=i('<h1 id="📃-introducation" tabindex="-1">📃 Introducation <a class="header-anchor" href="#📃-introducation" aria-label="Permalink to &quot;📃 Introducation&quot;">​</a></h1><h2 id="what-s-klinechart" tabindex="-1">What&#39;s KLineChart? <a class="header-anchor" href="#what-s-klinechart" aria-label="Permalink to &quot;What&#39;s KLineChart?&quot;">​</a></h2><p>KLineChart，it is a highly customizable professional lightweight financial chart.</p><h2 id="features" tabindex="-1">Features <a class="header-anchor" href="#features" aria-label="Permalink to &quot;Features&quot;">​</a></h2><ul><li>📦 <strong>Out of the box:</strong> Simple and fast integration, basically zero cost to get started.</li><li>🚀 <strong>Lightweight and smooth:</strong> Zero dependencies, only 40k under gzip compression.</li><li>💪 <strong>Powerful functions:</strong> Built-in multiple indicators and line drawing models.</li><li>🎨 <strong>Highly scalable:</strong> With rich style configuration and API, the function can be extended as you like.</li><li>📱 <strong>Mobile:</strong> Support mobile, one chart, handle multiple terminals.</li><li>🛡 <strong>Typescript development:</strong> Provide complete type definition files.</li></ul>',5),r=[o];function s(l,c,h,d,u,p){return a(),e("div",null,r)}const f=t(n,[["render",s]]);export{_ as __pageData,f as default};
+import{_ as t,c as e,o as a,a4 as i}from"./chunks/framework.S5btFSuR.js";const _=JSON.parse('{"title":"📃 Introducation","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/what-is-klinechart.md","filePath":"en-US/guide/what-is-klinechart.md","lastUpdated":1679166638000}'),n={name:"en-US/guide/what-is-klinechart.md"},o=i('<h1 id="📃-introducation" tabindex="-1">📃 Introducation <a class="header-anchor" href="#📃-introducation" aria-label="Permalink to &quot;📃 Introducation&quot;">​</a></h1><h2 id="what-s-klinechart" tabindex="-1">What&#39;s KLineChart? <a class="header-anchor" href="#what-s-klinechart" aria-label="Permalink to &quot;What&#39;s KLineChart?&quot;">​</a></h2><p>KLineChart，it is a highly customizable professional lightweight financial chart.</p><h2 id="features" tabindex="-1">Features <a class="header-anchor" href="#features" aria-label="Permalink to &quot;Features&quot;">​</a></h2><ul><li>📦 <strong>Out of the box:</strong> Simple and fast integration, basically zero cost to get started.</li><li>🚀 <strong>Lightweight and smooth:</strong> Zero dependencies, only 40k under gzip compression.</li><li>💪 <strong>Powerful functions:</strong> Built-in multiple indicators and line drawing models.</li><li>🎨 <strong>Highly scalable:</strong> With rich style configuration and API, the function can be extended as you like.</li><li>📱 <strong>Mobile:</strong> Support mobile, one chart, handle multiple terminals.</li><li>🛡 <strong>Typescript development:</strong> Provide complete type definition files.</li></ul>',5),r=[o];function s(l,c,h,d,u,p){return a(),e("div",null,r)}const f=t(n,[["render",s]]);export{_ as __pageData,f as default};
diff --git a/assets/en-US_guide_what-is-klinechart.md.IeSNEnMI.lean.js b/assets/en-US_guide_what-is-klinechart.md.DomNlsHt.lean.js
similarity index 73%
rename from assets/en-US_guide_what-is-klinechart.md.IeSNEnMI.lean.js
rename to assets/en-US_guide_what-is-klinechart.md.DomNlsHt.lean.js
index 77f56d463..2b1d136dd 100644
--- a/assets/en-US_guide_what-is-klinechart.md.IeSNEnMI.lean.js
+++ b/assets/en-US_guide_what-is-klinechart.md.DomNlsHt.lean.js
@@ -1 +1 @@
-import{_ as t,c as e,o as a,a4 as i}from"./chunks/framework.b3gnc5d8.js";const _=JSON.parse('{"title":"📃 Introducation","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/what-is-klinechart.md","filePath":"en-US/guide/what-is-klinechart.md","lastUpdated":1679166638000}'),n={name:"en-US/guide/what-is-klinechart.md"},o=i("",5),r=[o];function s(l,c,h,d,u,p){return a(),e("div",null,r)}const f=t(n,[["render",s]]);export{_ as __pageData,f as default};
+import{_ as t,c as e,o as a,a4 as i}from"./chunks/framework.S5btFSuR.js";const _=JSON.parse('{"title":"📃 Introducation","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/guide/what-is-klinechart.md","filePath":"en-US/guide/what-is-klinechart.md","lastUpdated":1679166638000}'),n={name:"en-US/guide/what-is-klinechart.md"},o=i("",5),r=[o];function s(l,c,h,d,u,p){return a(),e("div",null,r)}const f=t(n,[["render",s]]);export{_ as __pageData,f as default};
diff --git a/assets/en-US_index.md.FPotMOGe.js b/assets/en-US_index.md.OS0zQc9a.js
similarity index 96%
rename from assets/en-US_index.md.FPotMOGe.js
rename to assets/en-US_index.md.OS0zQc9a.js
index 40d14b577..ed31b539f 100644
--- a/assets/en-US_index.md.FPotMOGe.js
+++ b/assets/en-US_index.md.OS0zQc9a.js
@@ -1 +1 @@
-import{_ as t,c as e,o as i}from"./chunks/framework.b3gnc5d8.js";const g=JSON.parse('{"title":"Highly customizable professional lightweight financial chart","description":"","frontmatter":{"title":"Highly customizable professional lightweight financial chart","layout":"home","hero":{"name":"KLineChart","text":"Highly customizable professional lightweight financial chart","tagline":"Easy to use, lightweight and smooth, suitable for web front-end financial chart with rich scenarios.","image":{"src":"/images/logo_hero.svg","alt":"KLineChart"},"actions":[{"theme":"brand","text":"Getting Started","link":"/en-US/guide/getting-started"},{"theme":"alt","text":"View on Github","link":"https://github.com/liihuu/KLineChart"}]},"features":[{"icon":{"src":"/images/box.png"},"title":"Out of the box","details":"Simple and fast integration, zero cost to get started, only 3 lines of code to display a chart, so that all attention can be focused on data docking."},{"icon":{"src":"/images/rocket.png"},"title":"Lightweight and smooth","details":"Zero dependency, only about 50k under Gzip compression, and less than 1 millisecond to load under 4G network. Charts remain fluid even with thousands of candles."},{"icon":{"src":"/images/expand.png"},"title":"Highly expand","details":"Provide rich configuration and Api, style modification, function collocation as you like. Provide technical indicators and line drawing model extensions, so that the chart has more possibilities."}]},"headers":[],"relativePath":"en-US/index.md","filePath":"en-US/index.md","lastUpdated":1703707313000}'),a={name:"en-US/index.md"};function n(o,s,l,r,c,d){return i(),e("div")}const m=t(a,[["render",n]]);export{g as __pageData,m as default};
+import{_ as t,c as e,o as i}from"./chunks/framework.S5btFSuR.js";const g=JSON.parse('{"title":"Highly customizable professional lightweight financial chart","description":"","frontmatter":{"title":"Highly customizable professional lightweight financial chart","layout":"home","hero":{"name":"KLineChart","text":"Highly customizable professional lightweight financial chart","tagline":"Easy to use, lightweight and smooth, suitable for web front-end financial chart with rich scenarios.","image":{"src":"/images/logo_hero.svg","alt":"KLineChart"},"actions":[{"theme":"brand","text":"Getting Started","link":"/en-US/guide/getting-started"},{"theme":"alt","text":"View on Github","link":"https://github.com/liihuu/KLineChart"}]},"features":[{"icon":{"src":"/images/box.png"},"title":"Out of the box","details":"Simple and fast integration, zero cost to get started, only 3 lines of code to display a chart, so that all attention can be focused on data docking."},{"icon":{"src":"/images/rocket.png"},"title":"Lightweight and smooth","details":"Zero dependency, only about 50k under Gzip compression, and less than 1 millisecond to load under 4G network. Charts remain fluid even with thousands of candles."},{"icon":{"src":"/images/expand.png"},"title":"Highly expand","details":"Provide rich configuration and Api, style modification, function collocation as you like. Provide technical indicators and line drawing model extensions, so that the chart has more possibilities."}]},"headers":[],"relativePath":"en-US/index.md","filePath":"en-US/index.md","lastUpdated":1703707313000}'),a={name:"en-US/index.md"};function n(o,s,l,r,c,d){return i(),e("div")}const m=t(a,[["render",n]]);export{g as __pageData,m as default};
diff --git a/assets/en-US_index.md.FPotMOGe.lean.js b/assets/en-US_index.md.OS0zQc9a.lean.js
similarity index 96%
rename from assets/en-US_index.md.FPotMOGe.lean.js
rename to assets/en-US_index.md.OS0zQc9a.lean.js
index 40d14b577..ed31b539f 100644
--- a/assets/en-US_index.md.FPotMOGe.lean.js
+++ b/assets/en-US_index.md.OS0zQc9a.lean.js
@@ -1 +1 @@
-import{_ as t,c as e,o as i}from"./chunks/framework.b3gnc5d8.js";const g=JSON.parse('{"title":"Highly customizable professional lightweight financial chart","description":"","frontmatter":{"title":"Highly customizable professional lightweight financial chart","layout":"home","hero":{"name":"KLineChart","text":"Highly customizable professional lightweight financial chart","tagline":"Easy to use, lightweight and smooth, suitable for web front-end financial chart with rich scenarios.","image":{"src":"/images/logo_hero.svg","alt":"KLineChart"},"actions":[{"theme":"brand","text":"Getting Started","link":"/en-US/guide/getting-started"},{"theme":"alt","text":"View on Github","link":"https://github.com/liihuu/KLineChart"}]},"features":[{"icon":{"src":"/images/box.png"},"title":"Out of the box","details":"Simple and fast integration, zero cost to get started, only 3 lines of code to display a chart, so that all attention can be focused on data docking."},{"icon":{"src":"/images/rocket.png"},"title":"Lightweight and smooth","details":"Zero dependency, only about 50k under Gzip compression, and less than 1 millisecond to load under 4G network. Charts remain fluid even with thousands of candles."},{"icon":{"src":"/images/expand.png"},"title":"Highly expand","details":"Provide rich configuration and Api, style modification, function collocation as you like. Provide technical indicators and line drawing model extensions, so that the chart has more possibilities."}]},"headers":[],"relativePath":"en-US/index.md","filePath":"en-US/index.md","lastUpdated":1703707313000}'),a={name:"en-US/index.md"};function n(o,s,l,r,c,d){return i(),e("div")}const m=t(a,[["render",n]]);export{g as __pageData,m as default};
+import{_ as t,c as e,o as i}from"./chunks/framework.S5btFSuR.js";const g=JSON.parse('{"title":"Highly customizable professional lightweight financial chart","description":"","frontmatter":{"title":"Highly customizable professional lightweight financial chart","layout":"home","hero":{"name":"KLineChart","text":"Highly customizable professional lightweight financial chart","tagline":"Easy to use, lightweight and smooth, suitable for web front-end financial chart with rich scenarios.","image":{"src":"/images/logo_hero.svg","alt":"KLineChart"},"actions":[{"theme":"brand","text":"Getting Started","link":"/en-US/guide/getting-started"},{"theme":"alt","text":"View on Github","link":"https://github.com/liihuu/KLineChart"}]},"features":[{"icon":{"src":"/images/box.png"},"title":"Out of the box","details":"Simple and fast integration, zero cost to get started, only 3 lines of code to display a chart, so that all attention can be focused on data docking."},{"icon":{"src":"/images/rocket.png"},"title":"Lightweight and smooth","details":"Zero dependency, only about 50k under Gzip compression, and less than 1 millisecond to load under 4G network. Charts remain fluid even with thousands of candles."},{"icon":{"src":"/images/expand.png"},"title":"Highly expand","details":"Provide rich configuration and Api, style modification, function collocation as you like. Provide technical indicators and line drawing model extensions, so that the chart has more possibilities."}]},"headers":[],"relativePath":"en-US/index.md","filePath":"en-US/index.md","lastUpdated":1703707313000}'),a={name:"en-US/index.md"};function n(o,s,l,r,c,d){return i(),e("div")}const m=t(a,[["render",n]]);export{g as __pageData,m as default};
diff --git a/assets/en-US_sample_axis.md.JNg0QnHJ.js b/assets/en-US_sample_axis.md.5e2auj5u.js
similarity index 99%
rename from assets/en-US_sample_axis.md.JNg0QnHJ.js
rename to assets/en-US_sample_axis.md.5e2auj5u.js
index 82a6a3dc2..c080a9446 100644
--- a/assets/en-US_sample_axis.md.JNg0QnHJ.js
+++ b/assets/en-US_sample_axis.md.5e2auj5u.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.NJyxUrxi.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"axis",tabindex:"-1"},[l("Axis "),a("a",{class:"header-anchor",href:"#axis","aria-label":'Permalink to "Axis"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-X95qH" id="tab--9TVuST" checked="checked"><label for="tab--9TVuST">JavaScript</label><input type="radio" name="group-X95qH" id="tab-5C7MumL"><label for="tab-5C7MumL">HTML</label><input type="radio" name="group-X95qH" id="tab-fWk5rMU"><label for="tab-fWk5rMU">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.NJyxUrxi.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"axis",tabindex:"-1"},[l("Axis "),a("a",{class:"header-anchor",href:"#axis","aria-label":'Permalink to "Axis"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-Kh8rm" id="tab-cPhNStb" checked="checked"><label for="tab-cPhNStb">JavaScript</label><input type="radio" name="group-Kh8rm" id="tab-sZc8GqH"><label for="tab-sZc8GqH">HTML</label><input type="radio" name="group-Kh8rm" id="tab-a4ZshFh"><label for="tab-a4ZshFh">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/en-US_sample_axis.md.JNg0QnHJ.lean.js b/assets/en-US_sample_axis.md.5e2auj5u.lean.js
similarity index 84%
rename from assets/en-US_sample_axis.md.JNg0QnHJ.lean.js
rename to assets/en-US_sample_axis.md.5e2auj5u.lean.js
index e324cf960..2d468f8f0 100644
--- a/assets/en-US_sample_axis.md.JNg0QnHJ.lean.js
+++ b/assets/en-US_sample_axis.md.5e2auj5u.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.NJyxUrxi.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"axis",tabindex:"-1"},[l("Axis "),a("a",{class:"header-anchor",href:"#axis","aria-label":'Permalink to "Axis"'},"​")],-1),r=p("",1),A=JSON.parse('{"title":"Axis","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/axis.md","filePath":"en-US/sample/axis.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/axis.md"},C=Object.assign(F,{setup(D){return(d,y)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"Axis"},null,8,["js","html","css"]),r]))}});export{A as __pageData,C as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.NJyxUrxi.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"axis",tabindex:"-1"},[l("Axis "),a("a",{class:"header-anchor",href:"#axis","aria-label":'Permalink to "Axis"'},"​")],-1),r=p("",1),A=JSON.parse('{"title":"Axis","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/axis.md","filePath":"en-US/sample/axis.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/axis.md"},C=Object.assign(F,{setup(D){return(d,y)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"Axis"},null,8,["js","html","css"]),r]))}});export{A as __pageData,C as default};
diff --git a/assets/en-US_sample_basic.md.QvgKzbO9.js b/assets/en-US_sample_basic.md.3PMOaPoH.js
similarity index 98%
rename from assets/en-US_sample_basic.md.QvgKzbO9.js
rename to assets/en-US_sample_basic.md.3PMOaPoH.js
index ed193300a..d14f1bf34 100644
--- a/assets/en-US_sample_basic.md.QvgKzbO9.js
+++ b/assets/en-US_sample_basic.md.3PMOaPoH.js
@@ -1,4 +1,4 @@
-import{C as h}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.NF-J8PY-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"basic",tabindex:"-1"},[l("Basic "),a("a",{class:"header-anchor",href:"#basic","aria-label":'Permalink to "Basic"'},"​")],-1),r=t(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-UzekR" id="tab-_XHjg-V" checked="checked"><label for="tab-_XHjg-V">JavaScript</label><input type="radio" name="group-UzekR" id="tab-eTKFaon"><label for="tab-eTKFaon">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as h}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.NF-J8PY-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"basic",tabindex:"-1"},[l("Basic "),a("a",{class:"header-anchor",href:"#basic","aria-label":'Permalink to "Basic"'},"​")],-1),r=t(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-bHqQi" id="tab-5sSGi_i" checked="checked"><label for="tab-5sSGi_i">JavaScript</label><input type="radio" name="group-bHqQi" id="tab-0r99GaB"><label for="tab-0r99GaB">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">  let</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> basePrice</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 5000</span></span>
diff --git a/assets/en-US_sample_basic.md.QvgKzbO9.lean.js b/assets/en-US_sample_basic.md.3PMOaPoH.lean.js
similarity index 83%
rename from assets/en-US_sample_basic.md.QvgKzbO9.lean.js
rename to assets/en-US_sample_basic.md.3PMOaPoH.lean.js
index 967996067..548dfb3f1 100644
--- a/assets/en-US_sample_basic.md.QvgKzbO9.lean.js
+++ b/assets/en-US_sample_basic.md.3PMOaPoH.lean.js
@@ -1 +1 @@
-import{C as h}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.NF-J8PY-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"basic",tabindex:"-1"},[l("Basic "),a("a",{class:"header-anchor",href:"#basic","aria-label":'Permalink to "Basic"'},"​")],-1),r=t("",1),C=JSON.parse('{"title":"Basic","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/basic.md","filePath":"en-US/sample/basic.md","lastUpdated":1702763973000}'),d={name:"en-US/sample/basic.md"},c=Object.assign(d,{setup(F){return(D,g)=>(p(),n("div",null,[e,k(h,{js:i(s)["index.js"],html:i(s)["index.html"],title:"Basic"},null,8,["js","html"]),r]))}});export{C as __pageData,c as default};
+import{C as h}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.NF-J8PY-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"basic",tabindex:"-1"},[l("Basic "),a("a",{class:"header-anchor",href:"#basic","aria-label":'Permalink to "Basic"'},"​")],-1),r=t("",1),C=JSON.parse('{"title":"Basic","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/basic.md","filePath":"en-US/sample/basic.md","lastUpdated":1702763973000}'),d={name:"en-US/sample/basic.md"},c=Object.assign(d,{setup(F){return(D,g)=>(p(),n("div",null,[e,k(h,{js:i(s)["index.js"],html:i(s)["index.html"],title:"Basic"},null,8,["js","html"]),r]))}});export{C as __pageData,c as default};
diff --git a/assets/en-US_sample_candle-type.md.AteKF25b.js b/assets/en-US_sample_candle-type.md.jwCYpV7R.js
similarity index 99%
rename from assets/en-US_sample_candle-type.md.AteKF25b.js
rename to assets/en-US_sample_candle-type.md.jwCYpV7R.js
index 63cabce3a..e04bf44b5 100644
--- a/assets/en-US_sample_candle-type.md.AteKF25b.js
+++ b/assets/en-US_sample_candle-type.md.jwCYpV7R.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.OtKzJCHs.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"candle-type",tabindex:"-1"},[l("Candle Type "),a("a",{class:"header-anchor",href:"#candle-type","aria-label":'Permalink to "Candle Type"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-pw5PA" id="tab-SR2KcG0" checked="checked"><label for="tab-SR2KcG0">JavaScript</label><input type="radio" name="group-pw5PA" id="tab-xOfVKqM"><label for="tab-xOfVKqM">HTML</label><input type="radio" name="group-pw5PA" id="tab-OqEMlt2"><label for="tab-OqEMlt2">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.OtKzJCHs.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"candle-type",tabindex:"-1"},[l("Candle Type "),a("a",{class:"header-anchor",href:"#candle-type","aria-label":'Permalink to "Candle Type"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-S7gJS" id="tab-1Og9Jxt" checked="checked"><label for="tab-1Og9Jxt">JavaScript</label><input type="radio" name="group-S7gJS" id="tab-Upry-OW"><label for="tab-Upry-OW">HTML</label><input type="radio" name="group-S7gJS" id="tab-H0Wome-"><label for="tab-H0Wome-">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/en-US_sample_candle-type.md.AteKF25b.lean.js b/assets/en-US_sample_candle-type.md.jwCYpV7R.lean.js
similarity index 85%
rename from assets/en-US_sample_candle-type.md.AteKF25b.lean.js
rename to assets/en-US_sample_candle-type.md.jwCYpV7R.lean.js
index ce19d8cdd..a2eb1c848 100644
--- a/assets/en-US_sample_candle-type.md.AteKF25b.lean.js
+++ b/assets/en-US_sample_candle-type.md.jwCYpV7R.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.OtKzJCHs.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"candle-type",tabindex:"-1"},[l("Candle Type "),a("a",{class:"header-anchor",href:"#candle-type","aria-label":'Permalink to "Candle Type"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"Candle Type","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/candle-type.md","filePath":"en-US/sample/candle-type.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/candle-type.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"Candle"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.OtKzJCHs.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"candle-type",tabindex:"-1"},[l("Candle Type "),a("a",{class:"header-anchor",href:"#candle-type","aria-label":'Permalink to "Candle Type"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"Candle Type","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/candle-type.md","filePath":"en-US/sample/candle-type.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/candle-type.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"Candle"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
diff --git a/assets/en-US_sample_data.md.makqmGdU.js b/assets/en-US_sample_data.md.KwS-0Ey9.js
similarity index 98%
rename from assets/en-US_sample_data.md.makqmGdU.js
rename to assets/en-US_sample_data.md.KwS-0Ey9.js
index 7defc6783..548bc7b20 100644
--- a/assets/en-US_sample_data.md.makqmGdU.js
+++ b/assets/en-US_sample_data.md.KwS-0Ey9.js
@@ -1,4 +1,4 @@
-import{C as h}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.cB-cgzs-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"data",tabindex:"-1"},[l("Data "),a("a",{class:"header-anchor",href:"#data","aria-label":'Permalink to "Data"'},"​")],-1),r=t(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-HHcWC" id="tab-WDZFKkt" checked="checked"><label for="tab-WDZFKkt">JavaScript</label><input type="radio" name="group-HHcWC" id="tab-ZKCq1ad"><label for="tab-ZKCq1ad">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as h}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.cB-cgzs-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"data",tabindex:"-1"},[l("Data "),a("a",{class:"header-anchor",href:"#data","aria-label":'Permalink to "Data"'},"​")],-1),r=t(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-VtjGR" id="tab-stIdVQl" checked="checked"><label for="tab-stIdVQl">JavaScript</label><input type="radio" name="group-VtjGR" id="tab-Ire6MIi"><label for="tab-Ire6MIi">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">  let</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> basePrice</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 5000</span></span>
diff --git a/assets/en-US_sample_data.md.makqmGdU.lean.js b/assets/en-US_sample_data.md.KwS-0Ey9.lean.js
similarity index 83%
rename from assets/en-US_sample_data.md.makqmGdU.lean.js
rename to assets/en-US_sample_data.md.KwS-0Ey9.lean.js
index f965c0bde..fdd18c78c 100644
--- a/assets/en-US_sample_data.md.makqmGdU.lean.js
+++ b/assets/en-US_sample_data.md.KwS-0Ey9.lean.js
@@ -1 +1 @@
-import{C as h}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.cB-cgzs-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"data",tabindex:"-1"},[l("Data "),a("a",{class:"header-anchor",href:"#data","aria-label":'Permalink to "Data"'},"​")],-1),r=t("",1),C=JSON.parse('{"title":"Data","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/data.md","filePath":"en-US/sample/data.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/data.md"},B=Object.assign(F,{setup(D){return(d,g)=>(p(),n("div",null,[e,k(h,{js:i(s)["index.js"],html:i(s)["index.html"],title:"Data"},null,8,["js","html"]),r]))}});export{C as __pageData,B as default};
+import{C as h}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.cB-cgzs-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"data",tabindex:"-1"},[l("Data "),a("a",{class:"header-anchor",href:"#data","aria-label":'Permalink to "Data"'},"​")],-1),r=t("",1),C=JSON.parse('{"title":"Data","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/data.md","filePath":"en-US/sample/data.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/data.md"},B=Object.assign(F,{setup(D){return(d,g)=>(p(),n("div",null,[e,k(h,{js:i(s)["index.js"],html:i(s)["index.html"],title:"Data"},null,8,["js","html"]),r]))}});export{C as __pageData,B as default};
diff --git a/assets/en-US_sample_i18n.md.gISjueFG.js b/assets/en-US_sample_i18n.md.V8elJXsA.js
similarity index 99%
rename from assets/en-US_sample_i18n.md.gISjueFG.js
rename to assets/en-US_sample_i18n.md.V8elJXsA.js
index d53d0a66d..963b0d991 100644
--- a/assets/en-US_sample_i18n.md.gISjueFG.js
+++ b/assets/en-US_sample_i18n.md.V8elJXsA.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.y2z3XanR.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"i18n",tabindex:"-1"},[l("I18n "),a("a",{class:"header-anchor",href:"#i18n","aria-label":'Permalink to "I18n"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-wvEBK" id="tab-CDeShzT" checked="checked"><label for="tab-CDeShzT">JavaScript</label><input type="radio" name="group-wvEBK" id="tab-ytbB0BN"><label for="tab-ytbB0BN">HTML</label><input type="radio" name="group-wvEBK" id="tab-nj2meC0"><label for="tab-nj2meC0">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerLocale</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.y2z3XanR.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"i18n",tabindex:"-1"},[l("I18n "),a("a",{class:"header-anchor",href:"#i18n","aria-label":'Permalink to "I18n"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-xVuql" id="tab-ELfQ8GC" checked="checked"><label for="tab-ELfQ8GC">JavaScript</label><input type="radio" name="group-xVuql" id="tab-GrG9cwW"><label for="tab-GrG9cwW">HTML</label><input type="radio" name="group-xVuql" id="tab-aSRJoXK"><label for="tab-aSRJoXK">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerLocale</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.less</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/en-US_sample_i18n.md.gISjueFG.lean.js b/assets/en-US_sample_i18n.md.V8elJXsA.lean.js
similarity index 84%
rename from assets/en-US_sample_i18n.md.gISjueFG.lean.js
rename to assets/en-US_sample_i18n.md.V8elJXsA.lean.js
index d196122e1..22373a94c 100644
--- a/assets/en-US_sample_i18n.md.gISjueFG.lean.js
+++ b/assets/en-US_sample_i18n.md.V8elJXsA.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.y2z3XanR.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"i18n",tabindex:"-1"},[l("I18n "),a("a",{class:"header-anchor",href:"#i18n","aria-label":'Permalink to "I18n"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"I18n","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/i18n.md","filePath":"en-US/sample/i18n.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/i18n.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"I18n"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.y2z3XanR.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"i18n",tabindex:"-1"},[l("I18n "),a("a",{class:"header-anchor",href:"#i18n","aria-label":'Permalink to "I18n"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"I18n","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/i18n.md","filePath":"en-US/sample/i18n.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/i18n.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"I18n"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
diff --git a/assets/en-US_sample_indicator.md.sM_nm4lX.js b/assets/en-US_sample_indicator.md.vpibD4Ua.js
similarity index 99%
rename from assets/en-US_sample_indicator.md.sM_nm4lX.js
rename to assets/en-US_sample_indicator.md.vpibD4Ua.js
index 14ec05042..207f4095e 100644
--- a/assets/en-US_sample_indicator.md.sM_nm4lX.js
+++ b/assets/en-US_sample_indicator.md.vpibD4Ua.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.kgSofxY-.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"indicator",tabindex:"-1"},[l("Indicator "),a("a",{class:"header-anchor",href:"#indicator","aria-label":'Permalink to "Indicator"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-nOnHY" id="tab-DCwPA-7" checked="checked"><label for="tab-DCwPA-7">JavaScript</label><input type="radio" name="group-nOnHY" id="tab-82gd3Ai"><label for="tab-82gd3Ai">HTML</label><input type="radio" name="group-nOnHY" id="tab-UDwRBfp"><label for="tab-UDwRBfp">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerIndicator</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.kgSofxY-.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"indicator",tabindex:"-1"},[l("Indicator "),a("a",{class:"header-anchor",href:"#indicator","aria-label":'Permalink to "Indicator"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-Dgewj" id="tab-ntCJQNx" checked="checked"><label for="tab-ntCJQNx">JavaScript</label><input type="radio" name="group-Dgewj" id="tab-bGETPCh"><label for="tab-bGETPCh">HTML</label><input type="radio" name="group-Dgewj" id="tab-o2kZro-"><label for="tab-o2kZro-">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerIndicator</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">const</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> fruits</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> [</span></span>
diff --git a/assets/en-US_sample_indicator.md.sM_nm4lX.lean.js b/assets/en-US_sample_indicator.md.vpibD4Ua.lean.js
similarity index 85%
rename from assets/en-US_sample_indicator.md.sM_nm4lX.lean.js
rename to assets/en-US_sample_indicator.md.vpibD4Ua.lean.js
index c7de81f40..1d8c44c11 100644
--- a/assets/en-US_sample_indicator.md.sM_nm4lX.lean.js
+++ b/assets/en-US_sample_indicator.md.vpibD4Ua.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.kgSofxY-.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"indicator",tabindex:"-1"},[l("Indicator "),a("a",{class:"header-anchor",href:"#indicator","aria-label":'Permalink to "Indicator"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"Indicator","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/indicator.md","filePath":"en-US/sample/indicator.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/indicator.md"},C=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"Indicator"},null,8,["js","html","css"]),r]))}});export{c as __pageData,C as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.kgSofxY-.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"indicator",tabindex:"-1"},[l("Indicator "),a("a",{class:"header-anchor",href:"#indicator","aria-label":'Permalink to "Indicator"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"Indicator","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/indicator.md","filePath":"en-US/sample/indicator.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/indicator.md"},C=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"Indicator"},null,8,["js","html","css"]),r]))}});export{c as __pageData,C as default};
diff --git a/assets/en-US_sample_overlay.md.LC8PrpQr.js b/assets/en-US_sample_overlay.md.Nk_4roIH.js
similarity index 99%
rename from assets/en-US_sample_overlay.md.LC8PrpQr.js
rename to assets/en-US_sample_overlay.md.Nk_4roIH.js
index 16188b5fd..7e577d047 100644
--- a/assets/en-US_sample_overlay.md.LC8PrpQr.js
+++ b/assets/en-US_sample_overlay.md.Nk_4roIH.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.6_i1IoHj.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"overlay",tabindex:"-1"},[l("Overlay "),a("a",{class:"header-anchor",href:"#overlay","aria-label":'Permalink to "Overlay"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-EMcx4" id="tab-0vVSkRG" checked="checked"><label for="tab-0vVSkRG">JavaScript</label><input type="radio" name="group-EMcx4" id="tab-1GyH48q"><label for="tab-1GyH48q">HTML</label><input type="radio" name="group-EMcx4" id="tab-S6uLc5C"><label for="tab-S6uLc5C">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerOverlay</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.6_i1IoHj.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"overlay",tabindex:"-1"},[l("Overlay "),a("a",{class:"header-anchor",href:"#overlay","aria-label":'Permalink to "Overlay"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-mT9mQ" id="tab-_0-_fDH" checked="checked"><label for="tab-_0-_fDH">JavaScript</label><input type="radio" name="group-mT9mQ" id="tab-5N8lZGs"><label for="tab-5N8lZGs">HTML</label><input type="radio" name="group-mT9mQ" id="tab-bO2Wc37"><label for="tab-bO2Wc37">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerOverlay</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/en-US_sample_overlay.md.LC8PrpQr.lean.js b/assets/en-US_sample_overlay.md.Nk_4roIH.lean.js
similarity index 84%
rename from assets/en-US_sample_overlay.md.LC8PrpQr.lean.js
rename to assets/en-US_sample_overlay.md.Nk_4roIH.lean.js
index 24e0128a9..13b1ad7a4 100644
--- a/assets/en-US_sample_overlay.md.LC8PrpQr.lean.js
+++ b/assets/en-US_sample_overlay.md.Nk_4roIH.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.6_i1IoHj.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"overlay",tabindex:"-1"},[l("Overlay "),a("a",{class:"header-anchor",href:"#overlay","aria-label":'Permalink to "Overlay"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"Overlay","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/overlay.md","filePath":"en-US/sample/overlay.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/overlay.md"},A=Object.assign(F,{setup(D){return(d,y)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"Overlay"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.6_i1IoHj.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"overlay",tabindex:"-1"},[l("Overlay "),a("a",{class:"header-anchor",href:"#overlay","aria-label":'Permalink to "Overlay"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"Overlay","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/overlay.md","filePath":"en-US/sample/overlay.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/overlay.md"},A=Object.assign(F,{setup(D){return(d,y)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"Overlay"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
diff --git a/assets/en-US_sample_theme.md.vLO6bEER.js b/assets/en-US_sample_theme.md.Pr7TgfVH.js
similarity index 99%
rename from assets/en-US_sample_theme.md.vLO6bEER.js
rename to assets/en-US_sample_theme.md.Pr7TgfVH.js
index d75bb7445..666686daa 100644
--- a/assets/en-US_sample_theme.md.vLO6bEER.js
+++ b/assets/en-US_sample_theme.md.Pr7TgfVH.js
@@ -1,4 +1,4 @@
-import{u as l,C as p,y as t,c as e,J as r,p as i,m as k,a as F,a4 as D,o as d}from"./chunks/framework.b3gnc5d8.js";import{C as g}from"./chunks/SampleChart.xePfGVXN.js";import{d as a}from"./chunks/index.dUYfzHaM.js";const y=k("h1",{id:"theme",tabindex:"-1"},[F("Theme "),k("a",{class:"header-anchor",href:"#theme","aria-label":'Permalink to "Theme"'},"​")],-1),E=D(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-pqxMr" id="tab-IFWJT40" checked="checked"><label for="tab-IFWJT40">JavaScript</label><input type="radio" name="group-pqxMr" id="tab-6JKgDi0"><label for="tab-6JKgDi0">HTML</label><input type="radio" name="group-pqxMr" id="tab-X8X7HQy"><label for="tab-X8X7HQy">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerStyles</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{u as l,C as p,y as t,c as e,J as r,p as i,m as k,a as F,a4 as D,o as d}from"./chunks/framework.S5btFSuR.js";import{C as g}from"./chunks/SampleChart.OnyG1hsW.js";import{d as a}from"./chunks/index.dUYfzHaM.js";const y=k("h1",{id:"theme",tabindex:"-1"},[F("Theme "),k("a",{class:"header-anchor",href:"#theme","aria-label":'Permalink to "Theme"'},"​")],-1),E=D(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-MB8-_" id="tab-eErIRQx" checked="checked"><label for="tab-eErIRQx">JavaScript</label><input type="radio" name="group-MB8-_" id="tab-9WelLNZ"><label for="tab-9WelLNZ">HTML</label><input type="radio" name="group-MB8-_" id="tab-APWgyl7"><label for="tab-APWgyl7">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerStyles</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/en-US_sample_theme.md.vLO6bEER.lean.js b/assets/en-US_sample_theme.md.Pr7TgfVH.lean.js
similarity index 88%
rename from assets/en-US_sample_theme.md.vLO6bEER.lean.js
rename to assets/en-US_sample_theme.md.Pr7TgfVH.lean.js
index 13b87f780..738da09f3 100644
--- a/assets/en-US_sample_theme.md.vLO6bEER.lean.js
+++ b/assets/en-US_sample_theme.md.Pr7TgfVH.lean.js
@@ -1 +1 @@
-import{u as l,C as p,y as t,c as e,J as r,p as i,m as k,a as F,a4 as D,o as d}from"./chunks/framework.b3gnc5d8.js";import{C as g}from"./chunks/SampleChart.xePfGVXN.js";import{d as a}from"./chunks/index.dUYfzHaM.js";const y=k("h1",{id:"theme",tabindex:"-1"},[F("Theme "),k("a",{class:"header-anchor",href:"#theme","aria-label":'Permalink to "Theme"'},"​")],-1),E=D("",1),o=JSON.parse('{"title":"Theme","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/theme.md","filePath":"en-US/sample/theme.md","lastUpdated":1702763973000}'),c={name:"en-US/sample/theme.md"},u=Object.assign(c,{setup(C){const{isDark:n}=l();return p(()=>{document.getElementById("k-line-chart").style.backgroundColor=n.value?"#1b1b1f":"#ffffff"}),t(n,h=>{const s=document.getElementById("k-line-chart");h?s.style.backgroundColor="#1b1b1f":s.style.backgroundColor="#ffffff"}),(h,s)=>(d(),e("div",null,[y,r(g,{js:i(a)["index.js"],css:i(a)["index.css"],html:i(a)["index.html"],title:"Theme"},null,8,["js","css","html"]),E]))}});export{o as __pageData,u as default};
+import{u as l,C as p,y as t,c as e,J as r,p as i,m as k,a as F,a4 as D,o as d}from"./chunks/framework.S5btFSuR.js";import{C as g}from"./chunks/SampleChart.OnyG1hsW.js";import{d as a}from"./chunks/index.dUYfzHaM.js";const y=k("h1",{id:"theme",tabindex:"-1"},[F("Theme "),k("a",{class:"header-anchor",href:"#theme","aria-label":'Permalink to "Theme"'},"​")],-1),E=D("",1),o=JSON.parse('{"title":"Theme","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/theme.md","filePath":"en-US/sample/theme.md","lastUpdated":1702763973000}'),c={name:"en-US/sample/theme.md"},u=Object.assign(c,{setup(C){const{isDark:n}=l();return p(()=>{document.getElementById("k-line-chart").style.backgroundColor=n.value?"#1b1b1f":"#ffffff"}),t(n,h=>{const s=document.getElementById("k-line-chart");h?s.style.backgroundColor="#1b1b1f":s.style.backgroundColor="#ffffff"}),(h,s)=>(d(),e("div",null,[y,r(g,{js:i(a)["index.js"],css:i(a)["index.css"],html:i(a)["index.html"],title:"Theme"},null,8,["js","css","html"]),E]))}});export{o as __pageData,u as default};
diff --git a/assets/en-US_sample_timezone.md.YYO_Qpcd.js b/assets/en-US_sample_timezone.md.dqeEs2ZI.js
similarity index 98%
rename from assets/en-US_sample_timezone.md.YYO_Qpcd.js
rename to assets/en-US_sample_timezone.md.dqeEs2ZI.js
index 633854d84..2440f28ee 100644
--- a/assets/en-US_sample_timezone.md.YYO_Qpcd.js
+++ b/assets/en-US_sample_timezone.md.dqeEs2ZI.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.P_g88P_L.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"timezone",tabindex:"-1"},[l("Timezone "),a("a",{class:"header-anchor",href:"#timezone","aria-label":'Permalink to "Timezone"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-QtQxi" id="tab-5rKcOLo" checked="checked"><label for="tab-5rKcOLo">JavaScript</label><input type="radio" name="group-QtQxi" id="tab-bQbOcR6"><label for="tab-bQbOcR6">HTML</label><input type="radio" name="group-QtQxi" id="tab-Ntbulev"><label for="tab-Ntbulev">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.P_g88P_L.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"timezone",tabindex:"-1"},[l("Timezone "),a("a",{class:"header-anchor",href:"#timezone","aria-label":'Permalink to "Timezone"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-P4XSE" id="tab-lQkR1Us" checked="checked"><label for="tab-lQkR1Us">JavaScript</label><input type="radio" name="group-P4XSE" id="tab-x6eHyZW"><label for="tab-x6eHyZW">HTML</label><input type="radio" name="group-P4XSE" id="tab-oeY-8jB"><label for="tab-oeY-8jB">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/en-US_sample_timezone.md.YYO_Qpcd.lean.js b/assets/en-US_sample_timezone.md.dqeEs2ZI.lean.js
similarity index 84%
rename from assets/en-US_sample_timezone.md.YYO_Qpcd.lean.js
rename to assets/en-US_sample_timezone.md.dqeEs2ZI.lean.js
index ab8d2812e..752a2436f 100644
--- a/assets/en-US_sample_timezone.md.YYO_Qpcd.lean.js
+++ b/assets/en-US_sample_timezone.md.dqeEs2ZI.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.P_g88P_L.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"timezone",tabindex:"-1"},[l("Timezone "),a("a",{class:"header-anchor",href:"#timezone","aria-label":'Permalink to "Timezone"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"Timezone","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/timezone.md","filePath":"en-US/sample/timezone.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/timezone.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"Timezone"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.P_g88P_L.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"timezone",tabindex:"-1"},[l("Timezone "),a("a",{class:"header-anchor",href:"#timezone","aria-label":'Permalink to "Timezone"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"Timezone","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/timezone.md","filePath":"en-US/sample/timezone.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/timezone.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"Timezone"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
diff --git a/assets/en-US_sample_tooltip.md.ndS65LjS.js b/assets/en-US_sample_tooltip.md.O8dAp9_k.js
similarity index 99%
rename from assets/en-US_sample_tooltip.md.ndS65LjS.js
rename to assets/en-US_sample_tooltip.md.O8dAp9_k.js
index 3d4a8798f..4934e7dcf 100644
--- a/assets/en-US_sample_tooltip.md.ndS65LjS.js
+++ b/assets/en-US_sample_tooltip.md.O8dAp9_k.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.xwYS8h76.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"tooltip",tabindex:"-1"},[l("Tooltip "),a("a",{class:"header-anchor",href:"#tooltip","aria-label":'Permalink to "Tooltip"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-snXwl" id="tab-BxMbZ03" checked="checked"><label for="tab-BxMbZ03">JavaScript</label><input type="radio" name="group-snXwl" id="tab-Sjxr1yU"><label for="tab-Sjxr1yU">HTML</label><input type="radio" name="group-snXwl" id="tab-3ufh5e8"><label for="tab-3ufh5e8">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.xwYS8h76.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"tooltip",tabindex:"-1"},[l("Tooltip "),a("a",{class:"header-anchor",href:"#tooltip","aria-label":'Permalink to "Tooltip"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-IfSK7" id="tab-MrOf39C" checked="checked"><label for="tab-MrOf39C">JavaScript</label><input type="radio" name="group-IfSK7" id="tab-ZwQtcb7"><label for="tab-ZwQtcb7">HTML</label><input type="radio" name="group-IfSK7" id="tab-pllhxBi"><label for="tab-pllhxBi">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/en-US_sample_tooltip.md.ndS65LjS.lean.js b/assets/en-US_sample_tooltip.md.O8dAp9_k.lean.js
similarity index 84%
rename from assets/en-US_sample_tooltip.md.ndS65LjS.lean.js
rename to assets/en-US_sample_tooltip.md.O8dAp9_k.lean.js
index 3979f484b..44b71e8f6 100644
--- a/assets/en-US_sample_tooltip.md.ndS65LjS.lean.js
+++ b/assets/en-US_sample_tooltip.md.O8dAp9_k.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.xwYS8h76.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"tooltip",tabindex:"-1"},[l("Tooltip "),a("a",{class:"header-anchor",href:"#tooltip","aria-label":'Permalink to "Tooltip"'},"​")],-1),r=p("",1),A=JSON.parse('{"title":"Tooltip","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/tooltip.md","filePath":"en-US/sample/tooltip.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/tooltip.md"},C=Object.assign(F,{setup(D){return(d,y)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"Tooltip"},null,8,["js","html","css"]),r]))}});export{A as __pageData,C as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.xwYS8h76.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"tooltip",tabindex:"-1"},[l("Tooltip "),a("a",{class:"header-anchor",href:"#tooltip","aria-label":'Permalink to "Tooltip"'},"​")],-1),r=p("",1),A=JSON.parse('{"title":"Tooltip","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"en-US/sample/tooltip.md","filePath":"en-US/sample/tooltip.md","lastUpdated":1702763973000}'),F={name:"en-US/sample/tooltip.md"},C=Object.assign(F,{setup(D){return(d,y)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"Tooltip"},null,8,["js","html","css"]),r]))}});export{A as __pageData,C as default};
diff --git a/assets/en-US_sponsor.md.s6A3pScV.js b/assets/en-US_sponsor.md.W43Y6shs.js
similarity index 95%
rename from assets/en-US_sponsor.md.s6A3pScV.js
rename to assets/en-US_sponsor.md.W43Y6shs.js
index 3488dce26..96d54093d 100644
--- a/assets/en-US_sponsor.md.s6A3pScV.js
+++ b/assets/en-US_sponsor.md.W43Y6shs.js
@@ -1 +1 @@
-import{_ as a,c as e,o as r,a4 as o,a9 as t,aa as n}from"./chunks/framework.b3gnc5d8.js";const y=JSON.parse('{"title":"❤️ Sponsor","description":"","frontmatter":{"sidebar":false,"editLink":false,"lastUpdated":false},"headers":[],"relativePath":"en-US/sponsor.md","filePath":"en-US/sponsor.md","lastUpdated":1699988097000}'),i={name:"en-US/sponsor.md"},s=o('<h1 id="❤️-sponsor" tabindex="-1">❤️ Sponsor <a class="header-anchor" href="#❤️-sponsor" aria-label="Permalink to &quot;❤️ Sponsor&quot;">​</a></h1><p>KLineChart under the Apache License V2 and completely free to use.</p><p>If you think the plugin is good, I hope you can click 🌟 on <a href="https://github.com/liihuu/KLineChart" target="_blank" rel="noreferrer">GitHub</a>. If you can reward a cup of ☕️, that would be very much appreciated.</p><p>For organizations or individuals sponsoring KLineChart, if necessary, display the organization&#39;s official website or personal homepage on the <a href="https://klinecharts.com" target="_blank" rel="noreferrer">https://klinecharts.com</a> on the homepage, please provide payment account or address, logo, homepage link, and other information by sending an email to <a href="mailto:hu_li888@foxmail.com" target="_blank" rel="noreferrer">hu_li888@foxmail.com</a> . Those with sponsor amount of $800 will be displayed in the large logo display area. Top three, will use large logo display.</p><h2 id="sponsor-channels" tabindex="-1">Sponsor Channels <a class="header-anchor" href="#sponsor-channels" aria-label="Permalink to &quot;Sponsor Channels&quot;">​</a></h2><h3 id="alipay" tabindex="-1">Alipay <a class="header-anchor" href="#alipay" aria-label="Permalink to &quot;Alipay&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="'+t+'"><h3 id="wechat-pay" tabindex="-1">Wechat Pay <a class="header-anchor" href="#wechat-pay" aria-label="Permalink to &quot;Wechat Pay&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="'+n+'"><h3 id="cryptocurrency" tabindex="-1">Cryptocurrency <a class="header-anchor" href="#cryptocurrency" aria-label="Permalink to &quot;Cryptocurrency&quot;">​</a></h3><ul><li>BTC: <a href="./.html">bc1qnwzukszzk5xfk0zs3sr8etzgctgnrtqts43jzp3khe6gm7xazprsp4y6n3</a></li><li>ETH: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-ERC20: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-Omni: <a href="./.html">3DSXSbTbMwXumaaqMySVPgedBP9rGhpnfQ</a></li><li>USDT-TRC20: <a href="./.html">THJpTQmFGaVm12KE1Jzc5mLXiApP6qXMCi</a></li></ul>',11),l=[s];function h(p,c,d,m,f,u){return r(),e("div",null,l)}const g=a(i,[["render",h]]);export{y as __pageData,g as default};
+import{_ as a,c as e,o as r,a4 as o,a8 as t,a9 as n}from"./chunks/framework.S5btFSuR.js";const y=JSON.parse('{"title":"❤️ Sponsor","description":"","frontmatter":{"sidebar":false,"editLink":false,"lastUpdated":false},"headers":[],"relativePath":"en-US/sponsor.md","filePath":"en-US/sponsor.md","lastUpdated":1699988097000}'),i={name:"en-US/sponsor.md"},s=o('<h1 id="❤️-sponsor" tabindex="-1">❤️ Sponsor <a class="header-anchor" href="#❤️-sponsor" aria-label="Permalink to &quot;❤️ Sponsor&quot;">​</a></h1><p>KLineChart under the Apache License V2 and completely free to use.</p><p>If you think the plugin is good, I hope you can click 🌟 on <a href="https://github.com/liihuu/KLineChart" target="_blank" rel="noreferrer">GitHub</a>. If you can reward a cup of ☕️, that would be very much appreciated.</p><p>For organizations or individuals sponsoring KLineChart, if necessary, display the organization&#39;s official website or personal homepage on the <a href="https://klinecharts.com" target="_blank" rel="noreferrer">https://klinecharts.com</a> on the homepage, please provide payment account or address, logo, homepage link, and other information by sending an email to <a href="mailto:hu_li888@foxmail.com" target="_blank" rel="noreferrer">hu_li888@foxmail.com</a> . Those with sponsor amount of $800 will be displayed in the large logo display area. Top three, will use large logo display.</p><h2 id="sponsor-channels" tabindex="-1">Sponsor Channels <a class="header-anchor" href="#sponsor-channels" aria-label="Permalink to &quot;Sponsor Channels&quot;">​</a></h2><h3 id="alipay" tabindex="-1">Alipay <a class="header-anchor" href="#alipay" aria-label="Permalink to &quot;Alipay&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="'+t+'"><h3 id="wechat-pay" tabindex="-1">Wechat Pay <a class="header-anchor" href="#wechat-pay" aria-label="Permalink to &quot;Wechat Pay&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="'+n+'"><h3 id="cryptocurrency" tabindex="-1">Cryptocurrency <a class="header-anchor" href="#cryptocurrency" aria-label="Permalink to &quot;Cryptocurrency&quot;">​</a></h3><ul><li>BTC: <a href="./.html">bc1qnwzukszzk5xfk0zs3sr8etzgctgnrtqts43jzp3khe6gm7xazprsp4y6n3</a></li><li>ETH: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-ERC20: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-Omni: <a href="./.html">3DSXSbTbMwXumaaqMySVPgedBP9rGhpnfQ</a></li><li>USDT-TRC20: <a href="./.html">THJpTQmFGaVm12KE1Jzc5mLXiApP6qXMCi</a></li></ul>',11),l=[s];function h(p,c,d,m,f,u){return r(),e("div",null,l)}const g=a(i,[["render",h]]);export{y as __pageData,g as default};
diff --git a/assets/en-US_sponsor.md.s6A3pScV.lean.js b/assets/en-US_sponsor.md.W43Y6shs.lean.js
similarity index 73%
rename from assets/en-US_sponsor.md.s6A3pScV.lean.js
rename to assets/en-US_sponsor.md.W43Y6shs.lean.js
index 5601dd2cd..a1db452ad 100644
--- a/assets/en-US_sponsor.md.s6A3pScV.lean.js
+++ b/assets/en-US_sponsor.md.W43Y6shs.lean.js
@@ -1 +1 @@
-import{_ as a,c as e,o as r,a4 as o,a9 as t,aa as n}from"./chunks/framework.b3gnc5d8.js";const y=JSON.parse('{"title":"❤️ Sponsor","description":"","frontmatter":{"sidebar":false,"editLink":false,"lastUpdated":false},"headers":[],"relativePath":"en-US/sponsor.md","filePath":"en-US/sponsor.md","lastUpdated":1699988097000}'),i={name:"en-US/sponsor.md"},s=o("",11),l=[s];function h(p,c,d,m,f,u){return r(),e("div",null,l)}const g=a(i,[["render",h]]);export{y as __pageData,g as default};
+import{_ as a,c as e,o as r,a4 as o,a8 as t,a9 as n}from"./chunks/framework.S5btFSuR.js";const y=JSON.parse('{"title":"❤️ Sponsor","description":"","frontmatter":{"sidebar":false,"editLink":false,"lastUpdated":false},"headers":[],"relativePath":"en-US/sponsor.md","filePath":"en-US/sponsor.md","lastUpdated":1699988097000}'),i={name:"en-US/sponsor.md"},s=o("",11),l=[s];function h(p,c,d,m,f,u){return r(),e("div",null,l)}const g=a(i,[["render",h]]);export{y as __pageData,g as default};
diff --git a/assets/guide_changelog.md.9HVBq0V4.js b/assets/guide_changelog.md.WCU6NOkP.js
similarity index 99%
rename from assets/guide_changelog.md.9HVBq0V4.js
rename to assets/guide_changelog.md.WCU6NOkP.js
index 18523c141..f0a6ad78c 100644
--- a/assets/guide_changelog.md.9HVBq0V4.js
+++ b/assets/guide_changelog.md.WCU6NOkP.js
@@ -1 +1 @@
-import{_ as e,c as o,o as c,a4 as d}from"./chunks/framework.b3gnc5d8.js";const b=JSON.parse('{"title":"📠 更新日志","description":"","frontmatter":{},"headers":[],"relativePath":"guide/changelog.md","filePath":"guide/changelog.md","lastUpdated":1709481896000}'),i={name:"guide/changelog.md"},l=d('<h1 id="📠-更新日志" tabindex="-1">📠 更新日志 <a class="header-anchor" href="#📠-更新日志" aria-label="Permalink to &quot;📠 更新日志&quot;">​</a></h1><h2 id="_9-8-0" tabindex="-1">9.8.0 <a class="header-anchor" href="#_9-8-0" aria-label="Permalink to &quot;9.8.0&quot;">​</a></h2><p><code>2024-03-04</code></p><ul><li>🆕 支持自定义坐标轴。</li><li>🆕 支持指标绘制到未来时间。</li><li>🆕 支持长小数折叠。</li><li>🆕 支持向前和向后添加数据。</li><li>🐞 修复不同浏览器格式化时间问题。</li></ul><h2 id="_9-7-2" tabindex="-1">9.7.2 <a class="header-anchor" href="#_9-7-2" aria-label="Permalink to &quot;9.7.2&quot;">​</a></h2><p><code>2024-01-12</code></p><ul><li>🐞 修复指标属性 <code>minValue</code> 和 <code>maxValue</code> 不生效问题。</li><li>🐞 修复覆盖物x轴上显示问题。</li><li>💄 优化样式 <code>candle.type: &#39;ohlc&#39;</code> 显示。</li><li>💄 优化绘制清晰度。</li></ul><h2 id="_9-7-1" tabindex="-1">9.7.1 <a class="header-anchor" href="#_9-7-1" aria-label="Permalink to &quot;9.7.1&quot;">​</a></h2><p><code>2023-12-18</code></p><ul><li>🐞 修复指标和覆盖物方法不执行问题。</li><li>🐞 修复包管理器下载node版本依赖问题。</li></ul><h2 id="_9-7-0" tabindex="-1">9.7.0 <a class="header-anchor" href="#_9-7-0" aria-label="Permalink to &quot;9.7.0&quot;">​</a></h2><p><code>2023-12-12</code></p><ul><li>🆕 实例方法新增<code>setMaxOffsetLeftDistance</code>和<code>setMaxOffsetRightDistance</code>。</li><li>🆕 指标新增<code>zLevel</code>属性。</li><li>💄 优化<code>ohlc</code>蜡烛柱渲染。</li><li>🐞 修复蜡烛柱模糊问题。</li><li>🐞 修复覆盖物<code>zLevel</code>渲染规则。</li></ul><h2 id="_9-6-0" tabindex="-1">9.6.0 <a class="header-anchor" href="#_9-6-0" aria-label="Permalink to &quot;9.6.0&quot;">​</a></h2><p><code>2023-11-14</code></p><ul><li>🖋️ 重构窗口之间的分割线模块。</li><li>🆕 图表方法<code>init(ds, options)</code>，参数<code>options</code>新增<code>layout</code>。</li><li>🆕 实例方法<code>createIndicator(value, isStack, paneOptions, callback)</code>，参数<code>paneOptions</code>新增<code>position</code>。</li><li>🆕 样式<code>candle.tooltip.custom</code>新增<code>turnover</code>字符串模版。</li><li>💄 优化样式<code>overlay.text</code>配置。</li><li>💄 优化<code>utils.clone</code>和<code>utils.merge</code>实现。</li><li>🐞 修复多个覆盖物样式显示不对问题。</li><li>🐞 修复多个指标样式显示不对问题。</li></ul><h2 id="_9-5-4" tabindex="-1">9.5.4 <a class="header-anchor" href="#_9-5-4" aria-label="Permalink to &quot;9.5.4&quot;">​</a></h2><p><code>2023-09-22</code></p><ul><li>🐞 修复样式<code>candle.type</code>是<code>area</code>时，最新价线不显示问题。</li><li>🐞 修复样式<code>crosshair.vertical.text.paddingLeft</code>显示不对问题。</li></ul><h2 id="_9-5-3" tabindex="-1">9.5.3 <a class="header-anchor" href="#_9-5-3" aria-label="Permalink to &quot;9.5.3&quot;">​</a></h2><p><code>2023-09-19</code></p><ul><li>🐞 修复ts下引入问题。</li></ul><h2 id="_9-5-2" tabindex="-1">9.5.2 <a class="header-anchor" href="#_9-5-2" aria-label="Permalink to &quot;9.5.2&quot;">​</a></h2><p><code>2023-09-18</code></p><ul><li>💄 优化基础图形<code>text</code>。</li><li>💄 优化内置覆盖物<code>simpleAnnotation</code>和<code>simpleTag</code>。</li><li>💄 优化技术指标自由样式，支持增量。</li><li>🐞 修复typescript声明问题。</li></ul><h2 id="_9-5-1" tabindex="-1">9.5.1 <a class="header-anchor" href="#_9-5-1" aria-label="Permalink to &quot;9.5.1&quot;">​</a></h2><p><code>2023-08-14</code></p><ul><li>🆕 图表方法新增<code>getOverlayClass</code>。</li><li>🆕 样式配置<code>candle.tooltip.custom</code>新增内置涨跌幅支持。</li><li>💄 优化基础图形<code>rect</code>事件响应。</li><li>↩️ 分割线事件响应回退</li></ul><h2 id="_9-5-0" tabindex="-1">9.5.0 <a class="header-anchor" href="#_9-5-0" aria-label="Permalink to &quot;9.5.0&quot;">​</a></h2><p><code>2023-06-15</code></p><ul><li>🆕 <code>Overlay</code>新增事件<code>onDoubleClick</code>，新增属性<code>modeSensitivity</code>。</li><li>🆕 样式配置<code>candle.tooltip.custom</code>支持字符串模版。</li><li>🐞 优化移动端阻尼滚动掉帧问题。</li><li>🐞 修复窗口id命名拼写错误。</li><li>💄 优化分割线事件响应灵敏度。</li><li>💄 优化typescript下，OverlayFigure中的attrs类型声明。</li></ul><h2 id="_9-4-0" tabindex="-1">9.4.0 <a class="header-anchor" href="#_9-4-0" aria-label="Permalink to &quot;9.4.0&quot;">​</a></h2><p><code>2023-05-25</code></p><ul><li>🆕 实例api <code>createOverlay</code> 支持数组。</li><li>🆕 <code>overlay</code>新增属性<code>paneId</code>，<code>defaultZLevel</code>和<code>zLevel</code>。</li><li>🆕 <code>xAxis</code>新增方法<code>convertTimestampFromPixel</code>和<code>convertTimestampToPixel</code>。</li><li>💄 优化蜡烛柱显示。</li></ul><h2 id="_9-3-0" tabindex="-1">9.3.0 <a class="header-anchor" href="#_9-3-0" aria-label="Permalink to &quot;9.3.0&quot;">​</a></h2><p><code>2023-05-13</code></p><ul><li>🆕 新增图表API <code>utils.calcTextWidth</code>。</li><li>🆕 图表API <code>createIndicator(value, isStack, options)</code>和<code>setPaneOptions(options)</code>新增<code>options.axisOptions</code>。</li><li>🆕 指标图形配置支持自定义。</li><li>💄 优化bar宽度比例。</li><li>💄 优化内部获取屏幕像素比。</li><li>💄 优化内部id生成。</li></ul><h2 id="_9-2-2" tabindex="-1">9.2.2 <a class="header-anchor" href="#_9-2-2" aria-label="Permalink to &quot;9.2.2&quot;">​</a></h2><p><code>2023-05-04</code></p><ul><li>🐞 修复基础图形<code>line</code>事件检查可能导致错误问题。</li><li>💄 优化类型检查。</li></ul><h2 id="_9-2-1" tabindex="-1">9.2.1 <a class="header-anchor" href="#_9-2-1" aria-label="Permalink to &quot;9.2.1&quot;">​</a></h2><p><code>2023-04-27</code></p><ul><li>💄 优化默认样式，<code>#EF5350</code>变更为<code>#F92855</code>，<code>#26A69A</code>变更为<code>#2DC08E</code>。</li><li>💄 优化typescript声明。</li></ul><h2 id="_9-2-0" tabindex="-1">9.2.0 <a class="header-anchor" href="#_9-2-0" aria-label="Permalink to &quot;9.2.0&quot;">​</a></h2><p><code>2023-04-24</code></p><ul><li>🆕 实例API新增<code>getOffsetRightDistance</code>和<code>executeAction</code>。</li><li>🆕 实例API<code>applyNewData</code>、<code>applyMoreData</code>和<code>updateData</code>新增成功回调入参<code>callback</code>。</li><li>🆕 支持千分符显示。</li><li>🆕 样式配置新增<code>candle.bar.upBorderColor</code>、<code>candle.bar.downBorderColor</code>、<code>candle.bar.noChangeBorderColor</code>、<code>candle.bar.upWickColor</code>、<code>candle.bar.downWickColor</code>、<code>candle.bar.noChangeWickColor</code>、<code>candle.tooltip.rect.position</code>和<code>candle.tooltip.rect.offsetBottom</code>。</li><li>🆕 所有<code>visibleRange</code>新增<code>realFrom</code>和<code>realTo</code>。</li><li>💄 优化API，<code>klinecharts.utils.isValid</code>和<code>klinecharts.utils.formatBigNumber</code>。</li><li>💄 优化开发环境下，日志输出。</li></ul><h2 id="_9-1-3" tabindex="-1">9.1.3 <a class="header-anchor" href="#_9-1-3" aria-label="Permalink to &quot;9.1.3&quot;">​</a></h2><p><code>2023-04-15</code></p><ul><li>🐞 修复图表api <code>applyNewData</code> 入参是空数组时不刷新问题。</li><li>🐞 修复无数据时y轴上十字光标文字不显示问题。</li><li>💄 优化面积图显示。</li><li>💄 优化覆盖物事件回调参数，新增<code>figureKey</code>和<code>figureIndex</code>。</li><li>💄 优化typescript覆盖物样式类型，和基础类型<code>DeepPartial</code>, <code>DeepRequired</code>。</li></ul><h2 id="_9-1-2" tabindex="-1">9.1.2 <a class="header-anchor" href="#_9-1-2" aria-label="Permalink to &quot;9.1.2&quot;">​</a></h2><p><code>2023-04-10</code></p><ul><li>🐞 修复内置基础图形<code>line</code>触发事件不准确问题。</li><li>🐞 修复内置覆盖物<code>simpleAnnotation</code>和<code>simpleTag</code>绘制完成后第一次触发事件问题。</li><li>💄 优化覆盖物图形事件忽略，支持事件选择。</li></ul><h2 id="_9-1-1" tabindex="-1">9.1.1 <a class="header-anchor" href="#_9-1-1" aria-label="Permalink to &quot;9.1.1&quot;">​</a></h2><p><code>2023-03-14</code></p><ul><li>🐞 修复内置基础图形<code>arc</code>不生效问题。</li><li>💄 优化渲染更新。</li></ul><h2 id="_9-1-0" tabindex="-1">9.1.0 <a class="header-anchor" href="#_9-1-0" aria-label="Permalink to &quot;9.1.0&quot;">​</a></h2><p><code>2023-02-23</code></p><ul><li>🆕 图表实例方法<code>subscribeAction</code>和<code>unsubscribeAction</code>类型新增<code>onCandleBarClick</code>。</li><li>🆕 覆盖物支持双击强制结束绘制。</li><li>💄 优化事件处理。</li></ul><h2 id="_9-0-1" tabindex="-1">9.0.1 <a class="header-anchor" href="#_9-0-1" aria-label="Permalink to &quot;9.0.1&quot;">​</a></h2><p><code>2023-02-17</code></p><ul><li>🐞 修复typescript引入问题。</li></ul><h2 id="_9-0-0" tabindex="-1">9.0.0 <a class="header-anchor" href="#_9-0-0" aria-label="Permalink to &quot;9.0.0&quot;">​</a></h2><p><code>2023-02-16</code></p><ul><li>🛠 Typescript重构。</li><li>🆕 新特性 <ul><li>新增Y轴方向缩放，滚动。</li><li>API <ul><li>新增基图表方法<code>registerFigure</code>，<code>getSupportFigures</code>，<code>getFigureClass</code>，<code>rigisterOverlay</code>，<code>getSupportOverlays</code>，<code>registerLocale</code>，<code>getSupportLocales</code>，<code>registerStyles</code>。</li><li>新增实例方法，<code>getSize</code>，<code>setLocale</code>，<code>getLocal</code>，<code>setCustomApi</code>，<code>getVisibleRange</code>，<code>createOverlay</code>，<code>getOverlayById</code>，<code>overrideOverlay</code>，<code>removeOverlay</code>。</li></ul></li><li>样式配置 <ul><li>新增<code>candle.priceMark.last.text.borderStyle</code>，<code>candle.tooltip.icons</code>，<code>indicator.lastValueMark.text.borderStyle</code>，<code>indicator.tooltip.icons</code>，<code>crosshair.horizontal.text.borderStyle</code>，<code>crosshair.vertical.text.borderStyle</code>。</li></ul></li></ul></li><li>👉 变更 <ul><li>API <ul><li>图表方法<code>extension.addTechnicalIndicatorTemplate</code>变更为<code>registerIndicator</code>。</li><li>图表方法<code>extension.addShapeTemplate</code>变更为<code>registerOverlay</code>。</li><li>实例方法<code>setStyleOptions</code>变更为<code>setStyles</code>。</li><li>实例方法<code>getStyleOptions</code>变更为<code>getStyles</code>。</li><li>实例方法<code>setPaneOptions(options)</code>，<code>options</code>新增属性<code>gap</code>。</li><li>实例方法<code>setOffsetRightSpace</code>变更为<code>setOffsetRightDistance</code>。</li><li>实例方法<code>createTechnicalIndicator</code>变更为<code>createIndicator</code>。</li><li>实例方法<code>overlayTechnicalIndicator</code>变更为<code>overlayIndicator</code>。</li><li>实例方法<code>getTechnicalIndicatorByPaneId</code>变更为<code>getIndicatorByPaneId</code>。</li><li>实例方法<code>removeTechnicalIndicator</code>变更为<code>removeIndicator</code>。</li></ul></li><li>样式配置 <ul><li>所有<code>line.style</code>选项变更为<code>solid</code>和<code>dashed</code>。</li><li>所有<code>dashValue</code>变更为<code>dashedValue</code>。</li><li><code>xAxis.height</code>变更为<code>xAxis.size</code>，<code>xAxis.tickText.paddingTop</code>变更为<code>xAxis.tickText.marginStart</code>，<code>xAxis.tickText.paddingBottom</code>变更为<code>xAxis.tickText.marginEnd</code>。</li><li><code>yAxis.height</code>变更为<code>yAxis.size</code>，<code>yAxis.tickText.paddingTop</code>变更为<code>yAxis.tickText.marginStart</code>，<code>yAxis.tickText.paddingBottom</code>变更为<code>yAxis.tickText.marginEnd</code>。</li><li><code>technicalIndicator.bar</code>变更为<code>indicator.bars</code>，<code>technicalIndicator.line</code>变更为<code>indicator.lines</code>，<code>technicalIndicator.circle</code>变更为<code>indicator.circles</code>。</li></ul></li><li>自定义扩展 <ul><li>技术指标属性<code>calcParams</code>，变更为支持任意类型。</li><li>技术指标属性<code>plots</code>变更为<code>figures</code>。</li><li>技术指标属性<code>regeneratePlots</code>变更为<code>regeneratefigures</code>。</li><li>技术指标属性<code>calcTechnicalIndicator</code>变更为<code>calc</code>。</li><li>技术指标属性<code>render</code>变更为<code>draw</code>。</li></ul></li></ul></li><li>🗑 废弃 <ul><li>API <ul><li>删除实例方法<code>getWidth</code>，<code>getHeight</code>，改用<code>getSize</code>。</li><li>删除实例方法<code>createShape</code>，<code>createAnnotation</code>，<code>createTag</code>，改用<code>createOverlay</code>。</li><li>删除实例方法<code>removeShape</code>，<code>removeAnnotation</code>，<code>removeTag</code>，改用<code>removeOverlay</code>。</li><li>删除实例方法<code>setShapeOptions</code>，改用<code>overrideOverlay</code>。</li><li>删除实例方法<code>createHtml</code>，<code>removeHtml</code>，<code>addTechnicalIndicatorTemplate</code>，<code>getTechnicalIndicatorTemplate</code>，<code>addShapeTemplate</code>。</li></ul></li><li>样式配置 <ul><li>删除<code>shape</code>，<code>annotation</code>，<code>tag</code>，改用<code>overlay</code>。</li><li>删除<code>candle.margin</code>，<code>technicalIndicator.margin</code>。</li></ul></li><li>自定义扩展 <ul><li>技术指标模版不再保存相关属性。</li><li>技术指标删除属性<code>shouldCheckParamCount</code>。</li><li>删除<code>Shape</code>，改用<code>Overlay</code>。</li></ul></li></ul></li></ul><h2 id="_8-x" tabindex="-1">8.x <a class="header-anchor" href="#_8-x" aria-label="Permalink to &quot;8.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/blob/v8.6.3/docs/zh-CN/changelog.md" target="_blank" rel="noreferrer">Github</a>上查看 8.x 的 Change Log。</p><h2 id="_7-x" tabindex="-1">7.x <a class="header-anchor" href="#_7-x" aria-label="Permalink to &quot;7.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/blob/v7.5.0/docs/zh-CN/changelog.md" target="_blank" rel="noreferrer">Github</a>上查看 7.x 的 Change Log。</p><h2 id="_6-x" tabindex="-1">6.x <a class="header-anchor" href="#_6-x" aria-label="Permalink to &quot;6.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/blob/v6.1.0/docs/zh-CN/CHANGELOG.md" target="_blank" rel="noreferrer">Github</a>上查看 6.x 的 Change Log。</p><h2 id="_5-x" tabindex="-1">5.x <a class="header-anchor" href="#_5-x" aria-label="Permalink to &quot;5.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/releases/tag/v5.0.0" target="_blank" rel="noreferrer">Github</a>上查看 5.x 的版本记录。</p><h2 id="_4-x" tabindex="-1">4.x <a class="header-anchor" href="#_4-x" aria-label="Permalink to &quot;4.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/releases/tag/v4.0.0" target="_blank" rel="noreferrer">Github</a>上查看 4.x 的版本记录。</p>',74),a=[l];function t(r,n,h,s,u,p){return c(),o("div",null,a)}const g=e(i,[["render",t]]);export{b as __pageData,g as default};
+import{_ as e,c as o,o as c,a4 as d}from"./chunks/framework.S5btFSuR.js";const b=JSON.parse('{"title":"📠 更新日志","description":"","frontmatter":{},"headers":[],"relativePath":"guide/changelog.md","filePath":"guide/changelog.md","lastUpdated":1709481896000}'),i={name:"guide/changelog.md"},l=d('<h1 id="📠-更新日志" tabindex="-1">📠 更新日志 <a class="header-anchor" href="#📠-更新日志" aria-label="Permalink to &quot;📠 更新日志&quot;">​</a></h1><h2 id="_9-8-0" tabindex="-1">9.8.0 <a class="header-anchor" href="#_9-8-0" aria-label="Permalink to &quot;9.8.0&quot;">​</a></h2><p><code>2024-03-04</code></p><ul><li>🆕 支持自定义坐标轴。</li><li>🆕 支持指标绘制到未来时间。</li><li>🆕 支持长小数折叠。</li><li>🆕 支持向前和向后添加数据。</li><li>🐞 修复不同浏览器格式化时间问题。</li></ul><h2 id="_9-7-2" tabindex="-1">9.7.2 <a class="header-anchor" href="#_9-7-2" aria-label="Permalink to &quot;9.7.2&quot;">​</a></h2><p><code>2024-01-12</code></p><ul><li>🐞 修复指标属性 <code>minValue</code> 和 <code>maxValue</code> 不生效问题。</li><li>🐞 修复覆盖物x轴上显示问题。</li><li>💄 优化样式 <code>candle.type: &#39;ohlc&#39;</code> 显示。</li><li>💄 优化绘制清晰度。</li></ul><h2 id="_9-7-1" tabindex="-1">9.7.1 <a class="header-anchor" href="#_9-7-1" aria-label="Permalink to &quot;9.7.1&quot;">​</a></h2><p><code>2023-12-18</code></p><ul><li>🐞 修复指标和覆盖物方法不执行问题。</li><li>🐞 修复包管理器下载node版本依赖问题。</li></ul><h2 id="_9-7-0" tabindex="-1">9.7.0 <a class="header-anchor" href="#_9-7-0" aria-label="Permalink to &quot;9.7.0&quot;">​</a></h2><p><code>2023-12-12</code></p><ul><li>🆕 实例方法新增<code>setMaxOffsetLeftDistance</code>和<code>setMaxOffsetRightDistance</code>。</li><li>🆕 指标新增<code>zLevel</code>属性。</li><li>💄 优化<code>ohlc</code>蜡烛柱渲染。</li><li>🐞 修复蜡烛柱模糊问题。</li><li>🐞 修复覆盖物<code>zLevel</code>渲染规则。</li></ul><h2 id="_9-6-0" tabindex="-1">9.6.0 <a class="header-anchor" href="#_9-6-0" aria-label="Permalink to &quot;9.6.0&quot;">​</a></h2><p><code>2023-11-14</code></p><ul><li>🖋️ 重构窗口之间的分割线模块。</li><li>🆕 图表方法<code>init(ds, options)</code>，参数<code>options</code>新增<code>layout</code>。</li><li>🆕 实例方法<code>createIndicator(value, isStack, paneOptions, callback)</code>，参数<code>paneOptions</code>新增<code>position</code>。</li><li>🆕 样式<code>candle.tooltip.custom</code>新增<code>turnover</code>字符串模版。</li><li>💄 优化样式<code>overlay.text</code>配置。</li><li>💄 优化<code>utils.clone</code>和<code>utils.merge</code>实现。</li><li>🐞 修复多个覆盖物样式显示不对问题。</li><li>🐞 修复多个指标样式显示不对问题。</li></ul><h2 id="_9-5-4" tabindex="-1">9.5.4 <a class="header-anchor" href="#_9-5-4" aria-label="Permalink to &quot;9.5.4&quot;">​</a></h2><p><code>2023-09-22</code></p><ul><li>🐞 修复样式<code>candle.type</code>是<code>area</code>时，最新价线不显示问题。</li><li>🐞 修复样式<code>crosshair.vertical.text.paddingLeft</code>显示不对问题。</li></ul><h2 id="_9-5-3" tabindex="-1">9.5.3 <a class="header-anchor" href="#_9-5-3" aria-label="Permalink to &quot;9.5.3&quot;">​</a></h2><p><code>2023-09-19</code></p><ul><li>🐞 修复ts下引入问题。</li></ul><h2 id="_9-5-2" tabindex="-1">9.5.2 <a class="header-anchor" href="#_9-5-2" aria-label="Permalink to &quot;9.5.2&quot;">​</a></h2><p><code>2023-09-18</code></p><ul><li>💄 优化基础图形<code>text</code>。</li><li>💄 优化内置覆盖物<code>simpleAnnotation</code>和<code>simpleTag</code>。</li><li>💄 优化技术指标自由样式，支持增量。</li><li>🐞 修复typescript声明问题。</li></ul><h2 id="_9-5-1" tabindex="-1">9.5.1 <a class="header-anchor" href="#_9-5-1" aria-label="Permalink to &quot;9.5.1&quot;">​</a></h2><p><code>2023-08-14</code></p><ul><li>🆕 图表方法新增<code>getOverlayClass</code>。</li><li>🆕 样式配置<code>candle.tooltip.custom</code>新增内置涨跌幅支持。</li><li>💄 优化基础图形<code>rect</code>事件响应。</li><li>↩️ 分割线事件响应回退</li></ul><h2 id="_9-5-0" tabindex="-1">9.5.0 <a class="header-anchor" href="#_9-5-0" aria-label="Permalink to &quot;9.5.0&quot;">​</a></h2><p><code>2023-06-15</code></p><ul><li>🆕 <code>Overlay</code>新增事件<code>onDoubleClick</code>，新增属性<code>modeSensitivity</code>。</li><li>🆕 样式配置<code>candle.tooltip.custom</code>支持字符串模版。</li><li>🐞 优化移动端阻尼滚动掉帧问题。</li><li>🐞 修复窗口id命名拼写错误。</li><li>💄 优化分割线事件响应灵敏度。</li><li>💄 优化typescript下，OverlayFigure中的attrs类型声明。</li></ul><h2 id="_9-4-0" tabindex="-1">9.4.0 <a class="header-anchor" href="#_9-4-0" aria-label="Permalink to &quot;9.4.0&quot;">​</a></h2><p><code>2023-05-25</code></p><ul><li>🆕 实例api <code>createOverlay</code> 支持数组。</li><li>🆕 <code>overlay</code>新增属性<code>paneId</code>，<code>defaultZLevel</code>和<code>zLevel</code>。</li><li>🆕 <code>xAxis</code>新增方法<code>convertTimestampFromPixel</code>和<code>convertTimestampToPixel</code>。</li><li>💄 优化蜡烛柱显示。</li></ul><h2 id="_9-3-0" tabindex="-1">9.3.0 <a class="header-anchor" href="#_9-3-0" aria-label="Permalink to &quot;9.3.0&quot;">​</a></h2><p><code>2023-05-13</code></p><ul><li>🆕 新增图表API <code>utils.calcTextWidth</code>。</li><li>🆕 图表API <code>createIndicator(value, isStack, options)</code>和<code>setPaneOptions(options)</code>新增<code>options.axisOptions</code>。</li><li>🆕 指标图形配置支持自定义。</li><li>💄 优化bar宽度比例。</li><li>💄 优化内部获取屏幕像素比。</li><li>💄 优化内部id生成。</li></ul><h2 id="_9-2-2" tabindex="-1">9.2.2 <a class="header-anchor" href="#_9-2-2" aria-label="Permalink to &quot;9.2.2&quot;">​</a></h2><p><code>2023-05-04</code></p><ul><li>🐞 修复基础图形<code>line</code>事件检查可能导致错误问题。</li><li>💄 优化类型检查。</li></ul><h2 id="_9-2-1" tabindex="-1">9.2.1 <a class="header-anchor" href="#_9-2-1" aria-label="Permalink to &quot;9.2.1&quot;">​</a></h2><p><code>2023-04-27</code></p><ul><li>💄 优化默认样式，<code>#EF5350</code>变更为<code>#F92855</code>，<code>#26A69A</code>变更为<code>#2DC08E</code>。</li><li>💄 优化typescript声明。</li></ul><h2 id="_9-2-0" tabindex="-1">9.2.0 <a class="header-anchor" href="#_9-2-0" aria-label="Permalink to &quot;9.2.0&quot;">​</a></h2><p><code>2023-04-24</code></p><ul><li>🆕 实例API新增<code>getOffsetRightDistance</code>和<code>executeAction</code>。</li><li>🆕 实例API<code>applyNewData</code>、<code>applyMoreData</code>和<code>updateData</code>新增成功回调入参<code>callback</code>。</li><li>🆕 支持千分符显示。</li><li>🆕 样式配置新增<code>candle.bar.upBorderColor</code>、<code>candle.bar.downBorderColor</code>、<code>candle.bar.noChangeBorderColor</code>、<code>candle.bar.upWickColor</code>、<code>candle.bar.downWickColor</code>、<code>candle.bar.noChangeWickColor</code>、<code>candle.tooltip.rect.position</code>和<code>candle.tooltip.rect.offsetBottom</code>。</li><li>🆕 所有<code>visibleRange</code>新增<code>realFrom</code>和<code>realTo</code>。</li><li>💄 优化API，<code>klinecharts.utils.isValid</code>和<code>klinecharts.utils.formatBigNumber</code>。</li><li>💄 优化开发环境下，日志输出。</li></ul><h2 id="_9-1-3" tabindex="-1">9.1.3 <a class="header-anchor" href="#_9-1-3" aria-label="Permalink to &quot;9.1.3&quot;">​</a></h2><p><code>2023-04-15</code></p><ul><li>🐞 修复图表api <code>applyNewData</code> 入参是空数组时不刷新问题。</li><li>🐞 修复无数据时y轴上十字光标文字不显示问题。</li><li>💄 优化面积图显示。</li><li>💄 优化覆盖物事件回调参数，新增<code>figureKey</code>和<code>figureIndex</code>。</li><li>💄 优化typescript覆盖物样式类型，和基础类型<code>DeepPartial</code>, <code>DeepRequired</code>。</li></ul><h2 id="_9-1-2" tabindex="-1">9.1.2 <a class="header-anchor" href="#_9-1-2" aria-label="Permalink to &quot;9.1.2&quot;">​</a></h2><p><code>2023-04-10</code></p><ul><li>🐞 修复内置基础图形<code>line</code>触发事件不准确问题。</li><li>🐞 修复内置覆盖物<code>simpleAnnotation</code>和<code>simpleTag</code>绘制完成后第一次触发事件问题。</li><li>💄 优化覆盖物图形事件忽略，支持事件选择。</li></ul><h2 id="_9-1-1" tabindex="-1">9.1.1 <a class="header-anchor" href="#_9-1-1" aria-label="Permalink to &quot;9.1.1&quot;">​</a></h2><p><code>2023-03-14</code></p><ul><li>🐞 修复内置基础图形<code>arc</code>不生效问题。</li><li>💄 优化渲染更新。</li></ul><h2 id="_9-1-0" tabindex="-1">9.1.0 <a class="header-anchor" href="#_9-1-0" aria-label="Permalink to &quot;9.1.0&quot;">​</a></h2><p><code>2023-02-23</code></p><ul><li>🆕 图表实例方法<code>subscribeAction</code>和<code>unsubscribeAction</code>类型新增<code>onCandleBarClick</code>。</li><li>🆕 覆盖物支持双击强制结束绘制。</li><li>💄 优化事件处理。</li></ul><h2 id="_9-0-1" tabindex="-1">9.0.1 <a class="header-anchor" href="#_9-0-1" aria-label="Permalink to &quot;9.0.1&quot;">​</a></h2><p><code>2023-02-17</code></p><ul><li>🐞 修复typescript引入问题。</li></ul><h2 id="_9-0-0" tabindex="-1">9.0.0 <a class="header-anchor" href="#_9-0-0" aria-label="Permalink to &quot;9.0.0&quot;">​</a></h2><p><code>2023-02-16</code></p><ul><li>🛠 Typescript重构。</li><li>🆕 新特性 <ul><li>新增Y轴方向缩放，滚动。</li><li>API <ul><li>新增基图表方法<code>registerFigure</code>，<code>getSupportFigures</code>，<code>getFigureClass</code>，<code>rigisterOverlay</code>，<code>getSupportOverlays</code>，<code>registerLocale</code>，<code>getSupportLocales</code>，<code>registerStyles</code>。</li><li>新增实例方法，<code>getSize</code>，<code>setLocale</code>，<code>getLocal</code>，<code>setCustomApi</code>，<code>getVisibleRange</code>，<code>createOverlay</code>，<code>getOverlayById</code>，<code>overrideOverlay</code>，<code>removeOverlay</code>。</li></ul></li><li>样式配置 <ul><li>新增<code>candle.priceMark.last.text.borderStyle</code>，<code>candle.tooltip.icons</code>，<code>indicator.lastValueMark.text.borderStyle</code>，<code>indicator.tooltip.icons</code>，<code>crosshair.horizontal.text.borderStyle</code>，<code>crosshair.vertical.text.borderStyle</code>。</li></ul></li></ul></li><li>👉 变更 <ul><li>API <ul><li>图表方法<code>extension.addTechnicalIndicatorTemplate</code>变更为<code>registerIndicator</code>。</li><li>图表方法<code>extension.addShapeTemplate</code>变更为<code>registerOverlay</code>。</li><li>实例方法<code>setStyleOptions</code>变更为<code>setStyles</code>。</li><li>实例方法<code>getStyleOptions</code>变更为<code>getStyles</code>。</li><li>实例方法<code>setPaneOptions(options)</code>，<code>options</code>新增属性<code>gap</code>。</li><li>实例方法<code>setOffsetRightSpace</code>变更为<code>setOffsetRightDistance</code>。</li><li>实例方法<code>createTechnicalIndicator</code>变更为<code>createIndicator</code>。</li><li>实例方法<code>overlayTechnicalIndicator</code>变更为<code>overlayIndicator</code>。</li><li>实例方法<code>getTechnicalIndicatorByPaneId</code>变更为<code>getIndicatorByPaneId</code>。</li><li>实例方法<code>removeTechnicalIndicator</code>变更为<code>removeIndicator</code>。</li></ul></li><li>样式配置 <ul><li>所有<code>line.style</code>选项变更为<code>solid</code>和<code>dashed</code>。</li><li>所有<code>dashValue</code>变更为<code>dashedValue</code>。</li><li><code>xAxis.height</code>变更为<code>xAxis.size</code>，<code>xAxis.tickText.paddingTop</code>变更为<code>xAxis.tickText.marginStart</code>，<code>xAxis.tickText.paddingBottom</code>变更为<code>xAxis.tickText.marginEnd</code>。</li><li><code>yAxis.height</code>变更为<code>yAxis.size</code>，<code>yAxis.tickText.paddingTop</code>变更为<code>yAxis.tickText.marginStart</code>，<code>yAxis.tickText.paddingBottom</code>变更为<code>yAxis.tickText.marginEnd</code>。</li><li><code>technicalIndicator.bar</code>变更为<code>indicator.bars</code>，<code>technicalIndicator.line</code>变更为<code>indicator.lines</code>，<code>technicalIndicator.circle</code>变更为<code>indicator.circles</code>。</li></ul></li><li>自定义扩展 <ul><li>技术指标属性<code>calcParams</code>，变更为支持任意类型。</li><li>技术指标属性<code>plots</code>变更为<code>figures</code>。</li><li>技术指标属性<code>regeneratePlots</code>变更为<code>regeneratefigures</code>。</li><li>技术指标属性<code>calcTechnicalIndicator</code>变更为<code>calc</code>。</li><li>技术指标属性<code>render</code>变更为<code>draw</code>。</li></ul></li></ul></li><li>🗑 废弃 <ul><li>API <ul><li>删除实例方法<code>getWidth</code>，<code>getHeight</code>，改用<code>getSize</code>。</li><li>删除实例方法<code>createShape</code>，<code>createAnnotation</code>，<code>createTag</code>，改用<code>createOverlay</code>。</li><li>删除实例方法<code>removeShape</code>，<code>removeAnnotation</code>，<code>removeTag</code>，改用<code>removeOverlay</code>。</li><li>删除实例方法<code>setShapeOptions</code>，改用<code>overrideOverlay</code>。</li><li>删除实例方法<code>createHtml</code>，<code>removeHtml</code>，<code>addTechnicalIndicatorTemplate</code>，<code>getTechnicalIndicatorTemplate</code>，<code>addShapeTemplate</code>。</li></ul></li><li>样式配置 <ul><li>删除<code>shape</code>，<code>annotation</code>，<code>tag</code>，改用<code>overlay</code>。</li><li>删除<code>candle.margin</code>，<code>technicalIndicator.margin</code>。</li></ul></li><li>自定义扩展 <ul><li>技术指标模版不再保存相关属性。</li><li>技术指标删除属性<code>shouldCheckParamCount</code>。</li><li>删除<code>Shape</code>，改用<code>Overlay</code>。</li></ul></li></ul></li></ul><h2 id="_8-x" tabindex="-1">8.x <a class="header-anchor" href="#_8-x" aria-label="Permalink to &quot;8.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/blob/v8.6.3/docs/zh-CN/changelog.md" target="_blank" rel="noreferrer">Github</a>上查看 8.x 的 Change Log。</p><h2 id="_7-x" tabindex="-1">7.x <a class="header-anchor" href="#_7-x" aria-label="Permalink to &quot;7.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/blob/v7.5.0/docs/zh-CN/changelog.md" target="_blank" rel="noreferrer">Github</a>上查看 7.x 的 Change Log。</p><h2 id="_6-x" tabindex="-1">6.x <a class="header-anchor" href="#_6-x" aria-label="Permalink to &quot;6.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/blob/v6.1.0/docs/zh-CN/CHANGELOG.md" target="_blank" rel="noreferrer">Github</a>上查看 6.x 的 Change Log。</p><h2 id="_5-x" tabindex="-1">5.x <a class="header-anchor" href="#_5-x" aria-label="Permalink to &quot;5.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/releases/tag/v5.0.0" target="_blank" rel="noreferrer">Github</a>上查看 5.x 的版本记录。</p><h2 id="_4-x" tabindex="-1">4.x <a class="header-anchor" href="#_4-x" aria-label="Permalink to &quot;4.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/releases/tag/v4.0.0" target="_blank" rel="noreferrer">Github</a>上查看 4.x 的版本记录。</p>',74),a=[l];function t(r,n,h,s,u,p){return c(),o("div",null,a)}const g=e(i,[["render",t]]);export{b as __pageData,g as default};
diff --git a/assets/guide_changelog.md.9HVBq0V4.lean.js b/assets/guide_changelog.md.WCU6NOkP.lean.js
similarity index 70%
rename from assets/guide_changelog.md.9HVBq0V4.lean.js
rename to assets/guide_changelog.md.WCU6NOkP.lean.js
index 521fc14fa..af84fd8e1 100644
--- a/assets/guide_changelog.md.9HVBq0V4.lean.js
+++ b/assets/guide_changelog.md.WCU6NOkP.lean.js
@@ -1 +1 @@
-import{_ as e,c as o,o as c,a4 as d}from"./chunks/framework.b3gnc5d8.js";const b=JSON.parse('{"title":"📠 更新日志","description":"","frontmatter":{},"headers":[],"relativePath":"guide/changelog.md","filePath":"guide/changelog.md","lastUpdated":1709481896000}'),i={name:"guide/changelog.md"},l=d("",74),a=[l];function t(r,n,h,s,u,p){return c(),o("div",null,a)}const g=e(i,[["render",t]]);export{b as __pageData,g as default};
+import{_ as e,c as o,o as c,a4 as d}from"./chunks/framework.S5btFSuR.js";const b=JSON.parse('{"title":"📠 更新日志","description":"","frontmatter":{},"headers":[],"relativePath":"guide/changelog.md","filePath":"guide/changelog.md","lastUpdated":1709481896000}'),i={name:"guide/changelog.md"},l=d("",74),a=[l];function t(r,n,h,s,u,p){return c(),o("div",null,a)}const g=e(i,[["render",t]]);export{b as __pageData,g as default};
diff --git a/assets/guide_chart-api.md.LU-7TYvX.js b/assets/guide_chart-api.md.Ja3EzuzJ.js
similarity index 99%
rename from assets/guide_chart-api.md.LU-7TYvX.js
rename to assets/guide_chart-api.md.Ja3EzuzJ.js
index ade602795..c2a0ab319 100644
--- a/assets/guide_chart-api.md.LU-7TYvX.js
+++ b/assets/guide_chart-api.md.Ja3EzuzJ.js
@@ -1,4 +1,4 @@
-import{_ as h,E as k,c as e,m as s,a as i,J as l,w as t,a4 as a,o as p}from"./chunks/framework.b3gnc5d8.js";const K=JSON.parse('{"title":"图表API","description":"","frontmatter":{},"headers":[],"relativePath":"guide/chart-api.md","filePath":"guide/chart-api.md","lastUpdated":1709481896000}'),r={name:"guide/chart-api.md"},d=a(`<h1 id="图表api" tabindex="-1">图表API <a class="header-anchor" href="#图表api" aria-label="Permalink to &quot;图表API&quot;">​</a></h1><h2 id="init-ds-options" tabindex="-1">init(ds, options) <a class="header-anchor" href="#init-ds-options" aria-label="Permalink to &quot;init(ds, options)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span></span>
+import{_ as h,E as k,c as e,m as s,a as i,J as l,w as t,a4 as a,o as p}from"./chunks/framework.S5btFSuR.js";const K=JSON.parse('{"title":"图表API","description":"","frontmatter":{},"headers":[],"relativePath":"guide/chart-api.md","filePath":"guide/chart-api.md","lastUpdated":1709481896000}'),r={name:"guide/chart-api.md"},d=a(`<h1 id="图表api" tabindex="-1">图表API <a class="header-anchor" href="#图表api" aria-label="Permalink to &quot;图表API&quot;">​</a></h1><h2 id="init-ds-options" tabindex="-1">init(ds, options) <a class="header-anchor" href="#init-ds-options" aria-label="Permalink to &quot;init(ds, options)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">  ds: string </span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">|</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> HTMLElement</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">  options</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">    layout?</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Array</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;{</span></span>
diff --git a/assets/guide_chart-api.md.LU-7TYvX.lean.js b/assets/guide_chart-api.md.Ja3EzuzJ.lean.js
similarity index 97%
rename from assets/guide_chart-api.md.LU-7TYvX.lean.js
rename to assets/guide_chart-api.md.Ja3EzuzJ.lean.js
index f5df40998..2690245c4 100644
--- a/assets/guide_chart-api.md.LU-7TYvX.lean.js
+++ b/assets/guide_chart-api.md.Ja3EzuzJ.lean.js
@@ -1 +1 @@
-import{_ as h,E as k,c as e,m as s,a as i,J as l,w as t,a4 as a,o as p}from"./chunks/framework.b3gnc5d8.js";const K=JSON.parse('{"title":"图表API","description":"","frontmatter":{},"headers":[],"relativePath":"guide/chart-api.md","filePath":"guide/chart-api.md","lastUpdated":1709481896000}'),r={name:"guide/chart-api.md"},d=a("",4),D=s("li",null,[s("code",null,"ds"),i(" 容器，可以是dom元素或者元素id。")],-1),g=s("code",null,"options",-1),y=s("code",null,"layout",-1),F=s("code",null,"content",-1),o=s("code",null,"options",-1),c=s("a",{href:"./instance-api.html#createindicator-value-isstack-paneoptions-callback"},"createIndicator",-1),E=s("code",null,"value",-1),B=s("code",null,"options",-1),A=a("",5),u=s("code",null,"decimalFoldThreshold",-1),C=a("",39),m=s("code",null,"overlay",-1),b=s("a",{href:"./overlay.html"},"覆盖物",-1),v=a("",9),f=s("code",null,"modeSensitivity",-1),x=a("",12),_=s("code",null,"onDoubleClick",-1),T=a("",9),P=a("",3),S={id:"registerxaxis-axis-v9-8-0",tabindex:"-1"},q=s("a",{class:"header-anchor",href:"#registerxaxis-axis-v9-8-0","aria-label":'Permalink to "registerXAxis(axis) <Tag>v9.8.0+</Tag>"'},"​",-1),w=a("",3),V={id:"registeryaxis-axis-v9-8-0",tabindex:"-1"},j=s("a",{class:"header-anchor",href:"#registeryaxis-axis-v9-8-0","aria-label":'Permalink to "registerYAxis(axis) <Tag>v9.8.0+</Tag>"'},"​",-1),I=a("",47),R={id:"utils-formatfolddecimal-value-threshold-v9-8-0",tabindex:"-1"},O=s("a",{class:"header-anchor",href:"#utils-formatfolddecimal-value-threshold-v9-8-0","aria-label":'Permalink to "utils.formatFoldDecimal(value, threshold) <Tag>v9.8.0+</Tag>"'},"​",-1),z=a("",2),N={id:"utils-calctextwidth-text-size-weight-family-v9-3-0",tabindex:"-1"},L=s("a",{class:"header-anchor",href:"#utils-calctextwidth-text-size-weight-family-v9-3-0","aria-label":'Permalink to "utils.calcTextWidth(text, size, weight, family) <Tag>v9.3.0+</Tag>"'},"​",-1),M=a("",59);function Y(X,H,$,G,U,J){const n=k("Tag");return p(),e("div",null,[d,s("ul",null,[D,s("li",null,[g,i(" 可选配置项。 "),s("ul",null,[s("li",null,[y,i(" 自定义布局，"),F,i("中的内容和"),o,i("参考实例方法 "),c,i(" 中的入参"),E,i("和"),B,i("。 "),l(n,null,{default:t(()=>[i("v9.6.0+")]),_:1})]),A,s("li",null,[u,i(" 小数折叠阈值 "),l(n,null,{default:t(()=>[i("v9.8.0+")]),_:1})])])])]),C,s("ul",null,[s("li",null,[m,i(" 覆盖物信息，详情参阅"),b,s("ul",null,[v,s("li",null,[f,i(" 模式灵敏度，仅 mode 是 weak_magnet 时有效 "),l(n,null,{default:t(()=>[i("v9.5.0+")]),_:1})]),x,s("li",null,[_,i(" 双击事件 "),l(n,null,{default:t(()=>[i("v9.5.0+")]),_:1})]),T])])]),P,s("h2",S,[i("registerXAxis(axis) "),l(n,null,{default:t(()=>[i("v9.8.0+")]),_:1}),i(),q]),w,s("h2",V,[i("registerYAxis(axis) "),l(n,null,{default:t(()=>[i("v9.8.0+")]),_:1}),i(),j]),I,s("h3",R,[i("utils.formatFoldDecimal(value, threshold) "),l(n,null,{default:t(()=>[i("v9.8.0+")]),_:1}),i(),O]),z,s("h3",N,[i("utils.calcTextWidth(text, size, weight, family) "),l(n,null,{default:t(()=>[i("v9.3.0+")]),_:1}),i(),L]),M])}const Z=h(r,[["render",Y]]);export{K as __pageData,Z as default};
+import{_ as h,E as k,c as e,m as s,a as i,J as l,w as t,a4 as a,o as p}from"./chunks/framework.S5btFSuR.js";const K=JSON.parse('{"title":"图表API","description":"","frontmatter":{},"headers":[],"relativePath":"guide/chart-api.md","filePath":"guide/chart-api.md","lastUpdated":1709481896000}'),r={name:"guide/chart-api.md"},d=a("",4),D=s("li",null,[s("code",null,"ds"),i(" 容器，可以是dom元素或者元素id。")],-1),g=s("code",null,"options",-1),y=s("code",null,"layout",-1),F=s("code",null,"content",-1),o=s("code",null,"options",-1),c=s("a",{href:"./instance-api.html#createindicator-value-isstack-paneoptions-callback"},"createIndicator",-1),E=s("code",null,"value",-1),B=s("code",null,"options",-1),A=a("",5),u=s("code",null,"decimalFoldThreshold",-1),C=a("",39),m=s("code",null,"overlay",-1),b=s("a",{href:"./overlay.html"},"覆盖物",-1),v=a("",9),f=s("code",null,"modeSensitivity",-1),x=a("",12),_=s("code",null,"onDoubleClick",-1),T=a("",9),P=a("",3),S={id:"registerxaxis-axis-v9-8-0",tabindex:"-1"},q=s("a",{class:"header-anchor",href:"#registerxaxis-axis-v9-8-0","aria-label":'Permalink to "registerXAxis(axis) <Tag>v9.8.0+</Tag>"'},"​",-1),w=a("",3),V={id:"registeryaxis-axis-v9-8-0",tabindex:"-1"},j=s("a",{class:"header-anchor",href:"#registeryaxis-axis-v9-8-0","aria-label":'Permalink to "registerYAxis(axis) <Tag>v9.8.0+</Tag>"'},"​",-1),I=a("",47),R={id:"utils-formatfolddecimal-value-threshold-v9-8-0",tabindex:"-1"},O=s("a",{class:"header-anchor",href:"#utils-formatfolddecimal-value-threshold-v9-8-0","aria-label":'Permalink to "utils.formatFoldDecimal(value, threshold) <Tag>v9.8.0+</Tag>"'},"​",-1),z=a("",2),N={id:"utils-calctextwidth-text-size-weight-family-v9-3-0",tabindex:"-1"},L=s("a",{class:"header-anchor",href:"#utils-calctextwidth-text-size-weight-family-v9-3-0","aria-label":'Permalink to "utils.calcTextWidth(text, size, weight, family) <Tag>v9.3.0+</Tag>"'},"​",-1),M=a("",59);function Y(X,H,$,G,U,J){const n=k("Tag");return p(),e("div",null,[d,s("ul",null,[D,s("li",null,[g,i(" 可选配置项。 "),s("ul",null,[s("li",null,[y,i(" 自定义布局，"),F,i("中的内容和"),o,i("参考实例方法 "),c,i(" 中的入参"),E,i("和"),B,i("。 "),l(n,null,{default:t(()=>[i("v9.6.0+")]),_:1})]),A,s("li",null,[u,i(" 小数折叠阈值 "),l(n,null,{default:t(()=>[i("v9.8.0+")]),_:1})])])])]),C,s("ul",null,[s("li",null,[m,i(" 覆盖物信息，详情参阅"),b,s("ul",null,[v,s("li",null,[f,i(" 模式灵敏度，仅 mode 是 weak_magnet 时有效 "),l(n,null,{default:t(()=>[i("v9.5.0+")]),_:1})]),x,s("li",null,[_,i(" 双击事件 "),l(n,null,{default:t(()=>[i("v9.5.0+")]),_:1})]),T])])]),P,s("h2",S,[i("registerXAxis(axis) "),l(n,null,{default:t(()=>[i("v9.8.0+")]),_:1}),i(),q]),w,s("h2",V,[i("registerYAxis(axis) "),l(n,null,{default:t(()=>[i("v9.8.0+")]),_:1}),i(),j]),I,s("h3",R,[i("utils.formatFoldDecimal(value, threshold) "),l(n,null,{default:t(()=>[i("v9.8.0+")]),_:1}),i(),O]),z,s("h3",N,[i("utils.calcTextWidth(text, size, weight, family) "),l(n,null,{default:t(()=>[i("v9.3.0+")]),_:1}),i(),L]),M])}const Z=h(r,[["render",Y]]);export{K as __pageData,Z as default};
diff --git a/assets/guide_custom-axis.md.zQzMpDqe.js b/assets/guide_custom-axis.md.YHD7AC8J.js
similarity index 99%
rename from assets/guide_custom-axis.md.zQzMpDqe.js
rename to assets/guide_custom-axis.md.YHD7AC8J.js
index ad5fca142..dd06ed8e4 100644
--- a/assets/guide_custom-axis.md.zQzMpDqe.js
+++ b/assets/guide_custom-axis.md.YHD7AC8J.js
@@ -1,4 +1,4 @@
-import{_ as n,E as t,c as h,m as i,a as s,J as l,w as k,a4 as p,o as e}from"./chunks/framework.b3gnc5d8.js";const f=JSON.parse('{"title":"自定义坐标轴 v9.8.0+","description":"","frontmatter":{},"headers":[],"relativePath":"guide/custom-axis.md","filePath":"guide/custom-axis.md","lastUpdated":1709481896000}'),r={name:"guide/custom-axis.md"},d={id:"自定义坐标轴-v9-8-0",tabindex:"-1"},F=i("a",{class:"header-anchor",href:"#自定义坐标轴-v9-8-0","aria-label":'Permalink to "自定义坐标轴 <Tag>v9.8.0+</Tag>"'},"​",-1),y=p(`<p>图表支持自定义坐标轴，可以通过图表方法 <a href="./chart-api.html#registerxaxis-axis">registerXAxis(axis)</a> 和 <a href="./chart-api.html#registeryaxis-axis">registerYAxis(axis)</a> 来实现。</p><h2 id="入参说明" tabindex="-1">入参说明 <a class="header-anchor" href="#入参说明" aria-label="Permalink to &quot;入参说明&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+import{_ as n,E as t,c as h,m as i,a as s,J as l,w as k,a4 as p,o as e}from"./chunks/framework.S5btFSuR.js";const f=JSON.parse('{"title":"自定义坐标轴 v9.8.0+","description":"","frontmatter":{},"headers":[],"relativePath":"guide/custom-axis.md","filePath":"guide/custom-axis.md","lastUpdated":1709481896000}'),r={name:"guide/custom-axis.md"},d={id:"自定义坐标轴-v9-8-0",tabindex:"-1"},F=i("a",{class:"header-anchor",href:"#自定义坐标轴-v9-8-0","aria-label":'Permalink to "自定义坐标轴 <Tag>v9.8.0+</Tag>"'},"​",-1),y=p(`<p>图表支持自定义坐标轴，可以通过图表方法 <a href="./chart-api.html#registerxaxis-axis">registerXAxis(axis)</a> 和 <a href="./chart-api.html#registeryaxis-axis">registerYAxis(axis)</a> 来实现。</p><h2 id="入参说明" tabindex="-1">入参说明 <a class="header-anchor" href="#入参说明" aria-label="Permalink to &quot;入参说明&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 坐标轴名字</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 创建分割文字方法实现</span></span>
diff --git a/assets/guide_custom-axis.md.zQzMpDqe.lean.js b/assets/guide_custom-axis.md.YHD7AC8J.lean.js
similarity index 91%
rename from assets/guide_custom-axis.md.zQzMpDqe.lean.js
rename to assets/guide_custom-axis.md.YHD7AC8J.lean.js
index 10fa45f7b..d6438774f 100644
--- a/assets/guide_custom-axis.md.zQzMpDqe.lean.js
+++ b/assets/guide_custom-axis.md.YHD7AC8J.lean.js
@@ -1 +1 @@
-import{_ as n,E as t,c as h,m as i,a as s,J as l,w as k,a4 as p,o as e}from"./chunks/framework.b3gnc5d8.js";const f=JSON.parse('{"title":"自定义坐标轴 v9.8.0+","description":"","frontmatter":{},"headers":[],"relativePath":"guide/custom-axis.md","filePath":"guide/custom-axis.md","lastUpdated":1709481896000}'),r={name:"guide/custom-axis.md"},d={id:"自定义坐标轴-v9-8-0",tabindex:"-1"},F=i("a",{class:"header-anchor",href:"#自定义坐标轴-v9-8-0","aria-label":'Permalink to "自定义坐标轴 <Tag>v9.8.0+</Tag>"'},"​",-1),y=p("",11);function g(D,c,o,E,A,m){const a=t("Tag");return e(),h("div",null,[i("h1",d,[s("自定义坐标轴 "),l(a,null,{default:k(()=>[s("v9.8.0+")]),_:1}),s(),F]),y])}const B=n(r,[["render",g]]);export{f as __pageData,B as default};
+import{_ as n,E as t,c as h,m as i,a as s,J as l,w as k,a4 as p,o as e}from"./chunks/framework.S5btFSuR.js";const f=JSON.parse('{"title":"自定义坐标轴 v9.8.0+","description":"","frontmatter":{},"headers":[],"relativePath":"guide/custom-axis.md","filePath":"guide/custom-axis.md","lastUpdated":1709481896000}'),r={name:"guide/custom-axis.md"},d={id:"自定义坐标轴-v9-8-0",tabindex:"-1"},F=i("a",{class:"header-anchor",href:"#自定义坐标轴-v9-8-0","aria-label":'Permalink to "自定义坐标轴 <Tag>v9.8.0+</Tag>"'},"​",-1),y=p("",11);function g(D,c,o,E,A,m){const a=t("Tag");return e(),h("div",null,[i("h1",d,[s("自定义坐标轴 "),l(a,null,{default:k(()=>[s("v9.8.0+")]),_:1}),s(),F]),y])}const B=n(r,[["render",g]]);export{f as __pageData,B as default};
diff --git a/assets/guide_datasource.md.NxxFl54M.js b/assets/guide_datasource.md.ZxIo0sjE.js
similarity index 97%
rename from assets/guide_datasource.md.NxxFl54M.js
rename to assets/guide_datasource.md.ZxIo0sjE.js
index 290b3748f..6d65f7068 100644
--- a/assets/guide_datasource.md.NxxFl54M.js
+++ b/assets/guide_datasource.md.ZxIo0sjE.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,a4 as t}from"./chunks/framework.b3gnc5d8.js";const g=JSON.parse('{"title":"📚 数据","description":"","frontmatter":{},"headers":[],"relativePath":"guide/datasource.md","filePath":"guide/datasource.md","lastUpdated":1692476796000}'),n={name:"guide/datasource.md"},e=t(`<h1 id="📚-数据" tabindex="-1">📚 数据 <a class="header-anchor" href="#📚-数据" aria-label="Permalink to &quot;📚 数据&quot;">​</a></h1><p>图表所需要的数据必须是固定格式。通过图表实例 API <a href="./instance-api.html#applynewdata-datalist-more">applyNewData(dataList, more)</a>，<a href="./instance-api.html#applymoredatadatalist-more">applyMoreData(dataList, more)</a>和<a href="./instance-api.html#updatedatadata">updateData(data)</a>来和图表进行数据交互。</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+import{_ as s,c as i,o as a,a4 as t}from"./chunks/framework.S5btFSuR.js";const g=JSON.parse('{"title":"📚 数据","description":"","frontmatter":{},"headers":[],"relativePath":"guide/datasource.md","filePath":"guide/datasource.md","lastUpdated":1692476796000}'),n={name:"guide/datasource.md"},e=t(`<h1 id="📚-数据" tabindex="-1">📚 数据 <a class="header-anchor" href="#📚-数据" aria-label="Permalink to &quot;📚 数据&quot;">​</a></h1><p>图表所需要的数据必须是固定格式。通过图表实例 API <a href="./instance-api.html#applynewdata-datalist-more">applyNewData(dataList, more)</a>，<a href="./instance-api.html#applymoredatadatalist-more">applyMoreData(dataList, more)</a>和<a href="./instance-api.html#updatedatadata">updateData(data)</a>来和图表进行数据交互。</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 时间戳，毫秒级别，必要字段</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 开盘价，必要字段</span></span>
diff --git a/assets/guide_datasource.md.NxxFl54M.lean.js b/assets/guide_datasource.md.ZxIo0sjE.lean.js
similarity index 70%
rename from assets/guide_datasource.md.NxxFl54M.lean.js
rename to assets/guide_datasource.md.ZxIo0sjE.lean.js
index 39bb75d58..e92bb1334 100644
--- a/assets/guide_datasource.md.NxxFl54M.lean.js
+++ b/assets/guide_datasource.md.ZxIo0sjE.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,a4 as t}from"./chunks/framework.b3gnc5d8.js";const g=JSON.parse('{"title":"📚 数据","description":"","frontmatter":{},"headers":[],"relativePath":"guide/datasource.md","filePath":"guide/datasource.md","lastUpdated":1692476796000}'),n={name:"guide/datasource.md"},e=t("",3),l=[e];function h(p,k,r,d,o,c){return a(),i("div",null,l)}const F=s(n,[["render",h]]);export{g as __pageData,F as default};
+import{_ as s,c as i,o as a,a4 as t}from"./chunks/framework.S5btFSuR.js";const g=JSON.parse('{"title":"📚 数据","description":"","frontmatter":{},"headers":[],"relativePath":"guide/datasource.md","filePath":"guide/datasource.md","lastUpdated":1692476796000}'),n={name:"guide/datasource.md"},e=t("",3),l=[e];function h(p,k,r,d,o,c){return a(),i("div",null,l)}const F=s(n,[["render",h]]);export{g as __pageData,F as default};
diff --git a/assets/guide_environment.md.fh2tLeH-.js b/assets/guide_environment.md.Zir01w8q.js
similarity index 97%
rename from assets/guide_environment.md.fh2tLeH-.js
rename to assets/guide_environment.md.Zir01w8q.js
index 6bd636d6b..50c5b5153 100644
--- a/assets/guide_environment.md.fh2tLeH-.js
+++ b/assets/guide_environment.md.Zir01w8q.js
@@ -1,4 +1,4 @@
-import{_ as i,c as s,o as a,a4 as t}from"./chunks/framework.b3gnc5d8.js";const F=JSON.parse('{"title":"🏝️ 环境要求","description":"","frontmatter":{},"headers":[],"relativePath":"guide/environment.md","filePath":"guide/environment.md","lastUpdated":1679066795000}'),e={name:"guide/environment.md"},h=t(`<h1 id="🏝️-环境要求" tabindex="-1">🏝️ 环境要求 <a class="header-anchor" href="#🏝️-环境要求" aria-label="Permalink to &quot;🏝️ 环境要求&quot;">​</a></h1><h2 id="浏览器支持" tabindex="-1">浏览器支持 <a class="header-anchor" href="#浏览器支持" aria-label="Permalink to &quot;浏览器支持&quot;">​</a></h2><p>图表基于 html5 canvas 构建，需要运行在支持 canvas 的浏览器上，如果需要运行在移动端，请用 webview 加载。</p><h2 id="兼容处理" tabindex="-1">兼容处理 <a class="header-anchor" href="#兼容处理" aria-label="Permalink to &quot;兼容处理&quot;">​</a></h2><h3 id="core-js" tabindex="-1"><a href="https://github.com/zloirock/core-js" target="_blank" rel="noreferrer">core.js</a> <a class="header-anchor" href="#core-js" aria-label="Permalink to &quot;[core.js](https://github.com/zloirock/core-js)&quot;">​</a></h3><p>图表内部集合使用<code>Map</code>，用于兼容不支持的老版浏览器。</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">core.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
+import{_ as i,c as s,o as a,a4 as t}from"./chunks/framework.S5btFSuR.js";const F=JSON.parse('{"title":"🏝️ 环境要求","description":"","frontmatter":{},"headers":[],"relativePath":"guide/environment.md","filePath":"guide/environment.md","lastUpdated":1679066795000}'),e={name:"guide/environment.md"},h=t(`<h1 id="🏝️-环境要求" tabindex="-1">🏝️ 环境要求 <a class="header-anchor" href="#🏝️-环境要求" aria-label="Permalink to &quot;🏝️ 环境要求&quot;">​</a></h1><h2 id="浏览器支持" tabindex="-1">浏览器支持 <a class="header-anchor" href="#浏览器支持" aria-label="Permalink to &quot;浏览器支持&quot;">​</a></h2><p>图表基于 html5 canvas 构建，需要运行在支持 canvas 的浏览器上，如果需要运行在移动端，请用 webview 加载。</p><h2 id="兼容处理" tabindex="-1">兼容处理 <a class="header-anchor" href="#兼容处理" aria-label="Permalink to &quot;兼容处理&quot;">​</a></h2><h3 id="core-js" tabindex="-1"><a href="https://github.com/zloirock/core-js" target="_blank" rel="noreferrer">core.js</a> <a class="header-anchor" href="#core-js" aria-label="Permalink to &quot;[core.js](https://github.com/zloirock/core-js)&quot;">​</a></h3><p>图表内部集合使用<code>Map</code>，用于兼容不支持的老版浏览器。</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">core.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klincharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div><h3 id="intl-js" tabindex="-1"><a href="https://github.com/andyearnshaw/Intl.js" target="_blank" rel="noreferrer">Intl.js</a> <a class="header-anchor" href="#intl-js" aria-label="Permalink to &quot;[Intl.js](https://github.com/andyearnshaw/Intl.js)&quot;">​</a></h3><p>图表依赖<code>Intl</code>，某些浏览器无此 API。</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">intl</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">intl/local-data/jsonp/en</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klincharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div>`,10),n=[h];function l(r,k,p,o,d,c){return a(),s("div",null,n)}const g=i(e,[["render",l]]);export{F as __pageData,g as default};
diff --git a/assets/guide_environment.md.fh2tLeH-.lean.js b/assets/guide_environment.md.Zir01w8q.lean.js
similarity index 70%
rename from assets/guide_environment.md.fh2tLeH-.lean.js
rename to assets/guide_environment.md.Zir01w8q.lean.js
index 90dc47b7a..2364cf65a 100644
--- a/assets/guide_environment.md.fh2tLeH-.lean.js
+++ b/assets/guide_environment.md.Zir01w8q.lean.js
@@ -1 +1 @@
-import{_ as i,c as s,o as a,a4 as t}from"./chunks/framework.b3gnc5d8.js";const F=JSON.parse('{"title":"🏝️ 环境要求","description":"","frontmatter":{},"headers":[],"relativePath":"guide/environment.md","filePath":"guide/environment.md","lastUpdated":1679066795000}'),e={name:"guide/environment.md"},h=t("",10),n=[h];function l(r,k,p,o,d,c){return a(),s("div",null,n)}const g=i(e,[["render",l]]);export{F as __pageData,g as default};
+import{_ as i,c as s,o as a,a4 as t}from"./chunks/framework.S5btFSuR.js";const F=JSON.parse('{"title":"🏝️ 环境要求","description":"","frontmatter":{},"headers":[],"relativePath":"guide/environment.md","filePath":"guide/environment.md","lastUpdated":1679066795000}'),e={name:"guide/environment.md"},h=t("",10),n=[h];function l(r,k,p,o,d,c){return a(),s("div",null,n)}const g=i(e,[["render",l]]);export{F as __pageData,g as default};
diff --git a/assets/guide_faq.md.XLgpFwOe.js b/assets/guide_faq.md.3pxdSPEO.js
similarity index 97%
rename from assets/guide_faq.md.XLgpFwOe.js
rename to assets/guide_faq.md.3pxdSPEO.js
index c81291874..5da7abaf8 100644
--- a/assets/guide_faq.md.XLgpFwOe.js
+++ b/assets/guide_faq.md.3pxdSPEO.js
@@ -1,4 +1,4 @@
-import{_ as a,c as i,o as s,a4 as e}from"./chunks/framework.b3gnc5d8.js";const g=JSON.parse('{"title":"🙋 常见问题","description":"","frontmatter":{},"headers":[],"relativePath":"guide/faq.md","filePath":"guide/faq.md","lastUpdated":1681557501000}'),t={name:"guide/faq.md"},n=e(`<h1 id="🙋-常见问题" tabindex="-1">🙋 常见问题 <a class="header-anchor" href="#🙋-常见问题" aria-label="Permalink to &quot;🙋 常见问题&quot;">​</a></h1><h2 id="初始化图表后-只能看到一条线-是怎么回事" tabindex="-1">初始化图表后，只能看到一条线，是怎么回事？ <a class="header-anchor" href="#初始化图表后-只能看到一条线-是怎么回事" aria-label="Permalink to &quot;初始化图表后，只能看到一条线，是怎么回事？&quot;">​</a></h2><p>图表总是会填充容器，检查一下容器是否有高度。</p><h2 id="蜡烛柱显示趋近于一条线-看不到波动-怎么办" tabindex="-1">蜡烛柱显示趋近于一条线，看不到波动，怎么办？ <a class="header-anchor" href="#蜡烛柱显示趋近于一条线-看不到波动-怎么办" aria-label="Permalink to &quot;蜡烛柱显示趋近于一条线，看不到波动，怎么办？&quot;">​</a></h2><p>图表默认价格精度为两位小数，调用<code>setPriceVolumePrecision(pricePrecision, volumePrecision)</code>设置下精度。</p><h2 id="分时图怎么创建" tabindex="-1">分时图怎么创建？ <a class="header-anchor" href="#分时图怎么创建" aria-label="Permalink to &quot;分时图怎么创建？&quot;">​</a></h2><p>通过样式设置。</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">setStyles</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+import{_ as a,c as i,o as s,a4 as e}from"./chunks/framework.S5btFSuR.js";const g=JSON.parse('{"title":"🙋 常见问题","description":"","frontmatter":{},"headers":[],"relativePath":"guide/faq.md","filePath":"guide/faq.md","lastUpdated":1681557501000}'),t={name:"guide/faq.md"},n=e(`<h1 id="🙋-常见问题" tabindex="-1">🙋 常见问题 <a class="header-anchor" href="#🙋-常见问题" aria-label="Permalink to &quot;🙋 常见问题&quot;">​</a></h1><h2 id="初始化图表后-只能看到一条线-是怎么回事" tabindex="-1">初始化图表后，只能看到一条线，是怎么回事？ <a class="header-anchor" href="#初始化图表后-只能看到一条线-是怎么回事" aria-label="Permalink to &quot;初始化图表后，只能看到一条线，是怎么回事？&quot;">​</a></h2><p>图表总是会填充容器，检查一下容器是否有高度。</p><h2 id="蜡烛柱显示趋近于一条线-看不到波动-怎么办" tabindex="-1">蜡烛柱显示趋近于一条线，看不到波动，怎么办？ <a class="header-anchor" href="#蜡烛柱显示趋近于一条线-看不到波动-怎么办" aria-label="Permalink to &quot;蜡烛柱显示趋近于一条线，看不到波动，怎么办？&quot;">​</a></h2><p>图表默认价格精度为两位小数，调用<code>setPriceVolumePrecision(pricePrecision, volumePrecision)</code>设置下精度。</p><h2 id="分时图怎么创建" tabindex="-1">分时图怎么创建？ <a class="header-anchor" href="#分时图怎么创建" aria-label="Permalink to &quot;分时图怎么创建？&quot;">​</a></h2><p>通过样式设置。</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">setStyles</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  candle</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">    type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">area</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  },</span></span>
diff --git a/assets/guide_faq.md.XLgpFwOe.lean.js b/assets/guide_faq.md.3pxdSPEO.lean.js
similarity index 69%
rename from assets/guide_faq.md.XLgpFwOe.lean.js
rename to assets/guide_faq.md.3pxdSPEO.lean.js
index 83a9b94f6..4ef97edba 100644
--- a/assets/guide_faq.md.XLgpFwOe.lean.js
+++ b/assets/guide_faq.md.3pxdSPEO.lean.js
@@ -1 +1 @@
-import{_ as a,c as i,o as s,a4 as e}from"./chunks/framework.b3gnc5d8.js";const g=JSON.parse('{"title":"🙋 常见问题","description":"","frontmatter":{},"headers":[],"relativePath":"guide/faq.md","filePath":"guide/faq.md","lastUpdated":1681557501000}'),t={name:"guide/faq.md"},n=e("",14),h=[n];function l(r,p,o,d,c,k){return s(),i("div",null,h)}const u=a(t,[["render",l]]);export{g as __pageData,u as default};
+import{_ as a,c as i,o as s,a4 as e}from"./chunks/framework.S5btFSuR.js";const g=JSON.parse('{"title":"🙋 常见问题","description":"","frontmatter":{},"headers":[],"relativePath":"guide/faq.md","filePath":"guide/faq.md","lastUpdated":1681557501000}'),t={name:"guide/faq.md"},n=e("",14),h=[n];function l(r,p,o,d,c,k){return s(),i("div",null,h)}const u=a(t,[["render",l]]);export{g as __pageData,u as default};
diff --git a/assets/guide_feedback.md.YUbMo2U8.js b/assets/guide_feedback.md.O1hxX6LV.js
similarity index 93%
rename from assets/guide_feedback.md.YUbMo2U8.js
rename to assets/guide_feedback.md.O1hxX6LV.js
index 72d864b9e..c66ae46cd 100644
--- a/assets/guide_feedback.md.YUbMo2U8.js
+++ b/assets/guide_feedback.md.O1hxX6LV.js
@@ -1 +1 @@
-import{_ as e,c as a,o as t,a4 as r,a7 as i,a8 as s}from"./chunks/framework.b3gnc5d8.js";const g=JSON.parse('{"title":"💬 反馈和共建","description":"","frontmatter":{},"headers":[],"relativePath":"guide/feedback.md","filePath":"guide/feedback.md","lastUpdated":1684958808000}'),h={name:"guide/feedback.md"},o=r('<h1 id="💬-反馈和共建" tabindex="-1">💬 反馈和共建 <a class="header-anchor" href="#💬-反馈和共建" aria-label="Permalink to &quot;💬 反馈和共建&quot;">​</a></h1><h2 id="github" tabindex="-1">Github <a class="header-anchor" href="#github" aria-label="Permalink to &quot;Github&quot;">​</a></h2><ul><li>Issues: <a href="https://github.com/liihuu/KLineChart/issues" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/issues</a></li><li>Discussions: <a href="https://github.com/liihuu/KLineChart/discussions" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/discussions</a></li></ul><h2 id="telegram" tabindex="-1">Telegram <a class="header-anchor" href="#telegram" aria-label="Permalink to &quot;Telegram&quot;">​</a></h2><p><a href="https://t.me/+098syuQtzI0yNzll" target="_blank" rel="noreferrer">https://t.me/+098syuQtzI0yNzll</a></p><h2 id="discord" tabindex="-1">Discord <a class="header-anchor" href="#discord" aria-label="Permalink to &quot;Discord&quot;">​</a></h2><p><a href="https://discord.gg/7YjHYgvvvZ" target="_blank" rel="noreferrer">https://discord.gg/7YjHYgvvvZ</a></p><h2 id="微信讨论群" tabindex="-1">微信讨论群 <a class="header-anchor" href="#微信讨论群" aria-label="Permalink to &quot;微信讨论群&quot;">​</a></h2><p>扫一扫，添加开发者，备注『 KLineChart 』，加入群聊。 <img style="width:180px;margin-top:10px;" src="'+i+'"></p><h2 id="qq讨论群" tabindex="-1">QQ讨论群 <a class="header-anchor" href="#qq讨论群" aria-label="Permalink to &quot;QQ讨论群&quot;">​</a></h2><img style="width:180px;margin-top:10px;" src="'+s+'">',11),l=[o];function d(n,c,u,_,p,m){return t(),a("div",null,l)}const f=e(h,[["render",d]]);export{g as __pageData,f as default};
+import{_ as e,c as a,o as t,a4 as r,a6 as i,a7 as s}from"./chunks/framework.S5btFSuR.js";const g=JSON.parse('{"title":"💬 反馈和共建","description":"","frontmatter":{},"headers":[],"relativePath":"guide/feedback.md","filePath":"guide/feedback.md","lastUpdated":1684958808000}'),h={name:"guide/feedback.md"},o=r('<h1 id="💬-反馈和共建" tabindex="-1">💬 反馈和共建 <a class="header-anchor" href="#💬-反馈和共建" aria-label="Permalink to &quot;💬 反馈和共建&quot;">​</a></h1><h2 id="github" tabindex="-1">Github <a class="header-anchor" href="#github" aria-label="Permalink to &quot;Github&quot;">​</a></h2><ul><li>Issues: <a href="https://github.com/liihuu/KLineChart/issues" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/issues</a></li><li>Discussions: <a href="https://github.com/liihuu/KLineChart/discussions" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/discussions</a></li></ul><h2 id="telegram" tabindex="-1">Telegram <a class="header-anchor" href="#telegram" aria-label="Permalink to &quot;Telegram&quot;">​</a></h2><p><a href="https://t.me/+098syuQtzI0yNzll" target="_blank" rel="noreferrer">https://t.me/+098syuQtzI0yNzll</a></p><h2 id="discord" tabindex="-1">Discord <a class="header-anchor" href="#discord" aria-label="Permalink to &quot;Discord&quot;">​</a></h2><p><a href="https://discord.gg/7YjHYgvvvZ" target="_blank" rel="noreferrer">https://discord.gg/7YjHYgvvvZ</a></p><h2 id="微信讨论群" tabindex="-1">微信讨论群 <a class="header-anchor" href="#微信讨论群" aria-label="Permalink to &quot;微信讨论群&quot;">​</a></h2><p>扫一扫，添加开发者，备注『 KLineChart 』，加入群聊。 <img style="width:180px;margin-top:10px;" src="'+i+'"></p><h2 id="qq讨论群" tabindex="-1">QQ讨论群 <a class="header-anchor" href="#qq讨论群" aria-label="Permalink to &quot;QQ讨论群&quot;">​</a></h2><img style="width:180px;margin-top:10px;" src="'+s+'">',11),l=[o];function d(n,c,u,_,p,m){return t(),a("div",null,l)}const f=e(h,[["render",d]]);export{g as __pageData,f as default};
diff --git a/assets/guide_feedback.md.YUbMo2U8.lean.js b/assets/guide_feedback.md.O1hxX6LV.lean.js
similarity index 71%
rename from assets/guide_feedback.md.YUbMo2U8.lean.js
rename to assets/guide_feedback.md.O1hxX6LV.lean.js
index 0272f28db..e30b13271 100644
--- a/assets/guide_feedback.md.YUbMo2U8.lean.js
+++ b/assets/guide_feedback.md.O1hxX6LV.lean.js
@@ -1 +1 @@
-import{_ as e,c as a,o as t,a4 as r,a7 as i,a8 as s}from"./chunks/framework.b3gnc5d8.js";const g=JSON.parse('{"title":"💬 反馈和共建","description":"","frontmatter":{},"headers":[],"relativePath":"guide/feedback.md","filePath":"guide/feedback.md","lastUpdated":1684958808000}'),h={name:"guide/feedback.md"},o=r("",11),l=[o];function d(n,c,u,_,p,m){return t(),a("div",null,l)}const f=e(h,[["render",d]]);export{g as __pageData,f as default};
+import{_ as e,c as a,o as t,a4 as r,a6 as i,a7 as s}from"./chunks/framework.S5btFSuR.js";const g=JSON.parse('{"title":"💬 反馈和共建","description":"","frontmatter":{},"headers":[],"relativePath":"guide/feedback.md","filePath":"guide/feedback.md","lastUpdated":1684958808000}'),h={name:"guide/feedback.md"},o=r("",11),l=[o];function d(n,c,u,_,p,m){return t(),a("div",null,l)}const f=e(h,[["render",d]]);export{g as __pageData,f as default};
diff --git a/assets/guide_figure.md.9QmuiBOR.js b/assets/guide_figure.md._zUF2sHR.js
similarity index 99%
rename from assets/guide_figure.md.9QmuiBOR.js
rename to assets/guide_figure.md._zUF2sHR.js
index db165bf52..f1a93c02d 100644
--- a/assets/guide_figure.md.9QmuiBOR.js
+++ b/assets/guide_figure.md._zUF2sHR.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const F=JSON.parse('{"title":"基础图形","description":"","frontmatter":{},"headers":[],"relativePath":"guide/figure.md","filePath":"guide/figure.md","lastUpdated":1693193431000}'),h={name:"guide/figure.md"},l=n(`<h1 id="基础图形" tabindex="-1">基础图形 <a class="header-anchor" href="#基础图形" aria-label="Permalink to &quot;基础图形&quot;">​</a></h1><p>基础图形是图表重要的组成部分，图表上所有的元素都是由基础图形组成，如果需要制作复杂的自定义技术指标和覆盖物，建议仔细阅读。这篇文档介绍了内置的基本图形和如何自定义一个基础图形。基础图形可以通过图表方法<code>klinecharts.getFigureClass(name)</code>获取。</p><h2 id="使用示例" tabindex="-1">使用示例 <a class="header-anchor" href="#使用示例" aria-label="Permalink to &quot;使用示例&quot;">​</a></h2><div class="warning custom-block"><p class="custom-block-title">注意</p><p>需要在有画布上下文的情况下使用。</p></div><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// 获取基础图形实例</span></span>
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const F=JSON.parse('{"title":"基础图形","description":"","frontmatter":{},"headers":[],"relativePath":"guide/figure.md","filePath":"guide/figure.md","lastUpdated":1693193431000}'),h={name:"guide/figure.md"},l=n(`<h1 id="基础图形" tabindex="-1">基础图形 <a class="header-anchor" href="#基础图形" aria-label="Permalink to &quot;基础图形&quot;">​</a></h1><p>基础图形是图表重要的组成部分，图表上所有的元素都是由基础图形组成，如果需要制作复杂的自定义技术指标和覆盖物，建议仔细阅读。这篇文档介绍了内置的基本图形和如何自定义一个基础图形。基础图形可以通过图表方法<code>klinecharts.getFigureClass(name)</code>获取。</p><h2 id="使用示例" tabindex="-1">使用示例 <a class="header-anchor" href="#使用示例" aria-label="Permalink to &quot;使用示例&quot;">​</a></h2><div class="warning custom-block"><p class="custom-block-title">注意</p><p>需要在有画布上下文的情况下使用。</p></div><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// 获取基础图形实例</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// name为基础图形名字，如，&#39;arc&#39;, &#39;circle&#39;等。</span></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">const</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> Figure</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getFigureClass</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(name)</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// 实例化并绘制</span></span>
diff --git a/assets/guide_figure.md.9QmuiBOR.lean.js b/assets/guide_figure.md._zUF2sHR.lean.js
similarity index 69%
rename from assets/guide_figure.md.9QmuiBOR.lean.js
rename to assets/guide_figure.md._zUF2sHR.lean.js
index c96eee3b4..e91efd440 100644
--- a/assets/guide_figure.md.9QmuiBOR.lean.js
+++ b/assets/guide_figure.md._zUF2sHR.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const F=JSON.parse('{"title":"基础图形","description":"","frontmatter":{},"headers":[],"relativePath":"guide/figure.md","filePath":"guide/figure.md","lastUpdated":1693193431000}'),h={name:"guide/figure.md"},l=n("",33),k=[l];function t(p,e,r,d,D,y){return a(),i("div",null,k)}const E=s(h,[["render",t]]);export{F as __pageData,E as default};
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const F=JSON.parse('{"title":"基础图形","description":"","frontmatter":{},"headers":[],"relativePath":"guide/figure.md","filePath":"guide/figure.md","lastUpdated":1693193431000}'),h={name:"guide/figure.md"},l=n("",33),k=[l];function t(p,e,r,d,D,y){return a(),i("div",null,k)}const E=s(h,[["render",t]]);export{F as __pageData,E as default};
diff --git a/assets/guide_getting-started.md.HwS6ZWou.js b/assets/guide_getting-started.md.BwlRNWz0.js
similarity index 99%
rename from assets/guide_getting-started.md.HwS6ZWou.js
rename to assets/guide_getting-started.md.BwlRNWz0.js
index 867b2bac5..4451c8be9 100644
--- a/assets/guide_getting-started.md.HwS6ZWou.js
+++ b/assets/guide_getting-started.md.BwlRNWz0.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,a4 as h}from"./chunks/framework.b3gnc5d8.js";const y=JSON.parse('{"title":"🚀 快速开始","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md","filePath":"guide/getting-started.md","lastUpdated":1698528706000}'),k={name:"guide/getting-started.md"},n=h(`<h1 id="🚀-快速开始" tabindex="-1">🚀 快速开始 <a class="header-anchor" href="#🚀-快速开始" aria-label="Permalink to &quot;🚀 快速开始&quot;">​</a></h1><h2 id="获取klinechart" tabindex="-1">获取KLineChart <a class="header-anchor" href="#获取klinechart" aria-label="Permalink to &quot;获取KLineChart&quot;">​</a></h2><p>KLineChart 支持多种下载方式，你可以通过<code>npm</code>或<code>yarn</code>等包管理工具，也可以通过<code>CDN</code>获取。</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-f49Aq" id="tab-9GVT24z" checked="checked"><label for="tab-9GVT24z">npm</label><input type="radio" name="group-f49Aq" id="tab-NUd-ZC4"><label for="tab-NUd-ZC4">yarn</label><input type="radio" name="group-f49Aq" id="tab-VmH4ysD"><label for="tab-VmH4ysD">cdn</label></div><div class="blocks"><div class="language-bash vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">npm</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> install</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">yarn</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> add</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">text/javascript</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> src</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">https://cdn.jsdelivr.net/npm/klinecharts/dist/umd/klinecharts.min.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;&lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre></div></div></div><h2 id="创建第一个图表" tabindex="-1">创建第一个图表 <a class="header-anchor" href="#创建第一个图表" aria-label="Permalink to &quot;创建第一个图表&quot;">​</a></h2><p>KLineChart 不受前端框架限制，所以你可以在任何一个前端框架中使用。</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-s4cw5" id="tab-8r7KVlX" checked="checked"><label for="tab-8r7KVlX">React</label><input type="radio" name="group-s4cw5" id="tab-UY1nvsY"><label for="tab-UY1nvsY">Vue</label><input type="radio" name="group-s4cw5" id="tab--eQe0XF"><label for="tab--eQe0XF">Angular</label><input type="radio" name="group-s4cw5" id="tab-yJISAjs"><label for="tab-yJISAjs">Preact</label><input type="radio" name="group-s4cw5" id="tab-ioUEC4E"><label for="tab-ioUEC4E">Solid</label><input type="radio" name="group-s4cw5" id="tab-x_W6iCr"><label for="tab-x_W6iCr">Svelte</label><input type="radio" name="group-s4cw5" id="tab-7-vcUks"><label for="tab-7-vcUks">Vanilla</label></div><div class="blocks"><div class="language-jsx vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">jsx</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> useEffect</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">react</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{_ as s,c as i,o as a,a4 as h}from"./chunks/framework.S5btFSuR.js";const y=JSON.parse('{"title":"🚀 快速开始","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md","filePath":"guide/getting-started.md","lastUpdated":1709566958000}'),k={name:"guide/getting-started.md"},n=h(`<h1 id="🚀-快速开始" tabindex="-1">🚀 快速开始 <a class="header-anchor" href="#🚀-快速开始" aria-label="Permalink to &quot;🚀 快速开始&quot;">​</a></h1><h2 id="获取klinechart" tabindex="-1">获取KLineChart <a class="header-anchor" href="#获取klinechart" aria-label="Permalink to &quot;获取KLineChart&quot;">​</a></h2><p>KLineChart 支持多种下载方式，你可以通过<code>npm</code>或<code>yarn</code>等包管理工具，也可以通过<code>CDN</code>获取。</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-8o1x_" id="tab-VmqqnnS" checked="checked"><label for="tab-VmqqnnS">npm</label><input type="radio" name="group-8o1x_" id="tab-Tzu4Gic"><label for="tab-Tzu4Gic">yarn</label><input type="radio" name="group-8o1x_" id="tab-XiB2UgO"><label for="tab-XiB2UgO">cdn</label></div><div class="blocks"><div class="language-bash vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">npm</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> install</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">yarn</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> add</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">text/javascript</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> src</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">https://cdn.jsdelivr.net/npm/klinecharts/dist/umd/klinecharts.min.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;&lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre></div></div></div><h2 id="创建第一个图表" tabindex="-1">创建第一个图表 <a class="header-anchor" href="#创建第一个图表" aria-label="Permalink to &quot;创建第一个图表&quot;">​</a></h2><p>KLineChart 不受前端框架限制，所以你可以在任何一个前端框架中使用。</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-z2vdr" id="tab-54AW4Hv" checked="checked"><label for="tab-54AW4Hv">React</label><input type="radio" name="group-z2vdr" id="tab-a1w2vWF"><label for="tab-a1w2vWF">Vue</label><input type="radio" name="group-z2vdr" id="tab-7lREcuj"><label for="tab-7lREcuj">Angular</label><input type="radio" name="group-z2vdr" id="tab-3Fb8dza"><label for="tab-3Fb8dza">Preact</label><input type="radio" name="group-z2vdr" id="tab-J5mCTc6"><label for="tab-J5mCTc6">Solid</label><input type="radio" name="group-z2vdr" id="tab-f2PhbmC"><label for="tab-f2PhbmC">Svelte</label><input type="radio" name="group-z2vdr" id="tab-Jg3R6gV"><label for="tab-Jg3R6gV">Vanilla</label></div><div class="blocks"><div class="language-jsx vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">jsx</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> useEffect</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">react</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> dispose</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">export</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> default</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> ()</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/guide_getting-started.md.HwS6ZWou.lean.js b/assets/guide_getting-started.md.BwlRNWz0.lean.js
similarity index 57%
rename from assets/guide_getting-started.md.HwS6ZWou.lean.js
rename to assets/guide_getting-started.md.BwlRNWz0.lean.js
index 970df2693..8375e294f 100644
--- a/assets/guide_getting-started.md.HwS6ZWou.lean.js
+++ b/assets/guide_getting-started.md.BwlRNWz0.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,a4 as h}from"./chunks/framework.b3gnc5d8.js";const y=JSON.parse('{"title":"🚀 快速开始","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md","filePath":"guide/getting-started.md","lastUpdated":1698528706000}'),k={name:"guide/getting-started.md"},n=h("",8),l=[n];function t(p,F,e,r,D,d){return a(),i("div",null,l)}const C=s(k,[["render",t]]);export{y as __pageData,C as default};
+import{_ as s,c as i,o as a,a4 as h}from"./chunks/framework.S5btFSuR.js";const y=JSON.parse('{"title":"🚀 快速开始","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md","filePath":"guide/getting-started.md","lastUpdated":1709566958000}'),k={name:"guide/getting-started.md"},n=h("",8),l=[n];function t(p,F,e,r,D,d){return a(),i("div",null,l)}const C=s(k,[["render",t]]);export{y as __pageData,C as default};
diff --git a/assets/guide_hot-key.md.HaFYC0pq.js b/assets/guide_hot-key.md.iNZF3aPU.js
similarity index 85%
rename from assets/guide_hot-key.md.HaFYC0pq.js
rename to assets/guide_hot-key.md.iNZF3aPU.js
index 5145ba7b2..fcf715fbd 100644
--- a/assets/guide_hot-key.md.HaFYC0pq.js
+++ b/assets/guide_hot-key.md.iNZF3aPU.js
@@ -1 +1 @@
-import{_ as e,c as o,o as t,a4 as c}from"./chunks/framework.b3gnc5d8.js";const u=JSON.parse('{"title":"⌨️ 快捷键","description":"","frontmatter":{},"headers":[],"relativePath":"guide/hot-key.md","filePath":"guide/hot-key.md","lastUpdated":1679066795000}'),d={name:"guide/hot-key.md"},a=c('<h1 id="⌨️-快捷键" tabindex="-1">⌨️ 快捷键 <a class="header-anchor" href="#⌨️-快捷键" aria-label="Permalink to &quot;⌨️ 快捷键&quot;">​</a></h1><p>目前快捷键仅支持移动和缩放。</p><ul><li><code>shift</code> + <code>→</code> 右移</li><li><code>shift</code> + <code>←</code> 左移</li><li><code>shift</code> + <code>+</code> 放大</li><li><code>shift</code> + <code>-</code> 缩小</li></ul>',3),i=[a];function s(_,l,r,n,h,p){return t(),o("div",null,i)}const m=e(d,[["render",s]]);export{u as __pageData,m as default};
+import{_ as e,c as o,o as t,a4 as c}from"./chunks/framework.S5btFSuR.js";const u=JSON.parse('{"title":"⌨️ 快捷键","description":"","frontmatter":{},"headers":[],"relativePath":"guide/hot-key.md","filePath":"guide/hot-key.md","lastUpdated":1679066795000}'),d={name:"guide/hot-key.md"},a=c('<h1 id="⌨️-快捷键" tabindex="-1">⌨️ 快捷键 <a class="header-anchor" href="#⌨️-快捷键" aria-label="Permalink to &quot;⌨️ 快捷键&quot;">​</a></h1><p>目前快捷键仅支持移动和缩放。</p><ul><li><code>shift</code> + <code>→</code> 右移</li><li><code>shift</code> + <code>←</code> 左移</li><li><code>shift</code> + <code>+</code> 放大</li><li><code>shift</code> + <code>-</code> 缩小</li></ul>',3),i=[a];function s(_,l,r,n,h,p){return t(),o("div",null,i)}const m=e(d,[["render",s]]);export{u as __pageData,m as default};
diff --git a/assets/guide_hot-key.md.HaFYC0pq.lean.js b/assets/guide_hot-key.md.iNZF3aPU.lean.js
similarity index 69%
rename from assets/guide_hot-key.md.HaFYC0pq.lean.js
rename to assets/guide_hot-key.md.iNZF3aPU.lean.js
index be1f1b781..5197fc057 100644
--- a/assets/guide_hot-key.md.HaFYC0pq.lean.js
+++ b/assets/guide_hot-key.md.iNZF3aPU.lean.js
@@ -1 +1 @@
-import{_ as e,c as o,o as t,a4 as c}from"./chunks/framework.b3gnc5d8.js";const u=JSON.parse('{"title":"⌨️ 快捷键","description":"","frontmatter":{},"headers":[],"relativePath":"guide/hot-key.md","filePath":"guide/hot-key.md","lastUpdated":1679066795000}'),d={name:"guide/hot-key.md"},a=c("",3),i=[a];function s(_,l,r,n,h,p){return t(),o("div",null,i)}const m=e(d,[["render",s]]);export{u as __pageData,m as default};
+import{_ as e,c as o,o as t,a4 as c}from"./chunks/framework.S5btFSuR.js";const u=JSON.parse('{"title":"⌨️ 快捷键","description":"","frontmatter":{},"headers":[],"relativePath":"guide/hot-key.md","filePath":"guide/hot-key.md","lastUpdated":1679066795000}'),d={name:"guide/hot-key.md"},a=c("",3),i=[a];function s(_,l,r,n,h,p){return t(),o("div",null,i)}const m=e(d,[["render",s]]);export{u as __pageData,m as default};
diff --git a/assets/guide_i18n.md.X9uoahs-.js b/assets/guide_i18n.md.Z7xgvpLe.js
similarity index 97%
rename from assets/guide_i18n.md.X9uoahs-.js
rename to assets/guide_i18n.md.Z7xgvpLe.js
index 75da6d48d..34a47d0ad 100644
--- a/assets/guide_i18n.md.X9uoahs-.js
+++ b/assets/guide_i18n.md.Z7xgvpLe.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,a4 as h}from"./chunks/framework.b3gnc5d8.js";const c=JSON.parse('{"title":"🌏 国际化","description":"","frontmatter":{},"headers":[],"relativePath":"guide/i18n.md","filePath":"guide/i18n.md","lastUpdated":1699374419000}'),n={name:"guide/i18n.md"},t=h(`<h1 id="🌏-国际化" tabindex="-1">🌏 国际化 <a class="header-anchor" href="#🌏-国际化" aria-label="Permalink to &quot;🌏 国际化&quot;">​</a></h1><p>目前图表内置了<code>en-US</code>和<code>zh-CN</code>两种语言，默认语言是<code>en-US</code>，如果需要使用其他语言，可以参考下面的方案。</p><h2 id="增加语言包" tabindex="-1">增加语言包 <a class="header-anchor" href="#增加语言包" aria-label="Permalink to &quot;增加语言包&quot;">​</a></h2><p>增加语言包通过<code>klinecharts.registerLocale(key, locales)</code>去完成。 例如，添加一个中文繁体的语言包，可以这样做：</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">registerLocale</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">zh-HK</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
+import{_ as s,c as i,o as a,a4 as h}from"./chunks/framework.S5btFSuR.js";const c=JSON.parse('{"title":"🌏 国际化","description":"","frontmatter":{},"headers":[],"relativePath":"guide/i18n.md","filePath":"guide/i18n.md","lastUpdated":1699374419000}'),n={name:"guide/i18n.md"},t=h(`<h1 id="🌏-国际化" tabindex="-1">🌏 国际化 <a class="header-anchor" href="#🌏-国际化" aria-label="Permalink to &quot;🌏 国际化&quot;">​</a></h1><p>目前图表内置了<code>en-US</code>和<code>zh-CN</code>两种语言，默认语言是<code>en-US</code>，如果需要使用其他语言，可以参考下面的方案。</p><h2 id="增加语言包" tabindex="-1">增加语言包 <a class="header-anchor" href="#增加语言包" aria-label="Permalink to &quot;增加语言包&quot;">​</a></h2><p>增加语言包通过<code>klinecharts.registerLocale(key, locales)</code>去完成。 例如，添加一个中文繁体的语言包，可以这样做：</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">registerLocale</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">zh-HK</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  time</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">時間：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  open</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">開：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  high</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">高：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
diff --git a/assets/guide_i18n.md.X9uoahs-.lean.js b/assets/guide_i18n.md.Z7xgvpLe.lean.js
similarity index 69%
rename from assets/guide_i18n.md.X9uoahs-.lean.js
rename to assets/guide_i18n.md.Z7xgvpLe.lean.js
index 9f789c7bf..80ca318ec 100644
--- a/assets/guide_i18n.md.X9uoahs-.lean.js
+++ b/assets/guide_i18n.md.Z7xgvpLe.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,a4 as h}from"./chunks/framework.b3gnc5d8.js";const c=JSON.parse('{"title":"🌏 国际化","description":"","frontmatter":{},"headers":[],"relativePath":"guide/i18n.md","filePath":"guide/i18n.md","lastUpdated":1699374419000}'),n={name:"guide/i18n.md"},t=h("",7),k=[t];function l(e,p,F,r,d,D){return a(),i("div",null,k)}const o=s(n,[["render",l]]);export{c as __pageData,o as default};
+import{_ as s,c as i,o as a,a4 as h}from"./chunks/framework.S5btFSuR.js";const c=JSON.parse('{"title":"🌏 国际化","description":"","frontmatter":{},"headers":[],"relativePath":"guide/i18n.md","filePath":"guide/i18n.md","lastUpdated":1699374419000}'),n={name:"guide/i18n.md"},t=h("",7),k=[t];function l(e,p,F,r,d,D){return a(),i("div",null,k)}const o=s(n,[["render",l]]);export{c as __pageData,o as default};
diff --git a/assets/guide_indicator.md.7Ru-rd8z.js b/assets/guide_indicator.md.7Au_1f-w.js
similarity index 99%
rename from assets/guide_indicator.md.7Ru-rd8z.js
rename to assets/guide_indicator.md.7Au_1f-w.js
index e6cf00620..33c5a3764 100644
--- a/assets/guide_indicator.md.7Ru-rd8z.js
+++ b/assets/guide_indicator.md.7Au_1f-w.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const D=JSON.parse('{"title":"技术指标","description":"","frontmatter":{},"headers":[],"relativePath":"guide/indicator.md","filePath":"guide/indicator.md","lastUpdated":1702327975000}'),t={name:"guide/indicator.md"},h=n(`<h1 id="技术指标" tabindex="-1">技术指标 <a class="header-anchor" href="#技术指标" aria-label="Permalink to &quot;技术指标&quot;">​</a></h1><p>本文档介绍了图表内置的技术指标和如何自定义一个技术指标。</p><h2 id="内置技术指标" tabindex="-1">内置技术指标 <a class="header-anchor" href="#内置技术指标" aria-label="Permalink to &quot;内置技术指标&quot;">​</a></h2><table><thead><tr><th style="text-align:center;"><strong>指标名</strong></th><th style="text-align:center;"><strong>默认计算参数</strong></th><th style="text-align:center;"><strong>指标名</strong></th><th style="text-align:center;"><strong>默认计算参数</strong></th><th style="text-align:center;"><strong>指标名</strong></th><th style="text-align:center;"><strong>默认计算参数</strong></th></tr></thead><tbody><tr><td style="text-align:center;">MA</td><td style="text-align:center;">[5, 10, 30, 60]</td><td style="text-align:center;">BIAS</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">VR</td><td style="text-align:center;">[24, 30]</td></tr><tr><td style="text-align:center;">EMA</td><td style="text-align:center;">[6, 12, 20]</td><td style="text-align:center;">BRAR</td><td style="text-align:center;">[26]</td><td style="text-align:center;">WR</td><td style="text-align:center;">[6, 10, 14]</td></tr><tr><td style="text-align:center;">SMA</td><td style="text-align:center;">[12, 2]</td><td style="text-align:center;">CCI</td><td style="text-align:center;">[13]</td><td style="text-align:center;">MTM</td><td style="text-align:center;">[6, 10]</td></tr><tr><td style="text-align:center;">BBI</td><td style="text-align:center;">[3, 6, 12, 24]</td><td style="text-align:center;">DMI</td><td style="text-align:center;">[14, 6]</td><td style="text-align:center;">EMV</td><td style="text-align:center;">[14, 9]</td></tr><tr><td style="text-align:center;">VOL</td><td style="text-align:center;">[5, 10, 20]</td><td style="text-align:center;">CR</td><td style="text-align:center;">[26, 10, 20, 40, 60]</td><td style="text-align:center;">SAR</td><td style="text-align:center;">[2, 2,  20]</td></tr><tr><td style="text-align:center;">MACD</td><td style="text-align:center;">[12, 26, 9]</td><td style="text-align:center;">PSY</td><td style="text-align:center;">[12, 6]</td><td style="text-align:center;">AO</td><td style="text-align:center;">[5, 34]</td></tr><tr><td style="text-align:center;">BOLL</td><td style="text-align:center;">[20]</td><td style="text-align:center;">DMA</td><td style="text-align:center;">[10, 50, 10]</td><td style="text-align:center;">ROC</td><td style="text-align:center;">[12, 6]</td></tr><tr><td style="text-align:center;">KDJ</td><td style="text-align:center;">[9, 3, 3]</td><td style="text-align:center;">TRIX</td><td style="text-align:center;">[12, 20]</td><td style="text-align:center;">PVT</td><td style="text-align:center;">无</td></tr><tr><td style="text-align:center;">RSI</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">OBV</td><td style="text-align:center;">[30]</td><td style="text-align:center;">AVP</td><td style="text-align:center;">无</td></tr></tbody></table><h2 id="自定义技术指标" tabindex="-1">自定义技术指标 <a class="header-anchor" href="#自定义技术指标" aria-label="Permalink to &quot;自定义技术指标&quot;">​</a></h2><p>创建一个自定义技术指标，只需要生成一个技术指标信息，然后通过<code>klinecharts.registerIndicator</code>全局添加，添加到图表即可和内置技术指标一样去使用。</p><h3 id="属性说明" tabindex="-1">属性说明 <a class="header-anchor" href="#属性说明" aria-label="Permalink to &quot;属性说明&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const D=JSON.parse('{"title":"技术指标","description":"","frontmatter":{},"headers":[],"relativePath":"guide/indicator.md","filePath":"guide/indicator.md","lastUpdated":1702327975000}'),t={name:"guide/indicator.md"},h=n(`<h1 id="技术指标" tabindex="-1">技术指标 <a class="header-anchor" href="#技术指标" aria-label="Permalink to &quot;技术指标&quot;">​</a></h1><p>本文档介绍了图表内置的技术指标和如何自定义一个技术指标。</p><h2 id="内置技术指标" tabindex="-1">内置技术指标 <a class="header-anchor" href="#内置技术指标" aria-label="Permalink to &quot;内置技术指标&quot;">​</a></h2><table><thead><tr><th style="text-align:center;"><strong>指标名</strong></th><th style="text-align:center;"><strong>默认计算参数</strong></th><th style="text-align:center;"><strong>指标名</strong></th><th style="text-align:center;"><strong>默认计算参数</strong></th><th style="text-align:center;"><strong>指标名</strong></th><th style="text-align:center;"><strong>默认计算参数</strong></th></tr></thead><tbody><tr><td style="text-align:center;">MA</td><td style="text-align:center;">[5, 10, 30, 60]</td><td style="text-align:center;">BIAS</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">VR</td><td style="text-align:center;">[24, 30]</td></tr><tr><td style="text-align:center;">EMA</td><td style="text-align:center;">[6, 12, 20]</td><td style="text-align:center;">BRAR</td><td style="text-align:center;">[26]</td><td style="text-align:center;">WR</td><td style="text-align:center;">[6, 10, 14]</td></tr><tr><td style="text-align:center;">SMA</td><td style="text-align:center;">[12, 2]</td><td style="text-align:center;">CCI</td><td style="text-align:center;">[13]</td><td style="text-align:center;">MTM</td><td style="text-align:center;">[6, 10]</td></tr><tr><td style="text-align:center;">BBI</td><td style="text-align:center;">[3, 6, 12, 24]</td><td style="text-align:center;">DMI</td><td style="text-align:center;">[14, 6]</td><td style="text-align:center;">EMV</td><td style="text-align:center;">[14, 9]</td></tr><tr><td style="text-align:center;">VOL</td><td style="text-align:center;">[5, 10, 20]</td><td style="text-align:center;">CR</td><td style="text-align:center;">[26, 10, 20, 40, 60]</td><td style="text-align:center;">SAR</td><td style="text-align:center;">[2, 2,  20]</td></tr><tr><td style="text-align:center;">MACD</td><td style="text-align:center;">[12, 26, 9]</td><td style="text-align:center;">PSY</td><td style="text-align:center;">[12, 6]</td><td style="text-align:center;">AO</td><td style="text-align:center;">[5, 34]</td></tr><tr><td style="text-align:center;">BOLL</td><td style="text-align:center;">[20]</td><td style="text-align:center;">DMA</td><td style="text-align:center;">[10, 50, 10]</td><td style="text-align:center;">ROC</td><td style="text-align:center;">[12, 6]</td></tr><tr><td style="text-align:center;">KDJ</td><td style="text-align:center;">[9, 3, 3]</td><td style="text-align:center;">TRIX</td><td style="text-align:center;">[12, 20]</td><td style="text-align:center;">PVT</td><td style="text-align:center;">无</td></tr><tr><td style="text-align:center;">RSI</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">OBV</td><td style="text-align:center;">[30]</td><td style="text-align:center;">AVP</td><td style="text-align:center;">无</td></tr></tbody></table><h2 id="自定义技术指标" tabindex="-1">自定义技术指标 <a class="header-anchor" href="#自定义技术指标" aria-label="Permalink to &quot;自定义技术指标&quot;">​</a></h2><p>创建一个自定义技术指标，只需要生成一个技术指标信息，然后通过<code>klinecharts.registerIndicator</code>全局添加，添加到图表即可和内置技术指标一样去使用。</p><h3 id="属性说明" tabindex="-1">属性说明 <a class="header-anchor" href="#属性说明" aria-label="Permalink to &quot;属性说明&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 指标名</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 指标简短名称，用于显示，缺省将显示name</span></span>
diff --git a/assets/guide_indicator.md.7Ru-rd8z.lean.js b/assets/guide_indicator.md.7Au_1f-w.lean.js
similarity index 70%
rename from assets/guide_indicator.md.7Ru-rd8z.lean.js
rename to assets/guide_indicator.md.7Au_1f-w.lean.js
index 8ed5b5e8e..1aec4bc1a 100644
--- a/assets/guide_indicator.md.7Ru-rd8z.lean.js
+++ b/assets/guide_indicator.md.7Au_1f-w.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const D=JSON.parse('{"title":"技术指标","description":"","frontmatter":{},"headers":[],"relativePath":"guide/indicator.md","filePath":"guide/indicator.md","lastUpdated":1702327975000}'),t={name:"guide/indicator.md"},h=n("",17),l=[h];function k(p,e,r,d,y,F){return a(),i("div",null,l)}const E=s(t,[["render",k]]);export{D as __pageData,E as default};
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const D=JSON.parse('{"title":"技术指标","description":"","frontmatter":{},"headers":[],"relativePath":"guide/indicator.md","filePath":"guide/indicator.md","lastUpdated":1702327975000}'),t={name:"guide/indicator.md"},h=n("",17),l=[h];function k(p,e,r,d,y,F){return a(),i("div",null,l)}const E=s(t,[["render",k]]);export{D as __pageData,E as default};
diff --git a/assets/guide_instance-api.md.k2PzSque.js b/assets/guide_instance-api.md.lKBd2zj6.js
similarity index 99%
rename from assets/guide_instance-api.md.k2PzSque.js
rename to assets/guide_instance-api.md.lKBd2zj6.js
index b20ab4fff..c7c374217 100644
--- a/assets/guide_instance-api.md.k2PzSque.js
+++ b/assets/guide_instance-api.md.lKBd2zj6.js
@@ -1,4 +1,4 @@
-import{_ as t,E as k,c as p,m as s,a as i,J as h,w as l,a4 as a,o as e}from"./chunks/framework.b3gnc5d8.js";const xs=JSON.parse('{"title":"实例API","description":"","frontmatter":{},"headers":[],"relativePath":"guide/instance-api.md","filePath":"guide/instance-api.md","lastUpdated":1709481896000}'),r={name:"guide/instance-api.md"},d=a(`<h1 id="实例api" tabindex="-1">实例API <a class="header-anchor" href="#实例api" aria-label="Permalink to &quot;实例API&quot;">​</a></h1><h2 id="getdom-paneid-position" tabindex="-1">getDom(paneId, position) <a class="header-anchor" href="#getdom-paneid-position" aria-label="Permalink to &quot;getDom(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> HTMLElement</span></span></code></pre></div><p>获取dom容器。</p><ul><li><code>paneId</code> 窗口id，缺省则是整个图表容器</li><li><code>position</code> 支持<code>root</code>，<code>main</code>，<code>yAxis</code>，缺省则是<code>root</code></li></ul><h2 id="getsize-paneid-position" tabindex="-1">getSize(paneId, position) <a class="header-anchor" href="#getsize-paneid-position" aria-label="Permalink to &quot;getSize(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
+import{_ as t,E as k,c as p,m as s,a as i,J as h,w as l,a4 as a,o as e}from"./chunks/framework.S5btFSuR.js";const xs=JSON.parse('{"title":"实例API","description":"","frontmatter":{},"headers":[],"relativePath":"guide/instance-api.md","filePath":"guide/instance-api.md","lastUpdated":1709481896000}'),r={name:"guide/instance-api.md"},d=a(`<h1 id="实例api" tabindex="-1">实例API <a class="header-anchor" href="#实例api" aria-label="Permalink to &quot;实例API&quot;">​</a></h1><h2 id="getdom-paneid-position" tabindex="-1">getDom(paneId, position) <a class="header-anchor" href="#getdom-paneid-position" aria-label="Permalink to &quot;getDom(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> HTMLElement</span></span></code></pre></div><p>获取dom容器。</p><ul><li><code>paneId</code> 窗口id，缺省则是整个图表容器</li><li><code>position</code> 支持<code>root</code>，<code>main</code>，<code>yAxis</code>，缺省则是<code>root</code></li></ul><h2 id="getsize-paneid-position" tabindex="-1">getSize(paneId, position) <a class="header-anchor" href="#getsize-paneid-position" aria-label="Permalink to &quot;getSize(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  width</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  height</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  left</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
diff --git a/assets/guide_instance-api.md.k2PzSque.lean.js b/assets/guide_instance-api.md.lKBd2zj6.lean.js
similarity index 98%
rename from assets/guide_instance-api.md.k2PzSque.lean.js
rename to assets/guide_instance-api.md.lKBd2zj6.lean.js
index 1ff645a50..4a3a2e9ff 100644
--- a/assets/guide_instance-api.md.k2PzSque.lean.js
+++ b/assets/guide_instance-api.md.lKBd2zj6.lean.js
@@ -1 +1 @@
-import{_ as t,E as k,c as p,m as s,a as i,J as h,w as l,a4 as a,o as e}from"./chunks/framework.b3gnc5d8.js";const xs=JSON.parse('{"title":"实例API","description":"","frontmatter":{},"headers":[],"relativePath":"guide/instance-api.md","filePath":"guide/instance-api.md","lastUpdated":1709481896000}'),r={name:"guide/instance-api.md"},d=a("",42),D={id:"getoffsetrightdistance-v9-2-0",tabindex:"-1"},F=s("a",{class:"header-anchor",href:"#getoffsetrightdistance-v9-2-0","aria-label":'Permalink to "getOffsetRightDistance() <Tag>v9.2.0+</Tag>"'},"​",-1),g=a("",2),y={id:"setmaxoffsetleftdistance-v9-7-0",tabindex:"-1"},o=s("a",{class:"header-anchor",href:"#setmaxoffsetleftdistance-v9-7-0","aria-label":'Permalink to "setMaxOffsetLeftDistance() <Tag>v9.7.0+</Tag>"'},"​",-1),E=a("",2),c={id:"setmaxoffsetrightdistance-v9-7-0",tabindex:"-1"},B=s("a",{class:"header-anchor",href:"#setmaxoffsetrightdistance-v9-7-0","aria-label":'Permalink to "setMaxOffsetRightDistance() <Tag>v9.7.0+</Tag>"'},"​",-1),A=a("",20),C=s("li",null,[s("code",null,"dataList"),i(" 是一个K线数据数组，数据类型详情可参阅"),s("a",{href:"./datasource.html"},"数据源")],-1),u=s("li",null,[s("code",null,"more"),i(" 告诉图表还有没有更多历史数据，可缺省，默认为true")],-1),m=s("code",null,"callback",-1),b=a("",4),v=s("li",null,[s("code",null,"dataList"),i(" 是一个K线数据数组，数据类型详情可参阅"),s("a",{href:"./datasource.html"},"数据源")],-1),f=s("li",null,[s("code",null,"more"),i(" 告诉图表还有没有更多历史数据，可缺省，默认为true")],-1),_=s("code",null,"callback",-1),x=a("",4),T=s("li",null,[s("code",null,"data"),i(" 单条k线数据，数据类型详情可参阅"),s("a",{href:"./datasource.html"},"数据源")],-1),P=s("code",null,"callback",-1),I=a("",12),S={id:"setloaddatacallback-cb-v9-8-0",tabindex:"-1"},q=s("a",{class:"header-anchor",href:"#setloaddatacallback-cb-v9-8-0","aria-label":'Permalink to "setLoadDataCallback(cb) <Tag>v9.8.0+</Tag>"'},"​",-1),j=a("",6),V=s("li",null,[s("p",null,[s("code",null,"value"),i(" 技术指标名或者技术指标对象，当是对象时，类型和图表方法"),s("code",null,"overrideIndicator"),i("的入参一致")])],-1),z=s("li",null,[s("p",null,[s("code",null,"isStack"),i(" 是否覆盖")])],-1),R=s("p",null,[s("code",null,"paneOptions"),i(" 窗口配置信息，可缺省")],-1),w=s("li",null,[s("code",null,"id"),i(" 窗口id，可缺省")],-1),L=s("li",null,[s("code",null,"height"),i(" 窗口高度，可缺省")],-1),M=s("li",null,[s("code",null,"minHeight"),i(" 窗口最小高度，可缺省")],-1),O=s("li",null,[s("code",null,"dragEnabled"),i(" 窗口是否可以拖拽调整高度，可缺省")],-1),N=s("code",null,"position",-1),Z=s("li",null,[s("code",null,"gap"),i(" 边距 "),s("ul",null,[s("li",null,[s("code",null,"top"),i(" 上边距，值小余1则是百分比")]),s("li",null,[s("code",null,"bottom"),i(" 下边距，值小余1则是百分比")])])],-1),H=s("code",null,"axisOptions",-1),Y=s("code",null,"name",-1),K=s("a",{href:"./chart-api.html#registeryaxis-axis"},"registerYAxis(axis)",-1),X=s("code",null,"axis.name",-1),$=s("code",null,"scrollZoomEnabled",-1),U=s("li",null,[s("p",null,[s("code",null,"callback"),i(" 指标创建完成回调方法")])],-1),J=a("",6),G=s("code",null,"override",-1),Q=a("",7),W=s("code",null,"zLevel",-1),ss=a("",10),is=s("li",null,[s("code",null,"paneId"),i(" 窗口id，缺省则设置所有")],-1),as=s("li",null,[s("code",null,"callback"),i(" 成功回调")],-1),ns=a("",27),hs=s("code",null,"override",-1),ls=a("",10),ts=s("code",null,"modeSensitivity",-1),ks=a("",7),ps=s("code",null,"onDoubleClick",-1),es=a("",9),rs=a("",39),ds=s("code",null,"options",-1),Ds=a("",5),Fs=s("code",null,"axisOptions",-1),gs=s("code",null,"name",-1),ys=s("code",null,"scrollZoomEnabled",-1),os=a("",3),Es={id:"executeaction-type-data-v9-2-0",tabindex:"-1"},cs=s("a",{class:"header-anchor",href:"#executeaction-type-data-v9-2-0","aria-label":'Permalink to "executeAction(type, data) <Tag>v9.2.0+</Tag>"'},"​",-1),Bs=a("",27);function As(Cs,us,ms,bs,vs,fs){const n=k("Tag");return e(),p("div",null,[d,s("h2",D,[i("getOffsetRightDistance() "),h(n,null,{default:l(()=>[i("v9.2.0+")]),_:1}),i(),F]),g,s("h2",y,[i("setMaxOffsetLeftDistance() "),h(n,null,{default:l(()=>[i("v9.7.0+")]),_:1}),i(),o]),E,s("h2",c,[i("setMaxOffsetRightDistance() "),h(n,null,{default:l(()=>[i("v9.7.0+")]),_:1}),i(),B]),A,s("ul",null,[C,u,s("li",null,[m,i(" 成功回调 "),h(n,null,{default:l(()=>[i("v9.2.0+")]),_:1})])]),b,s("ul",null,[v,f,s("li",null,[_,i(" 成功回调 "),h(n,null,{default:l(()=>[i("v9.2.0+")]),_:1})])]),x,s("ul",null,[T,s("li",null,[P,i(" 成功回调 "),h(n,null,{default:l(()=>[i("v9.2.0+")]),_:1})])]),I,s("h2",S,[i("setLoadDataCallback(cb) "),h(n,null,{default:l(()=>[i("v9.8.0+")]),_:1}),i(),q]),j,s("ul",null,[V,z,s("li",null,[R,s("ul",null,[w,L,M,O,s("li",null,[N,i(" 位置，仅仅在创建新的窗口时有效 "),h(n,null,{default:l(()=>[i("v9.6.0+")]),_:1})]),Z,s("li",null,[H,s("ul",null,[s("li",null,[Y,i(" 指定的轴的名字，此参数对应图表实例方法 "),K,i(" 中的 "),X,i("，默认为 'default' "),h(n,null,{default:l(()=>[i("v9.8.0+")]),_:1})]),s("li",null,[$,i(" 轴上是否可以滚动缩放 "),h(n,null,{default:l(()=>[i("v9.3.0+")]),_:1})])])])])]),U]),J,s("ul",null,[s("li",null,[G,i(" 需要覆盖的一些参数 "),s("ul",null,[Q,s("li",null,[W,i(" 层级 "),h(n,null,{default:l(()=>[i("v9.7.0+")]),_:1})]),ss])]),is,as]),ns,s("ul",null,[s("li",null,[hs,i(" 需要覆盖的参数 "),s("ul",null,[ls,s("li",null,[ts,i(" 模式灵敏度，仅 mode 是 weak_magnet 时有效 "),h(n,null,{default:l(()=>[i("v9.5.0+")]),_:1})]),ks,s("li",null,[ps,i(" 双击事件 "),h(n,null,{default:l(()=>[i("v9.5.0+")]),_:1})]),es])])]),rs,s("ul",null,[s("li",null,[ds,i(" 窗口配置信息，可缺省 "),s("ul",null,[Ds,s("li",null,[Fs,s("ul",null,[s("li",null,[gs,i(" 轴名字 "),h(n,null,{default:l(()=>[i("v9.8.0+")]),_:1})]),s("li",null,[ys,i(" 轴上是否可以滚动缩放 "),h(n,null,{default:l(()=>[i("v9.3.0+")]),_:1})])])])])])]),os,s("h2",Es,[i("executeAction(type, data) "),h(n,null,{default:l(()=>[i("v9.2.0+")]),_:1}),i(),cs]),Bs])}const Ts=t(r,[["render",As]]);export{xs as __pageData,Ts as default};
+import{_ as t,E as k,c as p,m as s,a as i,J as h,w as l,a4 as a,o as e}from"./chunks/framework.S5btFSuR.js";const xs=JSON.parse('{"title":"实例API","description":"","frontmatter":{},"headers":[],"relativePath":"guide/instance-api.md","filePath":"guide/instance-api.md","lastUpdated":1709481896000}'),r={name:"guide/instance-api.md"},d=a("",42),D={id:"getoffsetrightdistance-v9-2-0",tabindex:"-1"},F=s("a",{class:"header-anchor",href:"#getoffsetrightdistance-v9-2-0","aria-label":'Permalink to "getOffsetRightDistance() <Tag>v9.2.0+</Tag>"'},"​",-1),g=a("",2),y={id:"setmaxoffsetleftdistance-v9-7-0",tabindex:"-1"},o=s("a",{class:"header-anchor",href:"#setmaxoffsetleftdistance-v9-7-0","aria-label":'Permalink to "setMaxOffsetLeftDistance() <Tag>v9.7.0+</Tag>"'},"​",-1),E=a("",2),c={id:"setmaxoffsetrightdistance-v9-7-0",tabindex:"-1"},B=s("a",{class:"header-anchor",href:"#setmaxoffsetrightdistance-v9-7-0","aria-label":'Permalink to "setMaxOffsetRightDistance() <Tag>v9.7.0+</Tag>"'},"​",-1),A=a("",20),C=s("li",null,[s("code",null,"dataList"),i(" 是一个K线数据数组，数据类型详情可参阅"),s("a",{href:"./datasource.html"},"数据源")],-1),u=s("li",null,[s("code",null,"more"),i(" 告诉图表还有没有更多历史数据，可缺省，默认为true")],-1),m=s("code",null,"callback",-1),b=a("",4),v=s("li",null,[s("code",null,"dataList"),i(" 是一个K线数据数组，数据类型详情可参阅"),s("a",{href:"./datasource.html"},"数据源")],-1),f=s("li",null,[s("code",null,"more"),i(" 告诉图表还有没有更多历史数据，可缺省，默认为true")],-1),_=s("code",null,"callback",-1),x=a("",4),T=s("li",null,[s("code",null,"data"),i(" 单条k线数据，数据类型详情可参阅"),s("a",{href:"./datasource.html"},"数据源")],-1),P=s("code",null,"callback",-1),I=a("",12),S={id:"setloaddatacallback-cb-v9-8-0",tabindex:"-1"},q=s("a",{class:"header-anchor",href:"#setloaddatacallback-cb-v9-8-0","aria-label":'Permalink to "setLoadDataCallback(cb) <Tag>v9.8.0+</Tag>"'},"​",-1),j=a("",6),V=s("li",null,[s("p",null,[s("code",null,"value"),i(" 技术指标名或者技术指标对象，当是对象时，类型和图表方法"),s("code",null,"overrideIndicator"),i("的入参一致")])],-1),z=s("li",null,[s("p",null,[s("code",null,"isStack"),i(" 是否覆盖")])],-1),R=s("p",null,[s("code",null,"paneOptions"),i(" 窗口配置信息，可缺省")],-1),w=s("li",null,[s("code",null,"id"),i(" 窗口id，可缺省")],-1),L=s("li",null,[s("code",null,"height"),i(" 窗口高度，可缺省")],-1),M=s("li",null,[s("code",null,"minHeight"),i(" 窗口最小高度，可缺省")],-1),O=s("li",null,[s("code",null,"dragEnabled"),i(" 窗口是否可以拖拽调整高度，可缺省")],-1),N=s("code",null,"position",-1),Z=s("li",null,[s("code",null,"gap"),i(" 边距 "),s("ul",null,[s("li",null,[s("code",null,"top"),i(" 上边距，值小余1则是百分比")]),s("li",null,[s("code",null,"bottom"),i(" 下边距，值小余1则是百分比")])])],-1),H=s("code",null,"axisOptions",-1),Y=s("code",null,"name",-1),K=s("a",{href:"./chart-api.html#registeryaxis-axis"},"registerYAxis(axis)",-1),X=s("code",null,"axis.name",-1),$=s("code",null,"scrollZoomEnabled",-1),U=s("li",null,[s("p",null,[s("code",null,"callback"),i(" 指标创建完成回调方法")])],-1),J=a("",6),G=s("code",null,"override",-1),Q=a("",7),W=s("code",null,"zLevel",-1),ss=a("",10),is=s("li",null,[s("code",null,"paneId"),i(" 窗口id，缺省则设置所有")],-1),as=s("li",null,[s("code",null,"callback"),i(" 成功回调")],-1),ns=a("",27),hs=s("code",null,"override",-1),ls=a("",10),ts=s("code",null,"modeSensitivity",-1),ks=a("",7),ps=s("code",null,"onDoubleClick",-1),es=a("",9),rs=a("",39),ds=s("code",null,"options",-1),Ds=a("",5),Fs=s("code",null,"axisOptions",-1),gs=s("code",null,"name",-1),ys=s("code",null,"scrollZoomEnabled",-1),os=a("",3),Es={id:"executeaction-type-data-v9-2-0",tabindex:"-1"},cs=s("a",{class:"header-anchor",href:"#executeaction-type-data-v9-2-0","aria-label":'Permalink to "executeAction(type, data) <Tag>v9.2.0+</Tag>"'},"​",-1),Bs=a("",27);function As(Cs,us,ms,bs,vs,fs){const n=k("Tag");return e(),p("div",null,[d,s("h2",D,[i("getOffsetRightDistance() "),h(n,null,{default:l(()=>[i("v9.2.0+")]),_:1}),i(),F]),g,s("h2",y,[i("setMaxOffsetLeftDistance() "),h(n,null,{default:l(()=>[i("v9.7.0+")]),_:1}),i(),o]),E,s("h2",c,[i("setMaxOffsetRightDistance() "),h(n,null,{default:l(()=>[i("v9.7.0+")]),_:1}),i(),B]),A,s("ul",null,[C,u,s("li",null,[m,i(" 成功回调 "),h(n,null,{default:l(()=>[i("v9.2.0+")]),_:1})])]),b,s("ul",null,[v,f,s("li",null,[_,i(" 成功回调 "),h(n,null,{default:l(()=>[i("v9.2.0+")]),_:1})])]),x,s("ul",null,[T,s("li",null,[P,i(" 成功回调 "),h(n,null,{default:l(()=>[i("v9.2.0+")]),_:1})])]),I,s("h2",S,[i("setLoadDataCallback(cb) "),h(n,null,{default:l(()=>[i("v9.8.0+")]),_:1}),i(),q]),j,s("ul",null,[V,z,s("li",null,[R,s("ul",null,[w,L,M,O,s("li",null,[N,i(" 位置，仅仅在创建新的窗口时有效 "),h(n,null,{default:l(()=>[i("v9.6.0+")]),_:1})]),Z,s("li",null,[H,s("ul",null,[s("li",null,[Y,i(" 指定的轴的名字，此参数对应图表实例方法 "),K,i(" 中的 "),X,i("，默认为 'default' "),h(n,null,{default:l(()=>[i("v9.8.0+")]),_:1})]),s("li",null,[$,i(" 轴上是否可以滚动缩放 "),h(n,null,{default:l(()=>[i("v9.3.0+")]),_:1})])])])])]),U]),J,s("ul",null,[s("li",null,[G,i(" 需要覆盖的一些参数 "),s("ul",null,[Q,s("li",null,[W,i(" 层级 "),h(n,null,{default:l(()=>[i("v9.7.0+")]),_:1})]),ss])]),is,as]),ns,s("ul",null,[s("li",null,[hs,i(" 需要覆盖的参数 "),s("ul",null,[ls,s("li",null,[ts,i(" 模式灵敏度，仅 mode 是 weak_magnet 时有效 "),h(n,null,{default:l(()=>[i("v9.5.0+")]),_:1})]),ks,s("li",null,[ps,i(" 双击事件 "),h(n,null,{default:l(()=>[i("v9.5.0+")]),_:1})]),es])])]),rs,s("ul",null,[s("li",null,[ds,i(" 窗口配置信息，可缺省 "),s("ul",null,[Ds,s("li",null,[Fs,s("ul",null,[s("li",null,[gs,i(" 轴名字 "),h(n,null,{default:l(()=>[i("v9.8.0+")]),_:1})]),s("li",null,[ys,i(" 轴上是否可以滚动缩放 "),h(n,null,{default:l(()=>[i("v9.3.0+")]),_:1})])])])])])]),os,s("h2",Es,[i("executeAction(type, data) "),h(n,null,{default:l(()=>[i("v9.2.0+")]),_:1}),i(),cs]),Bs])}const Ts=t(r,[["render",As]]);export{xs as __pageData,Ts as default};
diff --git a/assets/guide_overlay.md.182ozwhC.js b/assets/guide_overlay.md.CosxYA4R.js
similarity index 99%
rename from assets/guide_overlay.md.182ozwhC.js
rename to assets/guide_overlay.md.CosxYA4R.js
index 3527ad1c7..3c5c2c129 100644
--- a/assets/guide_overlay.md.182ozwhC.js
+++ b/assets/guide_overlay.md.CosxYA4R.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const F=JSON.parse('{"title":"覆盖物","description":"","frontmatter":{},"headers":[],"relativePath":"guide/overlay.md","filePath":"guide/overlay.md","lastUpdated":1709219794000}'),h={name:"guide/overlay.md"},l=n(`<h1 id="覆盖物" tabindex="-1">覆盖物 <a class="header-anchor" href="#覆盖物" aria-label="Permalink to &quot;覆盖物&quot;">​</a></h1><p>本文档介绍了图表内置的覆盖物和如何自定义一个覆盖物。</p><h2 id="内置覆盖物类型" tabindex="-1">内置覆盖物类型 <a class="header-anchor" href="#内置覆盖物类型" aria-label="Permalink to &quot;内置覆盖物类型&quot;">​</a></h2><p><code>horizontalRayLine</code>, <code>horizontalSegment</code>, <code>horizontalStraightLine</code>, <code>verticalRayLine</code>, <code>verticalSegment</code>, <code>verticalStraightLine</code>, <code>rayLine</code>, <code>segment</code>, <code>straightLine</code>, <code>priceLine</code>, <code>priceChannelLine</code>, <code>parallelStraightLine</code>, <code>fibonacciLine</code>, <code>simpleAnnotation</code>, <code>simpleTag</code></p><h2 id="自定义覆盖物" tabindex="-1">自定义覆盖物 <a class="header-anchor" href="#自定义覆盖物" aria-label="Permalink to &quot;自定义覆盖物&quot;">​</a></h2><p>自定义一个覆盖物，然后通过<code>klinecharts.registerOverlay</code> 全局添加，添加到图表即可和内置覆盖物一样去使用。</p><h3 id="属性说明" tabindex="-1">属性说明 <a class="header-anchor" href="#属性说明" aria-label="Permalink to &quot;属性说明&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const F=JSON.parse('{"title":"覆盖物","description":"","frontmatter":{},"headers":[],"relativePath":"guide/overlay.md","filePath":"guide/overlay.md","lastUpdated":1709219794000}'),h={name:"guide/overlay.md"},l=n(`<h1 id="覆盖物" tabindex="-1">覆盖物 <a class="header-anchor" href="#覆盖物" aria-label="Permalink to &quot;覆盖物&quot;">​</a></h1><p>本文档介绍了图表内置的覆盖物和如何自定义一个覆盖物。</p><h2 id="内置覆盖物类型" tabindex="-1">内置覆盖物类型 <a class="header-anchor" href="#内置覆盖物类型" aria-label="Permalink to &quot;内置覆盖物类型&quot;">​</a></h2><p><code>horizontalRayLine</code>, <code>horizontalSegment</code>, <code>horizontalStraightLine</code>, <code>verticalRayLine</code>, <code>verticalSegment</code>, <code>verticalStraightLine</code>, <code>rayLine</code>, <code>segment</code>, <code>straightLine</code>, <code>priceLine</code>, <code>priceChannelLine</code>, <code>parallelStraightLine</code>, <code>fibonacciLine</code>, <code>simpleAnnotation</code>, <code>simpleTag</code></p><h2 id="自定义覆盖物" tabindex="-1">自定义覆盖物 <a class="header-anchor" href="#自定义覆盖物" aria-label="Permalink to &quot;自定义覆盖物&quot;">​</a></h2><p>自定义一个覆盖物，然后通过<code>klinecharts.registerOverlay</code> 全局添加，添加到图表即可和内置覆盖物一样去使用。</p><h3 id="属性说明" tabindex="-1">属性说明 <a class="header-anchor" href="#属性说明" aria-label="Permalink to &quot;属性说明&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 名称，必须字段，作为覆盖物创建的唯一标识</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"></span>
diff --git a/assets/guide_overlay.md.182ozwhC.lean.js b/assets/guide_overlay.md.CosxYA4R.lean.js
similarity index 69%
rename from assets/guide_overlay.md.182ozwhC.lean.js
rename to assets/guide_overlay.md.CosxYA4R.lean.js
index d60c60fb0..37cd75b80 100644
--- a/assets/guide_overlay.md.182ozwhC.lean.js
+++ b/assets/guide_overlay.md.CosxYA4R.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.b3gnc5d8.js";const F=JSON.parse('{"title":"覆盖物","description":"","frontmatter":{},"headers":[],"relativePath":"guide/overlay.md","filePath":"guide/overlay.md","lastUpdated":1709219794000}'),h={name:"guide/overlay.md"},l=n("",12),t=[l];function k(p,e,r,y,d,g){return a(),i("div",null,t)}const E=s(h,[["render",k]]);export{F as __pageData,E as default};
+import{_ as s,c as i,o as a,a4 as n}from"./chunks/framework.S5btFSuR.js";const F=JSON.parse('{"title":"覆盖物","description":"","frontmatter":{},"headers":[],"relativePath":"guide/overlay.md","filePath":"guide/overlay.md","lastUpdated":1709219794000}'),h={name:"guide/overlay.md"},l=n("",12),t=[l];function k(p,e,r,y,d,g){return a(),i("div",null,t)}const E=s(h,[["render",k]]);export{F as __pageData,E as default};
diff --git a/assets/guide_styles.md.h9MpVylp.js b/assets/guide_styles.md.tQLwjU4S.js
similarity index 99%
rename from assets/guide_styles.md.h9MpVylp.js
rename to assets/guide_styles.md.tQLwjU4S.js
index 848ee791f..982e2df7d 100644
--- a/assets/guide_styles.md.h9MpVylp.js
+++ b/assets/guide_styles.md.tQLwjU4S.js
@@ -1,4 +1,4 @@
-import{S as a}from"./chunks/StyleExplain.5uViWWeX.js";import{c as n,J as h,m as s,a as i,a4 as k,o as l}from"./chunks/framework.b3gnc5d8.js";const p=s("h1",{id:"🎨-样式配置",tabindex:"-1"},[i("🎨 样式配置 "),s("a",{class:"header-anchor",href:"#🎨-样式配置","aria-label":'Permalink to "🎨 样式配置"'},"​")],-1),t=s("p",null,[i("图表上看到的不管是点还是线，基本都可以自定义样式。可以通过图表方法"),s("code",null,"init(ds, options)"),i("或者图表实例方法"),s("code",null,"setStyles(styles)"),i("进行更改。")],-1),F=s("h2",{id:"图解说明",tabindex:"-1"},[i("图解说明 "),s("a",{class:"header-anchor",href:"#图解说明","aria-label":'Permalink to "图解说明"'},"​")],-1),e=k(`<h2 id="默认完整配置" tabindex="-1">默认完整配置 <a class="header-anchor" href="#默认完整配置" aria-label="Permalink to &quot;默认完整配置&quot;">​</a></h2><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+import{S as a}from"./chunks/StyleExplain.80h5cdQ4.js";import{c as n,J as h,m as s,a as i,a4 as k,o as l}from"./chunks/framework.S5btFSuR.js";const p=s("h1",{id:"🎨-样式配置",tabindex:"-1"},[i("🎨 样式配置 "),s("a",{class:"header-anchor",href:"#🎨-样式配置","aria-label":'Permalink to "🎨 样式配置"'},"​")],-1),t=s("p",null,[i("图表上看到的不管是点还是线，基本都可以自定义样式。可以通过图表方法"),s("code",null,"init(ds, options)"),i("或者图表实例方法"),s("code",null,"setStyles(styles)"),i("进行更改。")],-1),F=s("h2",{id:"图解说明",tabindex:"-1"},[i("图解说明 "),s("a",{class:"header-anchor",href:"#图解说明","aria-label":'Permalink to "图解说明"'},"​")],-1),e=k(`<h2 id="默认完整配置" tabindex="-1">默认完整配置 <a class="header-anchor" href="#默认完整配置" aria-label="Permalink to &quot;默认完整配置&quot;">​</a></h2><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 网格线</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  grid</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">    show</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#FF9CAC;--shiki-light:#005CC5;"> true</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
diff --git a/assets/guide_styles.md.h9MpVylp.lean.js b/assets/guide_styles.md.tQLwjU4S.lean.js
similarity index 88%
rename from assets/guide_styles.md.h9MpVylp.lean.js
rename to assets/guide_styles.md.tQLwjU4S.lean.js
index 988e938fd..2dc272df6 100644
--- a/assets/guide_styles.md.h9MpVylp.lean.js
+++ b/assets/guide_styles.md.tQLwjU4S.lean.js
@@ -1 +1 @@
-import{S as a}from"./chunks/StyleExplain.5uViWWeX.js";import{c as n,J as h,m as s,a as i,a4 as k,o as l}from"./chunks/framework.b3gnc5d8.js";const p=s("h1",{id:"🎨-样式配置",tabindex:"-1"},[i("🎨 样式配置 "),s("a",{class:"header-anchor",href:"#🎨-样式配置","aria-label":'Permalink to "🎨 样式配置"'},"​")],-1),t=s("p",null,[i("图表上看到的不管是点还是线，基本都可以自定义样式。可以通过图表方法"),s("code",null,"init(ds, options)"),i("或者图表实例方法"),s("code",null,"setStyles(styles)"),i("进行更改。")],-1),F=s("h2",{id:"图解说明",tabindex:"-1"},[i("图解说明 "),s("a",{class:"header-anchor",href:"#图解说明","aria-label":'Permalink to "图解说明"'},"​")],-1),e=k("",2),E=JSON.parse('{"title":"🎨 样式配置","description":"","frontmatter":{},"headers":[],"relativePath":"guide/styles.md","filePath":"guide/styles.md","lastUpdated":1698868999000}'),r={name:"guide/styles.md"},c=Object.assign(r,{setup(D){return(d,y)=>(l(),n("div",null,[p,t,F,h(a),e]))}});export{E as __pageData,c as default};
+import{S as a}from"./chunks/StyleExplain.80h5cdQ4.js";import{c as n,J as h,m as s,a as i,a4 as k,o as l}from"./chunks/framework.S5btFSuR.js";const p=s("h1",{id:"🎨-样式配置",tabindex:"-1"},[i("🎨 样式配置 "),s("a",{class:"header-anchor",href:"#🎨-样式配置","aria-label":'Permalink to "🎨 样式配置"'},"​")],-1),t=s("p",null,[i("图表上看到的不管是点还是线，基本都可以自定义样式。可以通过图表方法"),s("code",null,"init(ds, options)"),i("或者图表实例方法"),s("code",null,"setStyles(styles)"),i("进行更改。")],-1),F=s("h2",{id:"图解说明",tabindex:"-1"},[i("图解说明 "),s("a",{class:"header-anchor",href:"#图解说明","aria-label":'Permalink to "图解说明"'},"​")],-1),e=k("",2),E=JSON.parse('{"title":"🎨 样式配置","description":"","frontmatter":{},"headers":[],"relativePath":"guide/styles.md","filePath":"guide/styles.md","lastUpdated":1698868999000}'),r={name:"guide/styles.md"},c=Object.assign(r,{setup(D){return(d,y)=>(l(),n("div",null,[p,t,F,h(a),e]))}});export{E as __pageData,c as default};
diff --git a/assets/guide_v8-to-v9.md.QFtAWg9R.js b/assets/guide_v8-to-v9.md.aAQMRSV4.js
similarity index 98%
rename from assets/guide_v8-to-v9.md.QFtAWg9R.js
rename to assets/guide_v8-to-v9.md.aAQMRSV4.js
index 5a533668d..32a97d1b9 100644
--- a/assets/guide_v8-to-v9.md.QFtAWg9R.js
+++ b/assets/guide_v8-to-v9.md.aAQMRSV4.js
@@ -1 +1 @@
-import{_ as e,c as o,o as c,a4 as d}from"./chunks/framework.b3gnc5d8.js";const m=JSON.parse('{"title":"🛠️ 从 V8 到 V9","description":"","frontmatter":{},"headers":[],"relativePath":"guide/v8-to-v9.md","filePath":"guide/v8-to-v9.md","lastUpdated":1709219794000}'),a={name:"guide/v8-to-v9.md"},i=d('<h1 id="🛠️-从-v8-到-v9" tabindex="-1">🛠️ 从 V8 到 V9 <a class="header-anchor" href="#🛠️-从-v8-到-v9" aria-label="Permalink to &quot;🛠️ 从 V8 到 V9&quot;">​</a></h1><p>本文档将帮助你从 klinecharts 8.x 版本升级到 klinecharts 9.x 版本，如果你是 7.x 或者更老的版本，请先参考之前的升级文档升级到 8.x。</p><h2 id="引入调整" tabindex="-1">引入调整 <a class="header-anchor" href="#引入调整" aria-label="Permalink to &quot;引入调整&quot;">​</a></h2><p>不再区分<code>klinecharts/index.blank</code>和<code>klinecharts/index.simple</code>，请统一使用<code>import { ... } from &#39;klinecharts&#39;</code>。</p><h2 id="设计调整" tabindex="-1">设计调整 <a class="header-anchor" href="#设计调整" aria-label="Permalink to &quot;设计调整&quot;">​</a></h2><p><code>shape</code>，<code>annotation</code>，<code>tag</code>合并成<code>overlay</code>，详情请查阅<a href="./overlay.html">覆盖物</a>。</p><h2 id="样式配置调整" tabindex="-1">样式配置调整 <a class="header-anchor" href="#样式配置调整" aria-label="Permalink to &quot;样式配置调整&quot;">​</a></h2><ul><li>所有线的样式选项<code>dash</code>，更改为<code>dashed</code>，<code>dashValue</code>更改为<code>dashedValue</code>。</li><li><code>candle.tooltip.labels</code>和<code>candle.tooltip.values</code>，合并为<code>candle.tooltip.custom</code>。</li><li><code>xAxis.height</code>变更为<code>xAxis.size</code>，<code>xAxis.tickText.paddingTop</code>变更为<code>xAxis.tickText.marginStart</code>，<code>xAxis.tickText.paddingBottom</code>变更为<code>xAxis.tickText.marginEnd</code>。</li><li><code>yAxis.height</code>变更为<code>yAxis.size</code>，<code>yAxis.tickText.paddingTop</code>变更为<code>yAxis.tickText.marginStart</code>，<code>yAxis.tickText.paddingBottom</code>变更为<code>yAxis.tickText.marginEnd</code>。</li><li><code>technicalIndicator.bar</code>变更为<code>indicator.bars</code>，<code>technicalIndicator.line</code>变更为<code>indicator.lines</code>，<code>technicalIndicator.circle</code>变更为<code>indicator.circles</code>。</li><li>删除<code>shape</code>，<code>annotation</code>，<code>tag</code>，请用<code>overlay</code>代替。</li></ul><h2 id="api调整" tabindex="-1">API调整 <a class="header-anchor" href="#api调整" aria-label="Permalink to &quot;API调整&quot;">​</a></h2><h3 id="图表api" tabindex="-1">图表API <a class="header-anchor" href="#图表api" aria-label="Permalink to &quot;图表API&quot;">​</a></h3><ul><li><code>extension.addTechnicalIndicatorTemplate(template)</code>变更为<code>registerIndicator(template)</code>。</li><li>删除<code>extension.addShapeTemplate(template)</code>，请用<code>registerOverlay(template)</code>代替。</li></ul><h3 id="实例api" tabindex="-1">实例API <a class="header-anchor" href="#实例api" aria-label="Permalink to &quot;实例API&quot;">​</a></h3><ul><li><code>getDom({ paneId, position })</code>变更为<code>getDom(paneId, position)</code>，参数<code>position</code>选项变更为<code>root</code>，<code>main</code>和<code>yAxis</code>。</li><li><code>getWidth()</code>和<code>getHeight()</code>合并成一个方法<code>getSize(paneId, position)</code>。</li><li><code>setStyleOptions(styles)</code>变更为<code>setStyles(styles)</code>。</li><li><code>getStyleOptions()</code>变更为<code>getStyles()</code>。</li><li><code>setOffsetRightSpace(space)</code>变更为<code>setOffsetRightDistance(distance)</code></li><li><code>createTechnicalIndicator(value, isStack, paneOptions)</code>变更为<code>createIndicator(value, isStack, paneOptions)</code></li><li><code>overrideTechnicalIndicator(override, paneId)</code>变更为<code>overrideIndicator(override, paneId)</code>。</li><li><code>getTechnicalIndicatorByPaneId(paneId, name)</code>变更为<code>getIndicatorByPaneId(paneId, name)</code>。</li><li><code>removeTechnicalIndicator(paneId, name)</code>变更为<code>removeIndicator(paneId, name)</code>。</li><li><code>subscribeAction(type, callback)</code>和<code>unsubscribeAction(type, callback)</code>，参数<code>type</code>选项变更为<code>onZoom</code>，<code>onScroll</code>，<code>onCrosshairChange</code>，<code>onVisibleRangeChange</code>和<code>onPaneDrag</code>。</li><li><code>convertToPixel(value, finder)</code>和<code>convertFromPixel(coordinate, finder)</code>，参数<code>finder.absoluteYAxis</code>变更为<code>finder.absolute</code>。</li><li>删除<code>createShape(value, paneId)</code>，<code>createAnnotation(annotation, paneId)</code>，<code>createTag(tag, paneId)</code>，请用<code>createOverlay(value, paneId)</code>代替。</li><li>删除<code>removeShape(id)</code>，<code>removeAnnotation(paneId, points)</code>，<code>removeTag(paneId, tagId)</code>，请用<code>removeOverlay(id)</code>代替。</li><li>删除<code>setShapeOptions(options)</code>，请用<code>overrideOverlay(override)</code>代替。</li><li>删除<code>createHtml(html, paneId)</code>，<code>removeHtml(paneId, htmlId)</code>，请通过<code>getDom(paneId, position)</code>获取到对应的dom后操作。</li><li>删除<code>getTechnicalIndicatorByPaneId(paneId, name)</code>。</li></ul><h3 id="图形辅助api" tabindex="-1">图形辅助API <a class="header-anchor" href="#图形辅助api" aria-label="Permalink to &quot;图形辅助API&quot;">​</a></h3><ul><li>所有的API都迁移至<code>klinecharts.utils</code>。</li></ul><h2 id="自定义技术指标调整" tabindex="-1">自定义技术指标调整 <a class="header-anchor" href="#自定义技术指标调整" aria-label="Permalink to &quot;自定义技术指标调整&quot;">​</a></h2><ul><li>属性<code>plots</code>变更为<code>figures</code>，子项方法<code>color</code>，<code>isStroke</code>，<code>isDashed</code>合并成<code>styles</code>。</li><li>方法<code>regeneratePlots(params)</code>变更为<code>regenerateFigures(params)</code>。</li><li>方法<code>calcTechnicalIndicator(kLineDataList, options)</code>变更为<code>calc(kLineDataList, indicator)</code>。</li><li>方法<code>createTooltipDataSource({ dataSource, viewport, crosshair, technicalIndicator, xAxis,yAxis, defaultStyles })</code>变更为<code>createTooltipDataSource({ kLineDataList, indicator, visibleRange, bounding, crosshair, defaultStyles, xAxis, yAxis })</code>，返回值由<code>[{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; }, ...]</code>变更为<code>{ name: &#39;xxx&#39;, calcParamsText: &#39;xxx&#39;, values: [{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; }, ...] }</code>。</li><li>方法<code>render({ ctx, dataSource, viewport, styles,xAxis, yAxis })</code>变更为<code>draw({ ctx, kLineDataList, indicator, visibleRange, bounding, barSpace, defaultStyles, xAxis, yAxis })</code>。</li><li>删除属性<code>shouldCheckParamCount</code>。</li></ul>',17),t=[i];function l(n,r,s,h,p,x){return c(),o("div",null,t)}const I=e(a,[["render",l]]);export{m as __pageData,I as default};
+import{_ as e,c as o,o as c,a4 as d}from"./chunks/framework.S5btFSuR.js";const m=JSON.parse('{"title":"🛠️ 从 V8 到 V9","description":"","frontmatter":{},"headers":[],"relativePath":"guide/v8-to-v9.md","filePath":"guide/v8-to-v9.md","lastUpdated":1709219794000}'),a={name:"guide/v8-to-v9.md"},i=d('<h1 id="🛠️-从-v8-到-v9" tabindex="-1">🛠️ 从 V8 到 V9 <a class="header-anchor" href="#🛠️-从-v8-到-v9" aria-label="Permalink to &quot;🛠️ 从 V8 到 V9&quot;">​</a></h1><p>本文档将帮助你从 klinecharts 8.x 版本升级到 klinecharts 9.x 版本，如果你是 7.x 或者更老的版本，请先参考之前的升级文档升级到 8.x。</p><h2 id="引入调整" tabindex="-1">引入调整 <a class="header-anchor" href="#引入调整" aria-label="Permalink to &quot;引入调整&quot;">​</a></h2><p>不再区分<code>klinecharts/index.blank</code>和<code>klinecharts/index.simple</code>，请统一使用<code>import { ... } from &#39;klinecharts&#39;</code>。</p><h2 id="设计调整" tabindex="-1">设计调整 <a class="header-anchor" href="#设计调整" aria-label="Permalink to &quot;设计调整&quot;">​</a></h2><p><code>shape</code>，<code>annotation</code>，<code>tag</code>合并成<code>overlay</code>，详情请查阅<a href="./overlay.html">覆盖物</a>。</p><h2 id="样式配置调整" tabindex="-1">样式配置调整 <a class="header-anchor" href="#样式配置调整" aria-label="Permalink to &quot;样式配置调整&quot;">​</a></h2><ul><li>所有线的样式选项<code>dash</code>，更改为<code>dashed</code>，<code>dashValue</code>更改为<code>dashedValue</code>。</li><li><code>candle.tooltip.labels</code>和<code>candle.tooltip.values</code>，合并为<code>candle.tooltip.custom</code>。</li><li><code>xAxis.height</code>变更为<code>xAxis.size</code>，<code>xAxis.tickText.paddingTop</code>变更为<code>xAxis.tickText.marginStart</code>，<code>xAxis.tickText.paddingBottom</code>变更为<code>xAxis.tickText.marginEnd</code>。</li><li><code>yAxis.height</code>变更为<code>yAxis.size</code>，<code>yAxis.tickText.paddingTop</code>变更为<code>yAxis.tickText.marginStart</code>，<code>yAxis.tickText.paddingBottom</code>变更为<code>yAxis.tickText.marginEnd</code>。</li><li><code>technicalIndicator.bar</code>变更为<code>indicator.bars</code>，<code>technicalIndicator.line</code>变更为<code>indicator.lines</code>，<code>technicalIndicator.circle</code>变更为<code>indicator.circles</code>。</li><li>删除<code>shape</code>，<code>annotation</code>，<code>tag</code>，请用<code>overlay</code>代替。</li></ul><h2 id="api调整" tabindex="-1">API调整 <a class="header-anchor" href="#api调整" aria-label="Permalink to &quot;API调整&quot;">​</a></h2><h3 id="图表api" tabindex="-1">图表API <a class="header-anchor" href="#图表api" aria-label="Permalink to &quot;图表API&quot;">​</a></h3><ul><li><code>extension.addTechnicalIndicatorTemplate(template)</code>变更为<code>registerIndicator(template)</code>。</li><li>删除<code>extension.addShapeTemplate(template)</code>，请用<code>registerOverlay(template)</code>代替。</li></ul><h3 id="实例api" tabindex="-1">实例API <a class="header-anchor" href="#实例api" aria-label="Permalink to &quot;实例API&quot;">​</a></h3><ul><li><code>getDom({ paneId, position })</code>变更为<code>getDom(paneId, position)</code>，参数<code>position</code>选项变更为<code>root</code>，<code>main</code>和<code>yAxis</code>。</li><li><code>getWidth()</code>和<code>getHeight()</code>合并成一个方法<code>getSize(paneId, position)</code>。</li><li><code>setStyleOptions(styles)</code>变更为<code>setStyles(styles)</code>。</li><li><code>getStyleOptions()</code>变更为<code>getStyles()</code>。</li><li><code>setOffsetRightSpace(space)</code>变更为<code>setOffsetRightDistance(distance)</code></li><li><code>createTechnicalIndicator(value, isStack, paneOptions)</code>变更为<code>createIndicator(value, isStack, paneOptions)</code></li><li><code>overrideTechnicalIndicator(override, paneId)</code>变更为<code>overrideIndicator(override, paneId)</code>。</li><li><code>getTechnicalIndicatorByPaneId(paneId, name)</code>变更为<code>getIndicatorByPaneId(paneId, name)</code>。</li><li><code>removeTechnicalIndicator(paneId, name)</code>变更为<code>removeIndicator(paneId, name)</code>。</li><li><code>subscribeAction(type, callback)</code>和<code>unsubscribeAction(type, callback)</code>，参数<code>type</code>选项变更为<code>onZoom</code>，<code>onScroll</code>，<code>onCrosshairChange</code>，<code>onVisibleRangeChange</code>和<code>onPaneDrag</code>。</li><li><code>convertToPixel(value, finder)</code>和<code>convertFromPixel(coordinate, finder)</code>，参数<code>finder.absoluteYAxis</code>变更为<code>finder.absolute</code>。</li><li>删除<code>createShape(value, paneId)</code>，<code>createAnnotation(annotation, paneId)</code>，<code>createTag(tag, paneId)</code>，请用<code>createOverlay(value, paneId)</code>代替。</li><li>删除<code>removeShape(id)</code>，<code>removeAnnotation(paneId, points)</code>，<code>removeTag(paneId, tagId)</code>，请用<code>removeOverlay(id)</code>代替。</li><li>删除<code>setShapeOptions(options)</code>，请用<code>overrideOverlay(override)</code>代替。</li><li>删除<code>createHtml(html, paneId)</code>，<code>removeHtml(paneId, htmlId)</code>，请通过<code>getDom(paneId, position)</code>获取到对应的dom后操作。</li><li>删除<code>getTechnicalIndicatorByPaneId(paneId, name)</code>。</li></ul><h3 id="图形辅助api" tabindex="-1">图形辅助API <a class="header-anchor" href="#图形辅助api" aria-label="Permalink to &quot;图形辅助API&quot;">​</a></h3><ul><li>所有的API都迁移至<code>klinecharts.utils</code>。</li></ul><h2 id="自定义技术指标调整" tabindex="-1">自定义技术指标调整 <a class="header-anchor" href="#自定义技术指标调整" aria-label="Permalink to &quot;自定义技术指标调整&quot;">​</a></h2><ul><li>属性<code>plots</code>变更为<code>figures</code>，子项方法<code>color</code>，<code>isStroke</code>，<code>isDashed</code>合并成<code>styles</code>。</li><li>方法<code>regeneratePlots(params)</code>变更为<code>regenerateFigures(params)</code>。</li><li>方法<code>calcTechnicalIndicator(kLineDataList, options)</code>变更为<code>calc(kLineDataList, indicator)</code>。</li><li>方法<code>createTooltipDataSource({ dataSource, viewport, crosshair, technicalIndicator, xAxis,yAxis, defaultStyles })</code>变更为<code>createTooltipDataSource({ kLineDataList, indicator, visibleRange, bounding, crosshair, defaultStyles, xAxis, yAxis })</code>，返回值由<code>[{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; }, ...]</code>变更为<code>{ name: &#39;xxx&#39;, calcParamsText: &#39;xxx&#39;, values: [{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; }, ...] }</code>。</li><li>方法<code>render({ ctx, dataSource, viewport, styles,xAxis, yAxis })</code>变更为<code>draw({ ctx, kLineDataList, indicator, visibleRange, bounding, barSpace, defaultStyles, xAxis, yAxis })</code>。</li><li>删除属性<code>shouldCheckParamCount</code>。</li></ul>',17),t=[i];function l(n,r,s,h,p,x){return c(),o("div",null,t)}const I=e(a,[["render",l]]);export{m as __pageData,I as default};
diff --git a/assets/guide_v8-to-v9.md.QFtAWg9R.lean.js b/assets/guide_v8-to-v9.md.aAQMRSV4.lean.js
similarity index 70%
rename from assets/guide_v8-to-v9.md.QFtAWg9R.lean.js
rename to assets/guide_v8-to-v9.md.aAQMRSV4.lean.js
index 571f05b17..67304e66a 100644
--- a/assets/guide_v8-to-v9.md.QFtAWg9R.lean.js
+++ b/assets/guide_v8-to-v9.md.aAQMRSV4.lean.js
@@ -1 +1 @@
-import{_ as e,c as o,o as c,a4 as d}from"./chunks/framework.b3gnc5d8.js";const m=JSON.parse('{"title":"🛠️ 从 V8 到 V9","description":"","frontmatter":{},"headers":[],"relativePath":"guide/v8-to-v9.md","filePath":"guide/v8-to-v9.md","lastUpdated":1709219794000}'),a={name:"guide/v8-to-v9.md"},i=d("",17),t=[i];function l(n,r,s,h,p,x){return c(),o("div",null,t)}const I=e(a,[["render",l]]);export{m as __pageData,I as default};
+import{_ as e,c as o,o as c,a4 as d}from"./chunks/framework.S5btFSuR.js";const m=JSON.parse('{"title":"🛠️ 从 V8 到 V9","description":"","frontmatter":{},"headers":[],"relativePath":"guide/v8-to-v9.md","filePath":"guide/v8-to-v9.md","lastUpdated":1709219794000}'),a={name:"guide/v8-to-v9.md"},i=d("",17),t=[i];function l(n,r,s,h,p,x){return c(),o("div",null,t)}const I=e(a,[["render",l]]);export{m as __pageData,I as default};
diff --git a/assets/guide_what-is-klinechart.md.jAq7RHvv.js b/assets/guide_what-is-klinechart.md.UonmXvqD.js
similarity index 91%
rename from assets/guide_what-is-klinechart.md.jAq7RHvv.js
rename to assets/guide_what-is-klinechart.md.UonmXvqD.js
index 2b734e062..6118a1eee 100644
--- a/assets/guide_what-is-klinechart.md.jAq7RHvv.js
+++ b/assets/guide_what-is-klinechart.md.UonmXvqD.js
@@ -1 +1 @@
-import{_ as t,c as a,o as e,a4 as r}from"./chunks/framework.b3gnc5d8.js";const u=JSON.parse('{"title":"📃 介绍","description":"","frontmatter":{},"headers":[],"relativePath":"guide/what-is-klinechart.md","filePath":"guide/what-is-klinechart.md","lastUpdated":1679066795000}'),i={name:"guide/what-is-klinechart.md"},n=r('<h1 id="📃-介绍" tabindex="-1">📃 介绍 <a class="header-anchor" href="#📃-介绍" aria-label="Permalink to &quot;📃 介绍&quot;">​</a></h1><h2 id="什么是-klinechart" tabindex="-1">什么是 KLineChart？ <a class="header-anchor" href="#什么是-klinechart" aria-label="Permalink to &quot;什么是 KLineChart？&quot;">​</a></h2><p>KLineChart，是一款可高度自定义的专业级轻量金融图表。</p><h2 id="特性" tabindex="-1">特性 <a class="header-anchor" href="#特性" aria-label="Permalink to &quot;特性&quot;">​</a></h2><ul><li>📦 <strong>开箱即用：</strong>简单快速集成，基本零成本上手。</li><li>🚀 <strong>轻量流畅：</strong>零依赖，Gzip压缩下仅40k。</li><li>💪 <strong>功能强大：</strong>内置多种指标和画线模型。</li><li>🎨 <strong>高可扩展：</strong>丰富的样式配置和API，功能扩展随心所欲。</li><li>📱 <strong>移动端：</strong>支持移动端，一个图表，搞定多端。</li><li>🛡 <strong>Typescript开发：</strong>提供完整的类型定义文件。</li></ul>',5),o=[n];function s(l,h,c,d,_,p){return e(),a("div",null,o)}const m=t(i,[["render",s]]);export{u as __pageData,m as default};
+import{_ as t,c as a,o as e,a4 as r}from"./chunks/framework.S5btFSuR.js";const u=JSON.parse('{"title":"📃 介绍","description":"","frontmatter":{},"headers":[],"relativePath":"guide/what-is-klinechart.md","filePath":"guide/what-is-klinechart.md","lastUpdated":1679066795000}'),i={name:"guide/what-is-klinechart.md"},n=r('<h1 id="📃-介绍" tabindex="-1">📃 介绍 <a class="header-anchor" href="#📃-介绍" aria-label="Permalink to &quot;📃 介绍&quot;">​</a></h1><h2 id="什么是-klinechart" tabindex="-1">什么是 KLineChart？ <a class="header-anchor" href="#什么是-klinechart" aria-label="Permalink to &quot;什么是 KLineChart？&quot;">​</a></h2><p>KLineChart，是一款可高度自定义的专业级轻量金融图表。</p><h2 id="特性" tabindex="-1">特性 <a class="header-anchor" href="#特性" aria-label="Permalink to &quot;特性&quot;">​</a></h2><ul><li>📦 <strong>开箱即用：</strong>简单快速集成，基本零成本上手。</li><li>🚀 <strong>轻量流畅：</strong>零依赖，Gzip压缩下仅40k。</li><li>💪 <strong>功能强大：</strong>内置多种指标和画线模型。</li><li>🎨 <strong>高可扩展：</strong>丰富的样式配置和API，功能扩展随心所欲。</li><li>📱 <strong>移动端：</strong>支持移动端，一个图表，搞定多端。</li><li>🛡 <strong>Typescript开发：</strong>提供完整的类型定义文件。</li></ul>',5),o=[n];function s(l,h,c,d,_,p){return e(),a("div",null,o)}const m=t(i,[["render",s]]);export{u as __pageData,m as default};
diff --git a/assets/guide_what-is-klinechart.md.jAq7RHvv.lean.js b/assets/guide_what-is-klinechart.md.UonmXvqD.lean.js
similarity index 71%
rename from assets/guide_what-is-klinechart.md.jAq7RHvv.lean.js
rename to assets/guide_what-is-klinechart.md.UonmXvqD.lean.js
index 12588cc26..afc973a31 100644
--- a/assets/guide_what-is-klinechart.md.jAq7RHvv.lean.js
+++ b/assets/guide_what-is-klinechart.md.UonmXvqD.lean.js
@@ -1 +1 @@
-import{_ as t,c as a,o as e,a4 as r}from"./chunks/framework.b3gnc5d8.js";const u=JSON.parse('{"title":"📃 介绍","description":"","frontmatter":{},"headers":[],"relativePath":"guide/what-is-klinechart.md","filePath":"guide/what-is-klinechart.md","lastUpdated":1679066795000}'),i={name:"guide/what-is-klinechart.md"},n=r("",5),o=[n];function s(l,h,c,d,_,p){return e(),a("div",null,o)}const m=t(i,[["render",s]]);export{u as __pageData,m as default};
+import{_ as t,c as a,o as e,a4 as r}from"./chunks/framework.S5btFSuR.js";const u=JSON.parse('{"title":"📃 介绍","description":"","frontmatter":{},"headers":[],"relativePath":"guide/what-is-klinechart.md","filePath":"guide/what-is-klinechart.md","lastUpdated":1679066795000}'),i={name:"guide/what-is-klinechart.md"},n=r("",5),o=[n];function s(l,h,c,d,_,p){return e(),a("div",null,o)}const m=t(i,[["render",s]]);export{u as __pageData,m as default};
diff --git a/assets/index.md.d29q78QD.js b/assets/index.md.GViJCsLA.js
similarity index 95%
rename from assets/index.md.d29q78QD.js
rename to assets/index.md.GViJCsLA.js
index 0c31b6143..4dacc27ec 100644
--- a/assets/index.md.d29q78QD.js
+++ b/assets/index.md.GViJCsLA.js
@@ -1 +1 @@
-import{_ as e,c as t,o as i}from"./chunks/framework.b3gnc5d8.js";const p=JSON.parse('{"title":"可高度自定义的专业级轻量金融图表","description":"","frontmatter":{"title":"可高度自定义的专业级轻量金融图表","layout":"home","hero":{"name":"KLineChart","text":"可高度自定义的专业级轻量金融图表","tagline":"简单易用，轻量流畅，适用场景丰富的 Web 前端金融图表。","image":{"src":"/images/logo_hero.svg","alt":"KLineChart"},"actions":[{"theme":"brand","text":"快速开始","link":"/guide/getting-started"},{"theme":"alt","text":"在 Github 上查看","link":"https://github.com/liihuu/KLineChart"}]},"features":[{"icon":{"src":"/images/box.png"},"title":"开箱即用","details":"简单快速集成，零成本上手，显示出一个图表仅需3行代码，让所有注意力都能放在数据对接上。"},{"icon":{"src":"/images/rocket.png"},"title":"轻量流畅","details":"零依赖，Gzip压缩下仅50k左右，4G网络下加载耗时不足1毫秒。图表即使在成千上万蜡烛图的情况下也能保持流畅。"},{"icon":{"src":"/images/expand.png"},"title":"高可扩展","details":"提供丰富的配置和Api，样式修改、功能搭配随心所欲。提供技术指标和画线模型扩展，让图表拥有更多可能。"}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1703707313000}'),a={name:"index.md"};function n(s,r,o,c,d,l){return i(),t("div")}const g=e(a,[["render",n]]);export{p as __pageData,g as default};
+import{_ as e,c as t,o as i}from"./chunks/framework.S5btFSuR.js";const p=JSON.parse('{"title":"可高度自定义的专业级轻量金融图表","description":"","frontmatter":{"title":"可高度自定义的专业级轻量金融图表","layout":"home","hero":{"name":"KLineChart","text":"可高度自定义的专业级轻量金融图表","tagline":"简单易用，轻量流畅，适用场景丰富的 Web 前端金融图表。","image":{"src":"/images/logo_hero.svg","alt":"KLineChart"},"actions":[{"theme":"brand","text":"快速开始","link":"/guide/getting-started"},{"theme":"alt","text":"在 Github 上查看","link":"https://github.com/liihuu/KLineChart"}]},"features":[{"icon":{"src":"/images/box.png"},"title":"开箱即用","details":"简单快速集成，零成本上手，显示出一个图表仅需3行代码，让所有注意力都能放在数据对接上。"},{"icon":{"src":"/images/rocket.png"},"title":"轻量流畅","details":"零依赖，Gzip压缩下仅50k左右，4G网络下加载耗时不足1毫秒。图表即使在成千上万蜡烛图的情况下也能保持流畅。"},{"icon":{"src":"/images/expand.png"},"title":"高可扩展","details":"提供丰富的配置和Api，样式修改、功能搭配随心所欲。提供技术指标和画线模型扩展，让图表拥有更多可能。"}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1703707313000}'),a={name:"index.md"};function n(s,r,o,c,d,l){return i(),t("div")}const g=e(a,[["render",n]]);export{p as __pageData,g as default};
diff --git a/assets/index.md.d29q78QD.lean.js b/assets/index.md.GViJCsLA.lean.js
similarity index 95%
rename from assets/index.md.d29q78QD.lean.js
rename to assets/index.md.GViJCsLA.lean.js
index 0c31b6143..4dacc27ec 100644
--- a/assets/index.md.d29q78QD.lean.js
+++ b/assets/index.md.GViJCsLA.lean.js
@@ -1 +1 @@
-import{_ as e,c as t,o as i}from"./chunks/framework.b3gnc5d8.js";const p=JSON.parse('{"title":"可高度自定义的专业级轻量金融图表","description":"","frontmatter":{"title":"可高度自定义的专业级轻量金融图表","layout":"home","hero":{"name":"KLineChart","text":"可高度自定义的专业级轻量金融图表","tagline":"简单易用，轻量流畅，适用场景丰富的 Web 前端金融图表。","image":{"src":"/images/logo_hero.svg","alt":"KLineChart"},"actions":[{"theme":"brand","text":"快速开始","link":"/guide/getting-started"},{"theme":"alt","text":"在 Github 上查看","link":"https://github.com/liihuu/KLineChart"}]},"features":[{"icon":{"src":"/images/box.png"},"title":"开箱即用","details":"简单快速集成，零成本上手，显示出一个图表仅需3行代码，让所有注意力都能放在数据对接上。"},{"icon":{"src":"/images/rocket.png"},"title":"轻量流畅","details":"零依赖，Gzip压缩下仅50k左右，4G网络下加载耗时不足1毫秒。图表即使在成千上万蜡烛图的情况下也能保持流畅。"},{"icon":{"src":"/images/expand.png"},"title":"高可扩展","details":"提供丰富的配置和Api，样式修改、功能搭配随心所欲。提供技术指标和画线模型扩展，让图表拥有更多可能。"}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1703707313000}'),a={name:"index.md"};function n(s,r,o,c,d,l){return i(),t("div")}const g=e(a,[["render",n]]);export{p as __pageData,g as default};
+import{_ as e,c as t,o as i}from"./chunks/framework.S5btFSuR.js";const p=JSON.parse('{"title":"可高度自定义的专业级轻量金融图表","description":"","frontmatter":{"title":"可高度自定义的专业级轻量金融图表","layout":"home","hero":{"name":"KLineChart","text":"可高度自定义的专业级轻量金融图表","tagline":"简单易用，轻量流畅，适用场景丰富的 Web 前端金融图表。","image":{"src":"/images/logo_hero.svg","alt":"KLineChart"},"actions":[{"theme":"brand","text":"快速开始","link":"/guide/getting-started"},{"theme":"alt","text":"在 Github 上查看","link":"https://github.com/liihuu/KLineChart"}]},"features":[{"icon":{"src":"/images/box.png"},"title":"开箱即用","details":"简单快速集成，零成本上手，显示出一个图表仅需3行代码，让所有注意力都能放在数据对接上。"},{"icon":{"src":"/images/rocket.png"},"title":"轻量流畅","details":"零依赖，Gzip压缩下仅50k左右，4G网络下加载耗时不足1毫秒。图表即使在成千上万蜡烛图的情况下也能保持流畅。"},{"icon":{"src":"/images/expand.png"},"title":"高可扩展","details":"提供丰富的配置和Api，样式修改、功能搭配随心所欲。提供技术指标和画线模型扩展，让图表拥有更多可能。"}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1703707313000}'),a={name:"index.md"};function n(s,r,o,c,d,l){return i(),t("div")}const g=e(a,[["render",n]]);export{p as __pageData,g as default};
diff --git a/assets/sample_axis.md.Gg6kL3uO.js b/assets/sample_axis.md.8quueyiX.js
similarity index 99%
rename from assets/sample_axis.md.Gg6kL3uO.js
rename to assets/sample_axis.md.8quueyiX.js
index 07df000a1..1a399cf57 100644
--- a/assets/sample_axis.md.Gg6kL3uO.js
+++ b/assets/sample_axis.md.8quueyiX.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.NJyxUrxi.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"坐标轴",tabindex:"-1"},[l("坐标轴 "),a("a",{class:"header-anchor",href:"#坐标轴","aria-label":'Permalink to "坐标轴"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-hsfVd" id="tab-UF3mvi_" checked="checked"><label for="tab-UF3mvi_">JavaScript</label><input type="radio" name="group-hsfVd" id="tab-YqNgVbH"><label for="tab-YqNgVbH">HTML</label><input type="radio" name="group-hsfVd" id="tab-8YvRxC7"><label for="tab-8YvRxC7">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.NJyxUrxi.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"坐标轴",tabindex:"-1"},[l("坐标轴 "),a("a",{class:"header-anchor",href:"#坐标轴","aria-label":'Permalink to "坐标轴"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-yThkW" id="tab-A8eYKfH" checked="checked"><label for="tab-A8eYKfH">JavaScript</label><input type="radio" name="group-yThkW" id="tab--gW4X1e"><label for="tab--gW4X1e">HTML</label><input type="radio" name="group-yThkW" id="tab-LREGS_C"><label for="tab-LREGS_C">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/sample_axis.md.Gg6kL3uO.lean.js b/assets/sample_axis.md.8quueyiX.lean.js
similarity index 84%
rename from assets/sample_axis.md.Gg6kL3uO.lean.js
rename to assets/sample_axis.md.8quueyiX.lean.js
index 22f3f3f5d..e2e76cdc0 100644
--- a/assets/sample_axis.md.Gg6kL3uO.lean.js
+++ b/assets/sample_axis.md.8quueyiX.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.NJyxUrxi.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"坐标轴",tabindex:"-1"},[l("坐标轴 "),a("a",{class:"header-anchor",href:"#坐标轴","aria-label":'Permalink to "坐标轴"'},"​")],-1),r=p("",1),A=JSON.parse('{"title":"坐标轴","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/axis.md","filePath":"sample/axis.md","lastUpdated":1702763973000}'),F={name:"sample/axis.md"},C=Object.assign(F,{setup(D){return(d,y)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"坐标轴"},null,8,["js","html","css"]),r]))}});export{A as __pageData,C as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.NJyxUrxi.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"坐标轴",tabindex:"-1"},[l("坐标轴 "),a("a",{class:"header-anchor",href:"#坐标轴","aria-label":'Permalink to "坐标轴"'},"​")],-1),r=p("",1),A=JSON.parse('{"title":"坐标轴","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/axis.md","filePath":"sample/axis.md","lastUpdated":1702763973000}'),F={name:"sample/axis.md"},C=Object.assign(F,{setup(D){return(d,y)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"坐标轴"},null,8,["js","html","css"]),r]))}});export{A as __pageData,C as default};
diff --git a/assets/sample_basic.md.pUi578Xl.js b/assets/sample_basic.md.XS5srsFh.js
similarity index 98%
rename from assets/sample_basic.md.pUi578Xl.js
rename to assets/sample_basic.md.XS5srsFh.js
index e16724664..0f6a07c98 100644
--- a/assets/sample_basic.md.pUi578Xl.js
+++ b/assets/sample_basic.md.XS5srsFh.js
@@ -1,4 +1,4 @@
-import{C as h}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.NF-J8PY-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"基础展示",tabindex:"-1"},[l("基础展示 "),a("a",{class:"header-anchor",href:"#基础展示","aria-label":'Permalink to "基础展示"'},"​")],-1),r=t(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-42X34" id="tab-8Vgw6Lh" checked="checked"><label for="tab-8Vgw6Lh">JavaScript</label><input type="radio" name="group-42X34" id="tab-jAn_gcC"><label for="tab-jAn_gcC">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as h}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.NF-J8PY-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"基础展示",tabindex:"-1"},[l("基础展示 "),a("a",{class:"header-anchor",href:"#基础展示","aria-label":'Permalink to "基础展示"'},"​")],-1),r=t(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-Ng75O" id="tab-7KcZpIA" checked="checked"><label for="tab-7KcZpIA">JavaScript</label><input type="radio" name="group-Ng75O" id="tab-n8dTz-S"><label for="tab-n8dTz-S">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">  let</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> basePrice</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 5000</span></span>
diff --git a/assets/sample_basic.md.pUi578Xl.lean.js b/assets/sample_basic.md.XS5srsFh.lean.js
similarity index 84%
rename from assets/sample_basic.md.pUi578Xl.lean.js
rename to assets/sample_basic.md.XS5srsFh.lean.js
index 52b81d60c..e17be7c2b 100644
--- a/assets/sample_basic.md.pUi578Xl.lean.js
+++ b/assets/sample_basic.md.XS5srsFh.lean.js
@@ -1 +1 @@
-import{C as h}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.NF-J8PY-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"基础展示",tabindex:"-1"},[l("基础展示 "),a("a",{class:"header-anchor",href:"#基础展示","aria-label":'Permalink to "基础展示"'},"​")],-1),r=t("",1),C=JSON.parse('{"title":"基础展示","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/basic.md","filePath":"sample/basic.md","lastUpdated":1702763973000}'),d={name:"sample/basic.md"},c=Object.assign(d,{setup(F){return(D,g)=>(p(),n("div",null,[e,k(h,{js:i(s)["index.js"],html:i(s)["index.html"],title:"基础展示"},null,8,["js","html"]),r]))}});export{C as __pageData,c as default};
+import{C as h}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.NF-J8PY-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"基础展示",tabindex:"-1"},[l("基础展示 "),a("a",{class:"header-anchor",href:"#基础展示","aria-label":'Permalink to "基础展示"'},"​")],-1),r=t("",1),C=JSON.parse('{"title":"基础展示","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/basic.md","filePath":"sample/basic.md","lastUpdated":1702763973000}'),d={name:"sample/basic.md"},c=Object.assign(d,{setup(F){return(D,g)=>(p(),n("div",null,[e,k(h,{js:i(s)["index.js"],html:i(s)["index.html"],title:"基础展示"},null,8,["js","html"]),r]))}});export{C as __pageData,c as default};
diff --git a/assets/sample_candle-type.md.8toIYtuJ.js b/assets/sample_candle-type.md.yrAL-bsb.js
similarity index 99%
rename from assets/sample_candle-type.md.8toIYtuJ.js
rename to assets/sample_candle-type.md.yrAL-bsb.js
index 851fa7ce3..ad972a9cd 100644
--- a/assets/sample_candle-type.md.8toIYtuJ.js
+++ b/assets/sample_candle-type.md.yrAL-bsb.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.OtKzJCHs.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"蜡烛类型",tabindex:"-1"},[l("蜡烛类型 "),a("a",{class:"header-anchor",href:"#蜡烛类型","aria-label":'Permalink to "蜡烛类型"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-LBil9" id="tab-abqQyB1" checked="checked"><label for="tab-abqQyB1">JavaScript</label><input type="radio" name="group-LBil9" id="tab-BK0OPdf"><label for="tab-BK0OPdf">HTML</label><input type="radio" name="group-LBil9" id="tab-bz4WjxU"><label for="tab-bz4WjxU">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.OtKzJCHs.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"蜡烛类型",tabindex:"-1"},[l("蜡烛类型 "),a("a",{class:"header-anchor",href:"#蜡烛类型","aria-label":'Permalink to "蜡烛类型"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-Q3TH2" id="tab-cY2aDRe" checked="checked"><label for="tab-cY2aDRe">JavaScript</label><input type="radio" name="group-Q3TH2" id="tab-cT4Y5Ql"><label for="tab-cT4Y5Ql">HTML</label><input type="radio" name="group-Q3TH2" id="tab-_NBR7gD"><label for="tab-_NBR7gD">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/sample_candle-type.md.8toIYtuJ.lean.js b/assets/sample_candle-type.md.yrAL-bsb.lean.js
similarity index 85%
rename from assets/sample_candle-type.md.8toIYtuJ.lean.js
rename to assets/sample_candle-type.md.yrAL-bsb.lean.js
index 1042a4940..430e7549c 100644
--- a/assets/sample_candle-type.md.8toIYtuJ.lean.js
+++ b/assets/sample_candle-type.md.yrAL-bsb.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.OtKzJCHs.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"蜡烛类型",tabindex:"-1"},[l("蜡烛类型 "),a("a",{class:"header-anchor",href:"#蜡烛类型","aria-label":'Permalink to "蜡烛类型"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"蜡烛类型","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/candle-type.md","filePath":"sample/candle-type.md","lastUpdated":1702763973000}'),F={name:"sample/candle-type.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"蜡烛类型"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.OtKzJCHs.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"蜡烛类型",tabindex:"-1"},[l("蜡烛类型 "),a("a",{class:"header-anchor",href:"#蜡烛类型","aria-label":'Permalink to "蜡烛类型"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"蜡烛类型","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/candle-type.md","filePath":"sample/candle-type.md","lastUpdated":1702763973000}'),F={name:"sample/candle-type.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"蜡烛类型"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
diff --git a/assets/sample_data.md.OZ0Mw7p7.js b/assets/sample_data.md.fAiHBDxi.js
similarity index 99%
rename from assets/sample_data.md.OZ0Mw7p7.js
rename to assets/sample_data.md.fAiHBDxi.js
index b1529b440..c0f52e6a3 100644
--- a/assets/sample_data.md.OZ0Mw7p7.js
+++ b/assets/sample_data.md.fAiHBDxi.js
@@ -1,4 +1,4 @@
-import{C as h}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.cB-cgzs-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"数据加载",tabindex:"-1"},[l("数据加载 "),a("a",{class:"header-anchor",href:"#数据加载","aria-label":'Permalink to "数据加载"'},"​")],-1),r=t(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-29WPd" id="tab-mSxIIhV" checked="checked"><label for="tab-mSxIIhV">JavaScript</label><input type="radio" name="group-29WPd" id="tab-YD-2l3N"><label for="tab-YD-2l3N">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as h}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.cB-cgzs-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"数据加载",tabindex:"-1"},[l("数据加载 "),a("a",{class:"header-anchor",href:"#数据加载","aria-label":'Permalink to "数据加载"'},"​")],-1),r=t(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-RVV0y" id="tab-LEqju65" checked="checked"><label for="tab-LEqju65">JavaScript</label><input type="radio" name="group-RVV0y" id="tab-f6DZkHU"><label for="tab-f6DZkHU">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">  let</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> basePrice</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 5000</span></span>
diff --git a/assets/sample_data.md.OZ0Mw7p7.lean.js b/assets/sample_data.md.fAiHBDxi.lean.js
similarity index 84%
rename from assets/sample_data.md.OZ0Mw7p7.lean.js
rename to assets/sample_data.md.fAiHBDxi.lean.js
index d785e1932..494abc655 100644
--- a/assets/sample_data.md.OZ0Mw7p7.lean.js
+++ b/assets/sample_data.md.fAiHBDxi.lean.js
@@ -1 +1 @@
-import{C as h}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.cB-cgzs-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"数据加载",tabindex:"-1"},[l("数据加载 "),a("a",{class:"header-anchor",href:"#数据加载","aria-label":'Permalink to "数据加载"'},"​")],-1),r=t("",1),C=JSON.parse('{"title":"数据加载","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/data.md","filePath":"sample/data.md","lastUpdated":1702763973000}'),F={name:"sample/data.md"},B=Object.assign(F,{setup(D){return(d,g)=>(p(),n("div",null,[e,k(h,{js:i(s)["index.js"],html:i(s)["index.html"],title:"数据加载"},null,8,["js","html"]),r]))}});export{C as __pageData,B as default};
+import{C as h}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.cB-cgzs-.js";import{c as n,J as k,p as i,m as a,a as l,a4 as t,o as p}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"数据加载",tabindex:"-1"},[l("数据加载 "),a("a",{class:"header-anchor",href:"#数据加载","aria-label":'Permalink to "数据加载"'},"​")],-1),r=t("",1),C=JSON.parse('{"title":"数据加载","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/data.md","filePath":"sample/data.md","lastUpdated":1702763973000}'),F={name:"sample/data.md"},B=Object.assign(F,{setup(D){return(d,g)=>(p(),n("div",null,[e,k(h,{js:i(s)["index.js"],html:i(s)["index.html"],title:"数据加载"},null,8,["js","html"]),r]))}});export{C as __pageData,B as default};
diff --git a/assets/sample_i18n.md.0igRcPtH.js b/assets/sample_i18n.md.hevtbunJ.js
similarity index 99%
rename from assets/sample_i18n.md.0igRcPtH.js
rename to assets/sample_i18n.md.hevtbunJ.js
index 402b11dcd..1ef9ead46 100644
--- a/assets/sample_i18n.md.0igRcPtH.js
+++ b/assets/sample_i18n.md.hevtbunJ.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.y2z3XanR.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"多语言",tabindex:"-1"},[l("多语言 "),a("a",{class:"header-anchor",href:"#多语言","aria-label":'Permalink to "多语言"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-teXJi" id="tab-fjgMqrF" checked="checked"><label for="tab-fjgMqrF">JavaScript</label><input type="radio" name="group-teXJi" id="tab-tm8Kl_X"><label for="tab-tm8Kl_X">HTML</label><input type="radio" name="group-teXJi" id="tab-HR-zg8T"><label for="tab-HR-zg8T">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerLocale</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.y2z3XanR.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"多语言",tabindex:"-1"},[l("多语言 "),a("a",{class:"header-anchor",href:"#多语言","aria-label":'Permalink to "多语言"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-T-kRc" id="tab-_6BLsND" checked="checked"><label for="tab-_6BLsND">JavaScript</label><input type="radio" name="group-T-kRc" id="tab-l5aXkL5"><label for="tab-l5aXkL5">HTML</label><input type="radio" name="group-T-kRc" id="tab-vQuU0jy"><label for="tab-vQuU0jy">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerLocale</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.less</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/sample_i18n.md.0igRcPtH.lean.js b/assets/sample_i18n.md.hevtbunJ.lean.js
similarity index 84%
rename from assets/sample_i18n.md.0igRcPtH.lean.js
rename to assets/sample_i18n.md.hevtbunJ.lean.js
index ab3a80d2d..d4446a53c 100644
--- a/assets/sample_i18n.md.0igRcPtH.lean.js
+++ b/assets/sample_i18n.md.hevtbunJ.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.y2z3XanR.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"多语言",tabindex:"-1"},[l("多语言 "),a("a",{class:"header-anchor",href:"#多语言","aria-label":'Permalink to "多语言"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"多语言","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/i18n.md","filePath":"sample/i18n.md","lastUpdated":1702763973000}'),F={name:"sample/i18n.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"多语言"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.y2z3XanR.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"多语言",tabindex:"-1"},[l("多语言 "),a("a",{class:"header-anchor",href:"#多语言","aria-label":'Permalink to "多语言"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"多语言","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/i18n.md","filePath":"sample/i18n.md","lastUpdated":1702763973000}'),F={name:"sample/i18n.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"多语言"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
diff --git a/assets/sample_indicator.md.iQYEEMo9.js b/assets/sample_indicator.md.A_IyVpmE.js
similarity index 99%
rename from assets/sample_indicator.md.iQYEEMo9.js
rename to assets/sample_indicator.md.A_IyVpmE.js
index fa9254cd0..42a89ceac 100644
--- a/assets/sample_indicator.md.iQYEEMo9.js
+++ b/assets/sample_indicator.md.A_IyVpmE.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.kgSofxY-.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"技术指标",tabindex:"-1"},[l("技术指标 "),a("a",{class:"header-anchor",href:"#技术指标","aria-label":'Permalink to "技术指标"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-8iN8P" id="tab-haS3Rpy" checked="checked"><label for="tab-haS3Rpy">JavaScript</label><input type="radio" name="group-8iN8P" id="tab-gUW2aMs"><label for="tab-gUW2aMs">HTML</label><input type="radio" name="group-8iN8P" id="tab-m2DSlbw"><label for="tab-m2DSlbw">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerIndicator</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.kgSofxY-.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"技术指标",tabindex:"-1"},[l("技术指标 "),a("a",{class:"header-anchor",href:"#技术指标","aria-label":'Permalink to "技术指标"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-zHAyz" id="tab-y1KHOsx" checked="checked"><label for="tab-y1KHOsx">JavaScript</label><input type="radio" name="group-zHAyz" id="tab-uIjhpFp"><label for="tab-uIjhpFp">HTML</label><input type="radio" name="group-zHAyz" id="tab-UlWLrWD"><label for="tab-UlWLrWD">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerIndicator</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">const</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> fruits</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> [</span></span>
diff --git a/assets/sample_indicator.md.iQYEEMo9.lean.js b/assets/sample_indicator.md.A_IyVpmE.lean.js
similarity index 85%
rename from assets/sample_indicator.md.iQYEEMo9.lean.js
rename to assets/sample_indicator.md.A_IyVpmE.lean.js
index 9893d94d7..b02f8d8e0 100644
--- a/assets/sample_indicator.md.iQYEEMo9.lean.js
+++ b/assets/sample_indicator.md.A_IyVpmE.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.kgSofxY-.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"技术指标",tabindex:"-1"},[l("技术指标 "),a("a",{class:"header-anchor",href:"#技术指标","aria-label":'Permalink to "技术指标"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"技术指标","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/indicator.md","filePath":"sample/indicator.md","lastUpdated":1702763973000}'),F={name:"sample/indicator.md"},C=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"技术指标"},null,8,["js","html","css"]),r]))}});export{c as __pageData,C as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.kgSofxY-.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"技术指标",tabindex:"-1"},[l("技术指标 "),a("a",{class:"header-anchor",href:"#技术指标","aria-label":'Permalink to "技术指标"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"技术指标","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/indicator.md","filePath":"sample/indicator.md","lastUpdated":1702763973000}'),F={name:"sample/indicator.md"},C=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"技术指标"},null,8,["js","html","css"]),r]))}});export{c as __pageData,C as default};
diff --git a/assets/sample_overlay.md.xpFlScsm.js b/assets/sample_overlay.md.h5TTSo2F.js
similarity index 99%
rename from assets/sample_overlay.md.xpFlScsm.js
rename to assets/sample_overlay.md.h5TTSo2F.js
index 3030e2217..51628ca17 100644
--- a/assets/sample_overlay.md.xpFlScsm.js
+++ b/assets/sample_overlay.md.h5TTSo2F.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.6_i1IoHj.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"覆盖物",tabindex:"-1"},[l("覆盖物 "),a("a",{class:"header-anchor",href:"#覆盖物","aria-label":'Permalink to "覆盖物"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-U62BF" id="tab-v1_VFt1" checked="checked"><label for="tab-v1_VFt1">JavaScript</label><input type="radio" name="group-U62BF" id="tab-rse8UET"><label for="tab-rse8UET">HTML</label><input type="radio" name="group-U62BF" id="tab-03rvlxu"><label for="tab-03rvlxu">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerOverlay</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.6_i1IoHj.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"覆盖物",tabindex:"-1"},[l("覆盖物 "),a("a",{class:"header-anchor",href:"#覆盖物","aria-label":'Permalink to "覆盖物"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-2JrIp" id="tab-njAX9ci" checked="checked"><label for="tab-njAX9ci">JavaScript</label><input type="radio" name="group-2JrIp" id="tab-978o_g6"><label for="tab-978o_g6">HTML</label><input type="radio" name="group-2JrIp" id="tab-etsbbNm"><label for="tab-etsbbNm">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerOverlay</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/sample_overlay.md.xpFlScsm.lean.js b/assets/sample_overlay.md.h5TTSo2F.lean.js
similarity index 84%
rename from assets/sample_overlay.md.xpFlScsm.lean.js
rename to assets/sample_overlay.md.h5TTSo2F.lean.js
index 69be15b8c..0092e726b 100644
--- a/assets/sample_overlay.md.xpFlScsm.lean.js
+++ b/assets/sample_overlay.md.h5TTSo2F.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.6_i1IoHj.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"覆盖物",tabindex:"-1"},[l("覆盖物 "),a("a",{class:"header-anchor",href:"#覆盖物","aria-label":'Permalink to "覆盖物"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"覆盖物","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/overlay.md","filePath":"sample/overlay.md","lastUpdated":1702763973000}'),F={name:"sample/overlay.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"覆盖物"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.6_i1IoHj.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"覆盖物",tabindex:"-1"},[l("覆盖物 "),a("a",{class:"header-anchor",href:"#覆盖物","aria-label":'Permalink to "覆盖物"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"覆盖物","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/overlay.md","filePath":"sample/overlay.md","lastUpdated":1702763973000}'),F={name:"sample/overlay.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"覆盖物"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
diff --git a/assets/sample_theme.md.9j4hWCAD.js b/assets/sample_theme.md.kIrBxDSv.js
similarity index 99%
rename from assets/sample_theme.md.9j4hWCAD.js
rename to assets/sample_theme.md.kIrBxDSv.js
index 0ede46f88..59d375bcc 100644
--- a/assets/sample_theme.md.9j4hWCAD.js
+++ b/assets/sample_theme.md.kIrBxDSv.js
@@ -1,4 +1,4 @@
-import{u as l,C as p,y as t,c as e,J as r,p as i,m as k,a as F,a4 as D,o as d}from"./chunks/framework.b3gnc5d8.js";import{C as g}from"./chunks/SampleChart.xePfGVXN.js";import{d as a}from"./chunks/index.dUYfzHaM.js";const y=k("h1",{id:"主题",tabindex:"-1"},[F("主题 "),k("a",{class:"header-anchor",href:"#主题","aria-label":'Permalink to "主题"'},"​")],-1),E=D(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-L3lEZ" id="tab-CUAC4vO" checked="checked"><label for="tab-CUAC4vO">JavaScript</label><input type="radio" name="group-L3lEZ" id="tab-2XTLeV6"><label for="tab-2XTLeV6">HTML</label><input type="radio" name="group-L3lEZ" id="tab-SjCQKYL"><label for="tab-SjCQKYL">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerStyles</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{u as l,C as p,y as t,c as e,J as r,p as i,m as k,a as F,a4 as D,o as d}from"./chunks/framework.S5btFSuR.js";import{C as g}from"./chunks/SampleChart.OnyG1hsW.js";import{d as a}from"./chunks/index.dUYfzHaM.js";const y=k("h1",{id:"主题",tabindex:"-1"},[F("主题 "),k("a",{class:"header-anchor",href:"#主题","aria-label":'Permalink to "主题"'},"​")],-1),E=D(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-ohoyK" id="tab-1ifXDij" checked="checked"><label for="tab-1ifXDij">JavaScript</label><input type="radio" name="group-ohoyK" id="tab-B6Q9c1c"><label for="tab-B6Q9c1c">HTML</label><input type="radio" name="group-ohoyK" id="tab-CjMtIpj"><label for="tab-CjMtIpj">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerStyles</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/sample_theme.md.9j4hWCAD.lean.js b/assets/sample_theme.md.kIrBxDSv.lean.js
similarity index 88%
rename from assets/sample_theme.md.9j4hWCAD.lean.js
rename to assets/sample_theme.md.kIrBxDSv.lean.js
index 813a0ad5f..626ea4f9c 100644
--- a/assets/sample_theme.md.9j4hWCAD.lean.js
+++ b/assets/sample_theme.md.kIrBxDSv.lean.js
@@ -1 +1 @@
-import{u as l,C as p,y as t,c as e,J as r,p as i,m as k,a as F,a4 as D,o as d}from"./chunks/framework.b3gnc5d8.js";import{C as g}from"./chunks/SampleChart.xePfGVXN.js";import{d as a}from"./chunks/index.dUYfzHaM.js";const y=k("h1",{id:"主题",tabindex:"-1"},[F("主题 "),k("a",{class:"header-anchor",href:"#主题","aria-label":'Permalink to "主题"'},"​")],-1),E=D("",1),o=JSON.parse('{"title":"主题","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/theme.md","filePath":"sample/theme.md","lastUpdated":1702763973000}'),c={name:"sample/theme.md"},u=Object.assign(c,{setup(C){const{isDark:n}=l();return p(()=>{document.getElementById("k-line-chart").style.backgroundColor=n.value?"#1b1b1f":"#ffffff"}),t(n,h=>{const s=document.getElementById("k-line-chart");h?s.style.backgroundColor="#1b1b1f":s.style.backgroundColor="#ffffff"}),(h,s)=>(d(),e("div",null,[y,r(g,{js:i(a)["index.js"],css:i(a)["index.css"],html:i(a)["index.html"],title:"主题"},null,8,["js","css","html"]),E]))}});export{o as __pageData,u as default};
+import{u as l,C as p,y as t,c as e,J as r,p as i,m as k,a as F,a4 as D,o as d}from"./chunks/framework.S5btFSuR.js";import{C as g}from"./chunks/SampleChart.OnyG1hsW.js";import{d as a}from"./chunks/index.dUYfzHaM.js";const y=k("h1",{id:"主题",tabindex:"-1"},[F("主题 "),k("a",{class:"header-anchor",href:"#主题","aria-label":'Permalink to "主题"'},"​")],-1),E=D("",1),o=JSON.parse('{"title":"主题","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/theme.md","filePath":"sample/theme.md","lastUpdated":1702763973000}'),c={name:"sample/theme.md"},u=Object.assign(c,{setup(C){const{isDark:n}=l();return p(()=>{document.getElementById("k-line-chart").style.backgroundColor=n.value?"#1b1b1f":"#ffffff"}),t(n,h=>{const s=document.getElementById("k-line-chart");h?s.style.backgroundColor="#1b1b1f":s.style.backgroundColor="#ffffff"}),(h,s)=>(d(),e("div",null,[y,r(g,{js:i(a)["index.js"],css:i(a)["index.css"],html:i(a)["index.html"],title:"主题"},null,8,["js","css","html"]),E]))}});export{o as __pageData,u as default};
diff --git a/assets/sample_timezone.md.WdAsfTk0.js b/assets/sample_timezone.md.yGCN9HaU.js
similarity index 98%
rename from assets/sample_timezone.md.WdAsfTk0.js
rename to assets/sample_timezone.md.yGCN9HaU.js
index e99555fcd..5b706bcf2 100644
--- a/assets/sample_timezone.md.WdAsfTk0.js
+++ b/assets/sample_timezone.md.yGCN9HaU.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.P_g88P_L.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"时区",tabindex:"-1"},[l("时区 "),a("a",{class:"header-anchor",href:"#时区","aria-label":'Permalink to "时区"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-QdXcf" id="tab-V8bmUuc" checked="checked"><label for="tab-V8bmUuc">JavaScript</label><input type="radio" name="group-QdXcf" id="tab-By5iaUx"><label for="tab-By5iaUx">HTML</label><input type="radio" name="group-QdXcf" id="tab-jt3vZF2"><label for="tab-jt3vZF2">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.P_g88P_L.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"时区",tabindex:"-1"},[l("时区 "),a("a",{class:"header-anchor",href:"#时区","aria-label":'Permalink to "时区"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-gsoTo" id="tab-OMz7syQ" checked="checked"><label for="tab-OMz7syQ">JavaScript</label><input type="radio" name="group-gsoTo" id="tab-ukfHgNT"><label for="tab-ukfHgNT">HTML</label><input type="radio" name="group-gsoTo" id="tab-0svWUE5"><label for="tab-0svWUE5">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/sample_timezone.md.WdAsfTk0.lean.js b/assets/sample_timezone.md.yGCN9HaU.lean.js
similarity index 84%
rename from assets/sample_timezone.md.WdAsfTk0.lean.js
rename to assets/sample_timezone.md.yGCN9HaU.lean.js
index f554c6630..a35c9f1f0 100644
--- a/assets/sample_timezone.md.WdAsfTk0.lean.js
+++ b/assets/sample_timezone.md.yGCN9HaU.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.P_g88P_L.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"时区",tabindex:"-1"},[l("时区 "),a("a",{class:"header-anchor",href:"#时区","aria-label":'Permalink to "时区"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"时区","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/timezone.md","filePath":"sample/timezone.md","lastUpdated":1702763973000}'),F={name:"sample/timezone.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"时区"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.P_g88P_L.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"时区",tabindex:"-1"},[l("时区 "),a("a",{class:"header-anchor",href:"#时区","aria-label":'Permalink to "时区"'},"​")],-1),r=p("",1),c=JSON.parse('{"title":"时区","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/timezone.md","filePath":"sample/timezone.md","lastUpdated":1702763973000}'),F={name:"sample/timezone.md"},A=Object.assign(F,{setup(D){return(d,g)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"时区"},null,8,["js","html","css"]),r]))}});export{c as __pageData,A as default};
diff --git a/assets/sample_tooltip.md.idFylDGx.js b/assets/sample_tooltip.md.wGwi01KI.js
similarity index 99%
rename from assets/sample_tooltip.md.idFylDGx.js
rename to assets/sample_tooltip.md.wGwi01KI.js
index ff3adb057..a3716c6ae 100644
--- a/assets/sample_tooltip.md.idFylDGx.js
+++ b/assets/sample_tooltip.md.wGwi01KI.js
@@ -1,4 +1,4 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.xwYS8h76.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"提示条",tabindex:"-1"},[l("提示条 "),a("a",{class:"header-anchor",href:"#提示条","aria-label":'Permalink to "提示条"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-ZhqO3" id="tab-rRRNZwZ" checked="checked"><label for="tab-rRRNZwZ">JavaScript</label><input type="radio" name="group-ZhqO3" id="tab-ZoCIxQZ"><label for="tab-ZoCIxQZ">HTML</label><input type="radio" name="group-ZhqO3" id="tab-WbtZyTV"><label for="tab-WbtZyTV">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.xwYS8h76.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"提示条",tabindex:"-1"},[l("提示条 "),a("a",{class:"header-anchor",href:"#提示条","aria-label":'Permalink to "提示条"'},"​")],-1),r=p(`<div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-5HVZB" id="tab-XbKUrQk" checked="checked"><label for="tab-XbKUrQk">JavaScript</label><input type="radio" name="group-5HVZB" id="tab-glKbE42"><label for="tab-glKbE42">HTML</label><input type="radio" name="group-5HVZB" id="tab-6Sl30su"><label for="tab-6Sl30su">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
diff --git a/assets/sample_tooltip.md.idFylDGx.lean.js b/assets/sample_tooltip.md.wGwi01KI.lean.js
similarity index 84%
rename from assets/sample_tooltip.md.idFylDGx.lean.js
rename to assets/sample_tooltip.md.wGwi01KI.lean.js
index bd7ca4349..e978b791a 100644
--- a/assets/sample_tooltip.md.idFylDGx.lean.js
+++ b/assets/sample_tooltip.md.wGwi01KI.lean.js
@@ -1 +1 @@
-import{C as n}from"./chunks/SampleChart.xePfGVXN.js";import{d as s}from"./chunks/index.xwYS8h76.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.b3gnc5d8.js";const e=a("h1",{id:"提示条",tabindex:"-1"},[l("提示条 "),a("a",{class:"header-anchor",href:"#提示条","aria-label":'Permalink to "提示条"'},"​")],-1),r=p("",1),A=JSON.parse('{"title":"提示条","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/tooltip.md","filePath":"sample/tooltip.md","lastUpdated":1702763973000}'),F={name:"sample/tooltip.md"},C=Object.assign(F,{setup(D){return(d,y)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"提示条"},null,8,["js","html","css"]),r]))}});export{A as __pageData,C as default};
+import{C as n}from"./chunks/SampleChart.OnyG1hsW.js";import{d as s}from"./chunks/index.xwYS8h76.js";import{c as h,J as k,p as i,m as a,a as l,a4 as p,o as t}from"./chunks/framework.S5btFSuR.js";const e=a("h1",{id:"提示条",tabindex:"-1"},[l("提示条 "),a("a",{class:"header-anchor",href:"#提示条","aria-label":'Permalink to "提示条"'},"​")],-1),r=p("",1),A=JSON.parse('{"title":"提示条","description":"","frontmatter":{"aside":false,"editLink":false},"headers":[],"relativePath":"sample/tooltip.md","filePath":"sample/tooltip.md","lastUpdated":1702763973000}'),F={name:"sample/tooltip.md"},C=Object.assign(F,{setup(D){return(d,y)=>(t(),h("div",null,[e,k(n,{js:i(s)["index.js"],html:i(s)["index.html"],css:i(s)["index.css"],title:"提示条"},null,8,["js","html","css"]),r]))}});export{A as __pageData,C as default};
diff --git a/assets/sponsor.md.wKPK1i-f.js b/assets/sponsor.md.ImRh9tP0.js
similarity index 95%
rename from assets/sponsor.md.wKPK1i-f.js
rename to assets/sponsor.md.ImRh9tP0.js
index d5fb01543..a28281f43 100644
--- a/assets/sponsor.md.wKPK1i-f.js
+++ b/assets/sponsor.md.ImRh9tP0.js
@@ -1 +1 @@
-import{_ as a,c as e,o as t,a4 as r,a9 as i,aa as o}from"./chunks/framework.b3gnc5d8.js";const b=JSON.parse('{"title":"❤️ 赞助","description":"","frontmatter":{"sidebar":false,"editLink":false,"lastUpdated":false},"headers":[],"relativePath":"sponsor.md","filePath":"sponsor.md","lastUpdated":1699988097000}'),l={name:"sponsor.md"},s=r('<h1 id="❤️-赞助" tabindex="-1">❤️ 赞助 <a class="header-anchor" href="#❤️-赞助" aria-label="Permalink to &quot;❤️ 赞助&quot;">​</a></h1><p>KLineChart 是采用 Apache-2.0 许可的开源项目，使用完全免费。</p><p>如果你觉得插件还不错，希望你能在 <a href="https://github.com/liihuu/KLineChart" target="_blank" rel="noreferrer">GitHub</a> 点一个 🌟。如果能够打赏一杯 ☕️，那就真的太感谢了。</p><p>对于赞助 KLineChart 的组织或个人，如果需要将组织官网或者个人主页展示在 <a href="https://klinecharts.com" target="_blank" rel="noreferrer">https://klinecharts.com</a> 首页，请提供付款账号或地址，logo，主页链接等信息，发送邮件到 <a href="mailto:hu_li888@foxmail.com" target="_blank" rel="noreferrer">hu_li888@foxmail.com</a> 。赞助额达到 $800 的，将在大号logo展示区展示，前三名，将使用超大logo展示。</p><h2 id="赞助渠道" tabindex="-1">赞助渠道 <a class="header-anchor" href="#赞助渠道" aria-label="Permalink to &quot;赞助渠道&quot;">​</a></h2><h3 id="支付宝" tabindex="-1">支付宝 <a class="header-anchor" href="#支付宝" aria-label="Permalink to &quot;支付宝&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="'+i+'"><h3 id="微信支付" tabindex="-1">微信支付 <a class="header-anchor" href="#微信支付" aria-label="Permalink to &quot;微信支付&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="'+o+'"><h3 id="加密货币" tabindex="-1">加密货币 <a class="header-anchor" href="#加密货币" aria-label="Permalink to &quot;加密货币&quot;">​</a></h3><ul><li>BTC: <a href="./.html">bc1qnwzukszzk5xfk0zs3sr8etzgctgnrtqts43jzp3khe6gm7xazprsp4y6n3</a></li><li>ETH: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-ERC20: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-Omni: <a href="./.html">3DSXSbTbMwXumaaqMySVPgedBP9rGhpnfQ</a></li><li>USDT-TRC20: <a href="./.html">THJpTQmFGaVm12KE1Jzc5mLXiApP6qXMCi</a></li></ul>',11),h=[s];function n(c,d,p,m,_,f){return t(),e("div",null,h)}const x=a(l,[["render",n]]);export{b as __pageData,x as default};
+import{_ as a,c as e,o as t,a4 as r,a8 as i,a9 as o}from"./chunks/framework.S5btFSuR.js";const b=JSON.parse('{"title":"❤️ 赞助","description":"","frontmatter":{"sidebar":false,"editLink":false,"lastUpdated":false},"headers":[],"relativePath":"sponsor.md","filePath":"sponsor.md","lastUpdated":1699988097000}'),l={name:"sponsor.md"},s=r('<h1 id="❤️-赞助" tabindex="-1">❤️ 赞助 <a class="header-anchor" href="#❤️-赞助" aria-label="Permalink to &quot;❤️ 赞助&quot;">​</a></h1><p>KLineChart 是采用 Apache-2.0 许可的开源项目，使用完全免费。</p><p>如果你觉得插件还不错，希望你能在 <a href="https://github.com/liihuu/KLineChart" target="_blank" rel="noreferrer">GitHub</a> 点一个 🌟。如果能够打赏一杯 ☕️，那就真的太感谢了。</p><p>对于赞助 KLineChart 的组织或个人，如果需要将组织官网或者个人主页展示在 <a href="https://klinecharts.com" target="_blank" rel="noreferrer">https://klinecharts.com</a> 首页，请提供付款账号或地址，logo，主页链接等信息，发送邮件到 <a href="mailto:hu_li888@foxmail.com" target="_blank" rel="noreferrer">hu_li888@foxmail.com</a> 。赞助额达到 $800 的，将在大号logo展示区展示，前三名，将使用超大logo展示。</p><h2 id="赞助渠道" tabindex="-1">赞助渠道 <a class="header-anchor" href="#赞助渠道" aria-label="Permalink to &quot;赞助渠道&quot;">​</a></h2><h3 id="支付宝" tabindex="-1">支付宝 <a class="header-anchor" href="#支付宝" aria-label="Permalink to &quot;支付宝&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="'+i+'"><h3 id="微信支付" tabindex="-1">微信支付 <a class="header-anchor" href="#微信支付" aria-label="Permalink to &quot;微信支付&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="'+o+'"><h3 id="加密货币" tabindex="-1">加密货币 <a class="header-anchor" href="#加密货币" aria-label="Permalink to &quot;加密货币&quot;">​</a></h3><ul><li>BTC: <a href="./.html">bc1qnwzukszzk5xfk0zs3sr8etzgctgnrtqts43jzp3khe6gm7xazprsp4y6n3</a></li><li>ETH: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-ERC20: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-Omni: <a href="./.html">3DSXSbTbMwXumaaqMySVPgedBP9rGhpnfQ</a></li><li>USDT-TRC20: <a href="./.html">THJpTQmFGaVm12KE1Jzc5mLXiApP6qXMCi</a></li></ul>',11),h=[s];function n(c,d,p,m,_,f){return t(),e("div",null,h)}const x=a(l,[["render",n]]);export{b as __pageData,x as default};
diff --git a/assets/sponsor.md.wKPK1i-f.lean.js b/assets/sponsor.md.ImRh9tP0.lean.js
similarity index 72%
rename from assets/sponsor.md.wKPK1i-f.lean.js
rename to assets/sponsor.md.ImRh9tP0.lean.js
index ed3744d51..1d058ff4a 100644
--- a/assets/sponsor.md.wKPK1i-f.lean.js
+++ b/assets/sponsor.md.ImRh9tP0.lean.js
@@ -1 +1 @@
-import{_ as a,c as e,o as t,a4 as r,a9 as i,aa as o}from"./chunks/framework.b3gnc5d8.js";const b=JSON.parse('{"title":"❤️ 赞助","description":"","frontmatter":{"sidebar":false,"editLink":false,"lastUpdated":false},"headers":[],"relativePath":"sponsor.md","filePath":"sponsor.md","lastUpdated":1699988097000}'),l={name:"sponsor.md"},s=r("",11),h=[s];function n(c,d,p,m,_,f){return t(),e("div",null,h)}const x=a(l,[["render",n]]);export{b as __pageData,x as default};
+import{_ as a,c as e,o as t,a4 as r,a8 as i,a9 as o}from"./chunks/framework.S5btFSuR.js";const b=JSON.parse('{"title":"❤️ 赞助","description":"","frontmatter":{"sidebar":false,"editLink":false,"lastUpdated":false},"headers":[],"relativePath":"sponsor.md","filePath":"sponsor.md","lastUpdated":1699988097000}'),l={name:"sponsor.md"},s=r("",11),h=[s];function n(c,d,p,m,_,f){return t(),e("div",null,h)}const x=a(l,[["render",n]]);export{b as __pageData,x as default};
diff --git a/assets/style.wxAF7zCM.css b/assets/style.Vy96gPBS.css
similarity index 64%
rename from assets/style.wxAF7zCM.css
rename to assets/style.Vy96gPBS.css
index 1a7f6aa5e..eda4de226 100644
--- a/assets/style.wxAF7zCM.css
+++ b/assets/style.Vy96gPBS.css
@@ -1 +1 @@
-@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-cyrillic.jIZ9REo5.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-cyrillic-ext.8T9wMG5w.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-greek.Cb5wWeGA.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-greek-ext.9JiNzaSO.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-latin.bvIUbFQP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-latin-ext.GZWE-KO4.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-vietnamese.paY3CzEB.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-cyrillic.-nLMcIwj.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-cyrillic-ext.OVycGSDq.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-greek.PSfer2Kc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-greek-ext.hznxWNZO.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-latin.27E69YJn.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-latin-ext.RnFly65-.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-vietnamese.xzQHe1q1.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chinese Quotes;src:local("PingFang SC Regular"),local("PingFang SC"),local("SimHei"),local("Source Han Sans SC");unicode-range:U+2018,U+2019,U+201C,U+201D}:root{--vp-c-white: #ffffff;--vp-c-black: #000000;--vp-c-neutral: var(--vp-c-black);--vp-c-neutral-inverse: var(--vp-c-white)}.dark{--vp-c-neutral: var(--vp-c-white);--vp-c-neutral-inverse: var(--vp-c-black)}:root{--vp-c-gray-1: #dddde3;--vp-c-gray-2: #e4e4e9;--vp-c-gray-3: #ebebef;--vp-c-gray-soft: rgba(142, 150, 170, .14);--vp-c-indigo-1: #3451b2;--vp-c-indigo-2: #3a5ccc;--vp-c-indigo-3: #5672cd;--vp-c-indigo-soft: rgba(100, 108, 255, .14);--vp-c-purple-1: #6f42c1;--vp-c-purple-2: #7e4cc9;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .14);--vp-c-green-1: #18794e;--vp-c-green-2: #299764;--vp-c-green-3: #30a46c;--vp-c-green-soft: rgba(16, 185, 129, .14);--vp-c-yellow-1: #915930;--vp-c-yellow-2: #946300;--vp-c-yellow-3: #9f6a00;--vp-c-yellow-soft: rgba(234, 179, 8, .14);--vp-c-red-1: #b8272c;--vp-c-red-2: #d5393e;--vp-c-red-3: #e0575b;--vp-c-red-soft: rgba(244, 63, 94, .14);--vp-c-sponsor: #db2777}.dark{--vp-c-gray-1: #515c67;--vp-c-gray-2: #414853;--vp-c-gray-3: #32363f;--vp-c-gray-soft: rgba(101, 117, 133, .16);--vp-c-indigo-1: #a8b1ff;--vp-c-indigo-2: #5c73e7;--vp-c-indigo-3: #3e63dd;--vp-c-indigo-soft: rgba(100, 108, 255, .16);--vp-c-purple-1: #c8abfa;--vp-c-purple-2: #a879e6;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .16);--vp-c-green-1: #3dd68c;--vp-c-green-2: #30a46c;--vp-c-green-3: #298459;--vp-c-green-soft: rgba(16, 185, 129, .16);--vp-c-yellow-1: #f9b44e;--vp-c-yellow-2: #da8b17;--vp-c-yellow-3: #a46a0a;--vp-c-yellow-soft: rgba(234, 179, 8, .16);--vp-c-red-1: #f66f81;--vp-c-red-2: #f14158;--vp-c-red-3: #b62a3c;--vp-c-red-soft: rgba(244, 63, 94, .16)}:root{--vp-c-bg: #ffffff;--vp-c-bg-alt: #f6f6f7;--vp-c-bg-elv: #ffffff;--vp-c-bg-soft: #f6f6f7}.dark{--vp-c-bg: #1b1b1f;--vp-c-bg-alt: #161618;--vp-c-bg-elv: #202127;--vp-c-bg-soft: #202127}:root{--vp-c-border: #c2c2c4;--vp-c-divider: #e2e2e3;--vp-c-gutter: #e2e2e3}.dark{--vp-c-border: #3c3f44;--vp-c-divider: #2e2e32;--vp-c-gutter: #000000}:root{--vp-c-text-1: rgba(60, 60, 67);--vp-c-text-2: rgba(60, 60, 67, .78);--vp-c-text-3: rgba(60, 60, 67, .56)}.dark{--vp-c-text-1: rgba(255, 255, 245, .86);--vp-c-text-2: rgba(235, 235, 245, .6);--vp-c-text-3: rgba(235, 235, 245, .38)}:root{--vp-c-default-1: var(--vp-c-gray-1);--vp-c-default-2: var(--vp-c-gray-2);--vp-c-default-3: var(--vp-c-gray-3);--vp-c-default-soft: var(--vp-c-gray-soft);--vp-c-brand-1: var(--vp-c-indigo-1);--vp-c-brand-2: var(--vp-c-indigo-2);--vp-c-brand-3: var(--vp-c-indigo-3);--vp-c-brand-soft: var(--vp-c-indigo-soft);--vp-c-brand: var(--vp-c-brand-1);--vp-c-tip-1: var(--vp-c-brand-1);--vp-c-tip-2: var(--vp-c-brand-2);--vp-c-tip-3: var(--vp-c-brand-3);--vp-c-tip-soft: var(--vp-c-brand-soft);--vp-c-note-1: var(--vp-c-brand-1);--vp-c-note-2: var(--vp-c-brand-2);--vp-c-note-3: var(--vp-c-brand-3);--vp-c-note-soft: var(--vp-c-brand-soft);--vp-c-success-1: var(--vp-c-green-1);--vp-c-success-2: var(--vp-c-green-2);--vp-c-success-3: var(--vp-c-green-3);--vp-c-success-soft: var(--vp-c-green-soft);--vp-c-important-1: var(--vp-c-purple-1);--vp-c-important-2: var(--vp-c-purple-2);--vp-c-important-3: var(--vp-c-purple-3);--vp-c-important-soft: var(--vp-c-purple-soft);--vp-c-warning-1: var(--vp-c-yellow-1);--vp-c-warning-2: var(--vp-c-yellow-2);--vp-c-warning-3: var(--vp-c-yellow-3);--vp-c-warning-soft: var(--vp-c-yellow-soft);--vp-c-danger-1: var(--vp-c-red-1);--vp-c-danger-2: var(--vp-c-red-2);--vp-c-danger-3: var(--vp-c-red-3);--vp-c-danger-soft: var(--vp-c-red-soft);--vp-c-caution-1: var(--vp-c-red-1);--vp-c-caution-2: var(--vp-c-red-2);--vp-c-caution-3: var(--vp-c-red-3);--vp-c-caution-soft: var(--vp-c-red-soft)}:root{--vp-font-family-base: "Chinese Quotes", "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--vp-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root{--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)}:root{--vp-z-index-footer: 10;--vp-z-index-local-nav: 20;--vp-z-index-nav: 30;--vp-z-index-layout-top: 40;--vp-z-index-backdrop: 50;--vp-z-index-sidebar: 60}@media (min-width: 960px){:root{--vp-z-index-sidebar: 25}}:root{--vp-layout-max-width: 1440px}:root{--vp-header-anchor-symbol: "#"}:root{--vp-code-line-height: 1.7;--vp-code-font-size: .875em;--vp-code-color: var(--vp-c-brand-1);--vp-code-link-color: var(--vp-c-brand-1);--vp-code-link-hover-color: var(--vp-c-brand-2);--vp-code-bg: var(--vp-c-default-soft);--vp-code-block-color: var(--vp-c-text-2);--vp-code-block-bg: var(--vp-c-bg-alt);--vp-code-block-divider-color: var(--vp-c-gutter);--vp-code-lang-color: var(--vp-c-text-3);--vp-code-line-highlight-color: var(--vp-c-default-soft);--vp-code-line-number-color: var(--vp-c-text-3);--vp-code-line-diff-add-color: var(--vp-c-success-soft);--vp-code-line-diff-add-symbol-color: var(--vp-c-success-1);--vp-code-line-diff-remove-color: var(--vp-c-danger-soft);--vp-code-line-diff-remove-symbol-color: var(--vp-c-danger-1);--vp-code-line-warning-color: var(--vp-c-warning-soft);--vp-code-line-error-color: var(--vp-c-danger-soft);--vp-code-copy-code-border-color: var(--vp-c-divider);--vp-code-copy-code-bg: var(--vp-c-bg-soft);--vp-code-copy-code-hover-border-color: var(--vp-c-divider);--vp-code-copy-code-hover-bg: var(--vp-c-bg);--vp-code-copy-code-active-text: var(--vp-c-text-2);--vp-code-copy-copied-text-content: "Copied";--vp-code-tab-divider: var(--vp-code-block-divider-color);--vp-code-tab-text-color: var(--vp-c-text-2);--vp-code-tab-bg: var(--vp-code-block-bg);--vp-code-tab-hover-text-color: var(--vp-c-text-1);--vp-code-tab-active-text-color: var(--vp-c-text-1);--vp-code-tab-active-bar-color: var(--vp-c-brand-1)}:root{--vp-button-brand-border: transparent;--vp-button-brand-text: var(--vp-c-white);--vp-button-brand-bg: var(--vp-c-brand-3);--vp-button-brand-hover-border: transparent;--vp-button-brand-hover-text: var(--vp-c-white);--vp-button-brand-hover-bg: var(--vp-c-brand-2);--vp-button-brand-active-border: transparent;--vp-button-brand-active-text: var(--vp-c-white);--vp-button-brand-active-bg: var(--vp-c-brand-1);--vp-button-alt-border: transparent;--vp-button-alt-text: var(--vp-c-text-1);--vp-button-alt-bg: var(--vp-c-default-3);--vp-button-alt-hover-border: transparent;--vp-button-alt-hover-text: var(--vp-c-text-1);--vp-button-alt-hover-bg: var(--vp-c-default-2);--vp-button-alt-active-border: transparent;--vp-button-alt-active-text: var(--vp-c-text-1);--vp-button-alt-active-bg: var(--vp-c-default-1);--vp-button-sponsor-border: var(--vp-c-text-2);--vp-button-sponsor-text: var(--vp-c-text-2);--vp-button-sponsor-bg: transparent;--vp-button-sponsor-hover-border: var(--vp-c-sponsor);--vp-button-sponsor-hover-text: var(--vp-c-sponsor);--vp-button-sponsor-hover-bg: transparent;--vp-button-sponsor-active-border: var(--vp-c-sponsor);--vp-button-sponsor-active-text: var(--vp-c-sponsor);--vp-button-sponsor-active-bg: transparent}:root{--vp-custom-block-font-size: 14px;--vp-custom-block-code-font-size: 13px;--vp-custom-block-info-border: transparent;--vp-custom-block-info-text: var(--vp-c-text-1);--vp-custom-block-info-bg: var(--vp-c-default-soft);--vp-custom-block-info-code-bg: var(--vp-c-default-soft);--vp-custom-block-note-border: transparent;--vp-custom-block-note-text: var(--vp-c-text-1);--vp-custom-block-note-bg: var(--vp-c-default-soft);--vp-custom-block-note-code-bg: var(--vp-c-default-soft);--vp-custom-block-tip-border: transparent;--vp-custom-block-tip-text: var(--vp-c-text-1);--vp-custom-block-tip-bg: var(--vp-c-tip-soft);--vp-custom-block-tip-code-bg: var(--vp-c-tip-soft);--vp-custom-block-important-border: transparent;--vp-custom-block-important-text: var(--vp-c-text-1);--vp-custom-block-important-bg: var(--vp-c-important-soft);--vp-custom-block-important-code-bg: var(--vp-c-important-soft);--vp-custom-block-warning-border: transparent;--vp-custom-block-warning-text: var(--vp-c-text-1);--vp-custom-block-warning-bg: var(--vp-c-warning-soft);--vp-custom-block-warning-code-bg: var(--vp-c-warning-soft);--vp-custom-block-danger-border: transparent;--vp-custom-block-danger-text: var(--vp-c-text-1);--vp-custom-block-danger-bg: var(--vp-c-danger-soft);--vp-custom-block-danger-code-bg: var(--vp-c-danger-soft);--vp-custom-block-caution-border: transparent;--vp-custom-block-caution-text: var(--vp-c-text-1);--vp-custom-block-caution-bg: var(--vp-c-caution-soft);--vp-custom-block-caution-code-bg: var(--vp-c-caution-soft);--vp-custom-block-details-border: var(--vp-custom-block-info-border);--vp-custom-block-details-text: var(--vp-custom-block-info-text);--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);--vp-custom-block-details-code-bg: var(--vp-custom-block-info-code-bg)}:root{--vp-input-border-color: var(--vp-c-border);--vp-input-bg-color: var(--vp-c-bg-alt);--vp-input-switch-bg-color: var(--vp-c-default-soft)}:root{--vp-nav-height: 64px;--vp-nav-bg-color: var(--vp-c-bg);--vp-nav-screen-bg-color: var(--vp-c-bg);--vp-nav-logo-height: 24px}.hide-nav{--vp-nav-height: 0px}.hide-nav .VPSidebar{--vp-nav-height: 22px}:root{--vp-local-nav-bg-color: var(--vp-c-bg)}:root{--vp-sidebar-width: 272px;--vp-sidebar-bg-color: var(--vp-c-bg-alt)}:root{--vp-backdrop-bg-color: rgba(0, 0, 0, .6)}:root{--vp-home-hero-name-color: var(--vp-c-brand-1);--vp-home-hero-name-background: transparent;--vp-home-hero-image-background-image: none;--vp-home-hero-image-filter: none}:root{--vp-badge-info-border: transparent;--vp-badge-info-text: var(--vp-c-text-2);--vp-badge-info-bg: var(--vp-c-default-soft);--vp-badge-tip-border: transparent;--vp-badge-tip-text: var(--vp-c-tip-1);--vp-badge-tip-bg: var(--vp-c-tip-soft);--vp-badge-warning-border: transparent;--vp-badge-warning-text: var(--vp-c-warning-1);--vp-badge-warning-bg: var(--vp-c-warning-soft);--vp-badge-danger-border: transparent;--vp-badge-danger-text: var(--vp-c-danger-1);--vp-badge-danger-bg: var(--vp-c-danger-soft)}:root{--vp-carbon-ads-text-color: var(--vp-c-text-1);--vp-carbon-ads-poweredby-color: var(--vp-c-text-2);--vp-carbon-ads-bg-color: var(--vp-c-bg-soft);--vp-carbon-ads-hover-text-color: var(--vp-c-brand-1);--vp-carbon-ads-hover-poweredby-color: var(--vp-c-text-1)}:root{--vp-local-search-bg: var(--vp-c-bg);--vp-local-search-result-bg: var(--vp-c-bg);--vp-local-search-result-border: var(--vp-c-divider);--vp-local-search-result-selected-bg: var(--vp-c-bg);--vp-local-search-result-selected-border: var(--vp-c-brand-1);--vp-local-search-highlight-bg: var(--vp-c-brand-1);--vp-local-search-highlight-text: var(--vp-c-neutral-inverse)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}*,:before,:after{box-sizing:border-box}html{line-height:1.4;font-size:16px;-webkit-text-size-adjust:100%}html.dark{color-scheme:dark}body{margin:0;width:100%;min-width:320px;min-height:100vh;line-height:24px;font-family:var(--vp-font-family-base);font-size:16px;font-weight:400;color:var(--vp-c-text-1);background-color:var(--vp-c-bg);font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;line-height:24px;font-size:16px;font-weight:400}p{margin:0}strong,b{font-weight:600}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none;margin:0;padding:0}blockquote{margin:0}pre,code,kbd,samp{font-family:var(--vp-font-family-mono)}img,svg,video,canvas,audio,iframe,embed,object{display:block}figure{margin:0}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{border:0;padding:0;line-height:inherit;color:inherit}button{padding:0;font-family:inherit;background-color:transparent;background-image:none}button:enabled,[role=button]:enabled{cursor:pointer}button:focus,button:focus-visible{outline:1px dotted;outline:4px auto -webkit-focus-ring-color}button:focus:not(:focus-visible){outline:none!important}input:focus,textarea:focus,select:focus{outline:none}table{border-collapse:collapse}input{background-color:transparent}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--vp-c-text-3)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--vp-c-text-3)}input::placeholder,textarea::placeholder{color:var(--vp-c-text-3)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical}select{-webkit-appearance:none}fieldset{margin:0;padding:0}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word}vite-error-overlay{z-index:9999}mjx-container{display:inline-block;margin:auto 2px -2px}mjx-container>svg{display:inline-block;margin:auto}[class^=vpi-],[class*=" vpi-"],.vp-icon{width:1em;height:1em}[class^=vpi-].bg,[class*=" vpi-"].bg,.vp-icon.bg{background-size:100% 100%;background-color:transparent}[class^=vpi-]:not(.bg),[class*=" vpi-"]:not(.bg),.vp-icon:not(.bg){-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit}.vpi-align-left{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 6H3M15 12H3M17 18H3'/%3E%3C/svg%3E")}.vpi-arrow-right,.vpi-arrow-down,.vpi-arrow-left,.vpi-arrow-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E")}.vpi-chevron-right,.vpi-chevron-down,.vpi-chevron-left,.vpi-chevron-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}.vpi-chevron-down,.vpi-arrow-down{transform:rotate(90deg)}.vpi-chevron-left,.vpi-arrow-left{transform:rotate(180deg)}.vpi-chevron-up,.vpi-arrow-up{transform:rotate(-90deg)}.vpi-square-pen{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z'/%3E%3C/svg%3E")}.vpi-plus{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E")}.vpi-sun{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E")}.vpi-moon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E")}.vpi-more-horizontal{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/svg%3E")}.vpi-languages{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m5 8 6 6M4 14l6-6 2-3M2 5h12M7 2h1M22 22l-5-10-5 10M14 18h6'/%3E%3C/svg%3E")}.vpi-heart{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E")}.vpi-search{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}.vpi-layout-list{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3Cpath d='M14 4h7M14 9h7M14 15h7M14 20h7'/%3E%3C/svg%3E")}.vpi-delete{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20 5H9l-7 7 7 7h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2ZM18 9l-6 6M12 9l6 6'/%3E%3C/svg%3E")}.vpi-corner-down-left{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 10-5 5 5 5'/%3E%3Cpath d='M20 4v7a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E")}:root{--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E")}.vpi-social-discord{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418Z'/%3E%3C/svg%3E")}.vpi-social-facebook{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E")}.vpi-social-github{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")}.vpi-social-instagram{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.03.084c-1.277.06-2.149.264-2.91.563a5.874 5.874 0 0 0-2.124 1.388 5.878 5.878 0 0 0-1.38 2.127C.321 4.926.12 5.8.064 7.076.008 8.354-.005 8.764.001 12.023c.007 3.259.021 3.667.083 4.947.061 1.277.264 2.149.563 2.911.308.789.72 1.457 1.388 2.123a5.872 5.872 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552 1.278.056 1.689.069 4.947.063 3.257-.007 3.668-.021 4.947-.082 1.28-.06 2.147-.265 2.91-.563a5.881 5.881 0 0 0 2.123-1.388 5.881 5.881 0 0 0 1.38-2.129c.295-.763.496-1.636.551-2.912.056-1.28.07-1.69.063-4.948-.006-3.258-.02-3.667-.081-4.947-.06-1.28-.264-2.148-.564-2.911a5.892 5.892 0 0 0-1.387-2.123 5.857 5.857 0 0 0-2.128-1.38C19.074.322 18.202.12 16.924.066 15.647.009 15.236-.006 11.977 0 8.718.008 8.31.021 7.03.084m.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.736 3.736 0 0 1-1.382-.895 3.695 3.695 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228-.06-1.264-.072-1.644-.08-4.848-.006-3.204.006-3.583.061-4.848.05-1.169.246-1.805.408-2.228.216-.561.477-.96.895-1.382a3.705 3.705 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417 1.265-.06 1.644-.072 4.848-.08 3.203-.006 3.583.006 4.85.062 1.168.05 1.804.244 2.227.408.56.216.96.475 1.382.895.421.42.681.817.9 1.378.165.422.362 1.056.417 2.227.06 1.265.074 1.645.08 4.848.005 3.203-.006 3.583-.061 4.848-.051 1.17-.245 1.805-.408 2.23-.216.56-.477.96-.896 1.38a3.705 3.705 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418-1.266.06-1.645.072-4.85.079-3.204.007-3.582-.006-4.848-.06m9.783-16.192a1.44 1.44 0 1 0 1.437-1.442 1.44 1.44 0 0 0-1.437 1.442M5.839 12.012a6.161 6.161 0 1 0 12.323-.024 6.162 6.162 0 0 0-12.323.024M8 12.008A4 4 0 1 1 12.008 16 4 4 0 0 1 8 12.008'/%3E%3C/svg%3E")}.vpi-social-linkedin{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}.vpi-social-mastodon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E")}.vpi-social-npm{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z'/%3E%3C/svg%3E")}.vpi-social-slack{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z'/%3E%3C/svg%3E")}.vpi-social-twitter,.vpi-social-x{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E")}.vpi-social-youtube{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E")}.visually-hidden{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.custom-block{border:1px solid transparent;border-radius:8px;padding:16px 16px 8px;line-height:24px;font-size:var(--vp-custom-block-font-size);color:var(--vp-c-text-2)}.custom-block.info{border-color:var(--vp-custom-block-info-border);color:var(--vp-custom-block-info-text);background-color:var(--vp-custom-block-info-bg)}.custom-block.info a,.custom-block.info code{color:var(--vp-c-brand-1)}.custom-block.info a:hover,.custom-block.info a:hover>code{color:var(--vp-c-brand-2)}.custom-block.info code{background-color:var(--vp-custom-block-info-code-bg)}.custom-block.note{border-color:var(--vp-custom-block-note-border);color:var(--vp-custom-block-note-text);background-color:var(--vp-custom-block-note-bg)}.custom-block.note a,.custom-block.note code{color:var(--vp-c-brand-1)}.custom-block.note a:hover,.custom-block.note a:hover>code{color:var(--vp-c-brand-2)}.custom-block.note code{background-color:var(--vp-custom-block-note-code-bg)}.custom-block.tip{border-color:var(--vp-custom-block-tip-border);color:var(--vp-custom-block-tip-text);background-color:var(--vp-custom-block-tip-bg)}.custom-block.tip a,.custom-block.tip code{color:var(--vp-c-tip-1)}.custom-block.tip a:hover,.custom-block.tip a:hover>code{color:var(--vp-c-tip-2)}.custom-block.tip code{background-color:var(--vp-custom-block-tip-code-bg)}.custom-block.important{border-color:var(--vp-custom-block-important-border);color:var(--vp-custom-block-important-text);background-color:var(--vp-custom-block-important-bg)}.custom-block.important a,.custom-block.important code{color:var(--vp-c-important-1)}.custom-block.important a:hover,.custom-block.important a:hover>code{color:var(--vp-c-important-2)}.custom-block.important code{background-color:var(--vp-custom-block-important-code-bg)}.custom-block.warning{border-color:var(--vp-custom-block-warning-border);color:var(--vp-custom-block-warning-text);background-color:var(--vp-custom-block-warning-bg)}.custom-block.warning a,.custom-block.warning code{color:var(--vp-c-warning-1)}.custom-block.warning a:hover,.custom-block.warning a:hover>code{color:var(--vp-c-warning-2)}.custom-block.warning code{background-color:var(--vp-custom-block-warning-code-bg)}.custom-block.danger{border-color:var(--vp-custom-block-danger-border);color:var(--vp-custom-block-danger-text);background-color:var(--vp-custom-block-danger-bg)}.custom-block.danger a,.custom-block.danger code{color:var(--vp-c-danger-1)}.custom-block.danger a:hover,.custom-block.danger a:hover>code{color:var(--vp-c-danger-2)}.custom-block.danger code{background-color:var(--vp-custom-block-danger-code-bg)}.custom-block.caution{border-color:var(--vp-custom-block-caution-border);color:var(--vp-custom-block-caution-text);background-color:var(--vp-custom-block-caution-bg)}.custom-block.caution a,.custom-block.caution code{color:var(--vp-c-caution-1)}.custom-block.caution a:hover,.custom-block.caution a:hover>code{color:var(--vp-c-caution-2)}.custom-block.caution code{background-color:var(--vp-custom-block-caution-code-bg)}.custom-block.details{border-color:var(--vp-custom-block-details-border);color:var(--vp-custom-block-details-text);background-color:var(--vp-custom-block-details-bg)}.custom-block.details a{color:var(--vp-c-brand-1)}.custom-block.details a:hover,.custom-block.details a:hover>code{color:var(--vp-c-brand-2)}.custom-block.details code{background-color:var(--vp-custom-block-details-code-bg)}.custom-block-title{font-weight:600}.custom-block p+p{margin:8px 0}.custom-block.details summary{margin:0 0 8px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-block.details summary+p{margin:8px 0}.custom-block a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:opacity .25s}.custom-block a:hover{opacity:.75}.custom-block code{font-size:var(--vp-custom-block-code-font-size)}.custom-block.custom-block th,.custom-block.custom-block blockquote>p{font-size:var(--vp-custom-block-font-size);color:inherit}.dark .vp-code span{color:var(--shiki-dark, inherit)}html:not(.dark) .vp-code span{color:var(--shiki-light, inherit)}.vp-code-group{margin-top:16px}.vp-code-group .tabs{position:relative;display:flex;margin-right:-24px;margin-left:-24px;padding:0 12px;background-color:var(--vp-code-tab-bg);overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 -1px var(--vp-code-tab-divider)}@media (min-width: 640px){.vp-code-group .tabs{margin-right:0;margin-left:0;border-radius:8px 8px 0 0}}.vp-code-group .tabs input{position:fixed;opacity:0;pointer-events:none}.vp-code-group .tabs label{position:relative;display:inline-block;border-bottom:1px solid transparent;padding:0 12px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-code-tab-text-color);white-space:nowrap;cursor:pointer;transition:color .25s}.vp-code-group .tabs label:after{position:absolute;right:8px;bottom:-1px;left:8px;z-index:1;height:2px;border-radius:2px;content:"";background-color:transparent;transition:background-color .25s}.vp-code-group label:hover{color:var(--vp-code-tab-hover-text-color)}.vp-code-group input:checked+label{color:var(--vp-code-tab-active-text-color)}.vp-code-group input:checked+label:after{background-color:var(--vp-code-tab-active-bar-color)}.vp-code-group div[class*=language-],.vp-block{display:none;margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.vp-code-group div[class*=language-].active,.vp-block.active{display:block}.vp-block{padding:20px 24px}.vp-doc h1,.vp-doc h2,.vp-doc h3,.vp-doc h4,.vp-doc h5,.vp-doc h6{position:relative;font-weight:600;outline:none}.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:28px}.vp-doc h2{margin:48px 0 16px;border-top:1px solid var(--vp-c-divider);padding-top:24px;letter-spacing:-.02em;line-height:32px;font-size:24px}.vp-doc h3{margin:32px 0 0;letter-spacing:-.01em;line-height:28px;font-size:20px}.vp-doc .header-anchor{position:absolute;top:0;left:0;margin-left:-.87em;font-weight:500;-webkit-user-select:none;user-select:none;opacity:0;text-decoration:none;transition:color .25s,opacity .25s}.vp-doc .header-anchor:before{content:var(--vp-header-anchor-symbol)}.vp-doc h1:hover .header-anchor,.vp-doc h1 .header-anchor:focus,.vp-doc h2:hover .header-anchor,.vp-doc h2 .header-anchor:focus,.vp-doc h3:hover .header-anchor,.vp-doc h3 .header-anchor:focus,.vp-doc h4:hover .header-anchor,.vp-doc h4 .header-anchor:focus,.vp-doc h5:hover .header-anchor,.vp-doc h5 .header-anchor:focus,.vp-doc h6:hover .header-anchor,.vp-doc h6 .header-anchor:focus{opacity:1}@media (min-width: 768px){.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:32px}}.vp-doc h2 .header-anchor{top:24px}.vp-doc p,.vp-doc summary{margin:16px 0}.vp-doc p{line-height:28px}.vp-doc blockquote{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s}.vp-doc blockquote>p{margin:0;font-size:16px;color:var(--vp-c-text-2);transition:color .5s}.vp-doc a{font-weight:500;color:var(--vp-c-brand-1);text-decoration:underline;text-underline-offset:2px;transition:color .25s,opacity .25s}.vp-doc a:hover{color:var(--vp-c-brand-2)}.vp-doc strong{font-weight:600}.vp-doc ul,.vp-doc ol{padding-left:1.25rem;margin:16px 0}.vp-doc ul{list-style:disc}.vp-doc ol{list-style:decimal}.vp-doc li+li{margin-top:8px}.vp-doc li>ol,.vp-doc li>ul{margin:8px 0 0}.vp-doc table{display:block;border-collapse:collapse;margin:20px 0;overflow-x:auto}.vp-doc tr{background-color:var(--vp-c-bg);border-top:1px solid var(--vp-c-divider);transition:background-color .5s}.vp-doc tr:nth-child(2n){background-color:var(--vp-c-bg-soft)}.vp-doc th,.vp-doc td{border:1px solid var(--vp-c-divider);padding:8px 16px}.vp-doc th{text-align:left;font-size:14px;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-doc td{font-size:14px}.vp-doc hr{margin:16px 0;border:none;border-top:1px solid var(--vp-c-divider)}.vp-doc .custom-block{margin:16px 0}.vp-doc .custom-block p{margin:8px 0;line-height:24px}.vp-doc .custom-block p:first-child{margin:0}.vp-doc .custom-block div[class*=language-]{margin:8px 0;border-radius:8px}.vp-doc .custom-block div[class*=language-] code{font-weight:400;background-color:transparent}.vp-doc .custom-block .vp-code-group .tabs{margin:0;border-radius:8px 8px 0 0}.vp-doc :not(pre,h1,h2,h3,h4,h5,h6)>code{font-size:var(--vp-code-font-size);color:var(--vp-code-color)}.vp-doc :not(pre)>code{border-radius:4px;padding:3px 6px;background-color:var(--vp-code-bg);transition:color .25s,background-color .5s}.vp-doc a>code{color:var(--vp-code-link-color)}.vp-doc a:hover>code{color:var(--vp-code-link-hover-color)}.vp-doc h1>code,.vp-doc h2>code,.vp-doc h3>code{font-size:.9em}.vp-doc div[class*=language-],.vp-block{position:relative;margin:16px -24px;background-color:var(--vp-code-block-bg);overflow-x:auto;transition:background-color .5s}@media (min-width: 640px){.vp-doc div[class*=language-],.vp-block{border-radius:8px;margin:16px 0}}@media (max-width: 639px){.vp-doc li div[class*=language-]{border-radius:8px 0 0 8px}}.vp-doc div[class*=language-]+div[class*=language-],.vp-doc div[class$=-api]+div[class*=language-],.vp-doc div[class*=language-]+div[class$=-api]>div[class*=language-]{margin-top:-8px}.vp-doc [class*=language-] pre,.vp-doc [class*=language-] code{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.vp-doc [class*=language-] pre{position:relative;z-index:1;margin:0;padding:20px 0;background:transparent;overflow-x:auto}.vp-doc [class*=language-] code{display:block;padding:0 24px;width:fit-content;min-width:100%;line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-block-color);transition:color .5s}.vp-doc [class*=language-] code .highlighted{background-color:var(--vp-code-line-highlight-color);transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .highlighted.error{background-color:var(--vp-code-line-error-color)}.vp-doc [class*=language-] code .highlighted.warning{background-color:var(--vp-code-line-warning-color)}.vp-doc [class*=language-] code .diff{transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .diff:before{position:absolute;left:10px}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){filter:blur(.095rem);opacity:.4;transition:filter .35s,opacity .35s}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){opacity:.7;transition:filter .35s,opacity .35s}.vp-doc [class*=language-]:hover .has-focused-lines .line:not(.has-focus){filter:blur(0);opacity:1}.vp-doc [class*=language-] code .diff.remove{background-color:var(--vp-code-line-diff-remove-color);opacity:.7}.vp-doc [class*=language-] code .diff.remove:before{content:"-";color:var(--vp-code-line-diff-remove-symbol-color)}.vp-doc [class*=language-] code .diff.add{background-color:var(--vp-code-line-diff-add-color)}.vp-doc [class*=language-] code .diff.add:before{content:"+";color:var(--vp-code-line-diff-add-symbol-color)}.vp-doc div[class*=language-].line-numbers-mode{padding-left:32px}.vp-doc .line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;border-right:1px solid var(--vp-code-block-divider-color);padding-top:20px;width:32px;text-align:center;font-family:var(--vp-font-family-mono);line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-line-number-color);transition:border-color .5s,color .5s}.vp-doc [class*=language-]>button.copy{direction:ltr;position:absolute;top:12px;right:12px;z-index:3;border:1px solid var(--vp-code-copy-code-border-color);border-radius:4px;width:40px;height:40px;background-color:var(--vp-code-copy-code-bg);opacity:0;cursor:pointer;background-image:var(--vp-icon-copy);background-position:50%;background-size:20px;background-repeat:no-repeat;transition:border-color .25s,background-color .25s,opacity .25s}.vp-doc [class*=language-]:hover>button.copy,.vp-doc [class*=language-]>button.copy:focus{opacity:1}.vp-doc [class*=language-]>button.copy:hover,.vp-doc [class*=language-]>button.copy.copied{border-color:var(--vp-code-copy-code-hover-border-color);background-color:var(--vp-code-copy-code-hover-bg)}.vp-doc [class*=language-]>button.copy.copied,.vp-doc [class*=language-]>button.copy:hover.copied{border-radius:0 4px 4px 0;background-color:var(--vp-code-copy-code-hover-bg);background-image:var(--vp-icon-copied)}.vp-doc [class*=language-]>button.copy.copied:before,.vp-doc [class*=language-]>button.copy:hover.copied:before{position:relative;top:-1px;transform:translate(calc(-100% - 1px));display:flex;justify-content:center;align-items:center;border:1px solid var(--vp-code-copy-code-hover-border-color);border-right:0;border-radius:4px 0 0 4px;padding:0 10px;width:fit-content;height:40px;text-align:center;font-size:12px;font-weight:500;color:var(--vp-code-copy-code-active-text);background-color:var(--vp-code-copy-code-hover-bg);white-space:nowrap;content:var(--vp-code-copy-copied-text-content)}.vp-doc [class*=language-]>span.lang{position:absolute;top:2px;right:8px;z-index:2;font-size:12px;font-weight:500;color:var(--vp-code-lang-color);transition:color .4s,opacity .4s}.vp-doc [class*=language-]:hover>button.copy+span.lang,.vp-doc [class*=language-]>button.copy:focus+span.lang{opacity:0}.vp-doc .VPTeamMembers{margin-top:24px}.vp-doc .VPTeamMembers.small.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}.vp-doc .VPTeamMembers.small.count-2 .container,.vp-doc .VPTeamMembers.small.count-3 .container{max-width:100%!important}.vp-doc .VPTeamMembers.medium.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}:is(.vp-external-link-icon,.vp-doc a[href*="://"],.vp-doc a[target=_blank]):not(.no-icon):after{display:inline-block;margin-top:-1px;margin-left:4px;width:11px;height:11px;background:currentColor;color:var(--vp-c-text-3);flex-shrink:0;--icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");-webkit-mask-image:var(--icon);mask-image:var(--icon)}.vp-external-link-icon:after{content:""}.external-link-icon-enabled :is(.vp-doc a[href*="://"],.vp-doc a[target=_blank]):after{content:"";color:currentColor}.vp-sponsor{border-radius:16px;overflow:hidden}.vp-sponsor.aside{border-radius:12px}.vp-sponsor-section+.vp-sponsor-section{margin-top:4px}.vp-sponsor-tier{margin:0 0 4px!important;text-align:center;letter-spacing:1px!important;line-height:24px;width:100%;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-sponsor.normal .vp-sponsor-tier{padding:13px 0 11px;font-size:14px}.vp-sponsor.aside .vp-sponsor-tier{padding:9px 0 7px;font-size:12px}.vp-sponsor-grid+.vp-sponsor-tier{margin-top:4px}.vp-sponsor-grid{display:flex;flex-wrap:wrap;gap:4px}.vp-sponsor-grid.xmini .vp-sponsor-grid-link{height:64px}.vp-sponsor-grid.xmini .vp-sponsor-grid-image{max-width:64px;max-height:22px}.vp-sponsor-grid.mini .vp-sponsor-grid-link{height:72px}.vp-sponsor-grid.mini .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.small .vp-sponsor-grid-link{height:96px}.vp-sponsor-grid.small .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.medium .vp-sponsor-grid-link{height:112px}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-width:120px;max-height:36px}.vp-sponsor-grid.big .vp-sponsor-grid-link{height:184px}.vp-sponsor-grid.big .vp-sponsor-grid-image{max-width:192px;max-height:56px}.vp-sponsor-grid[data-vp-grid="2"] .vp-sponsor-grid-item{width:calc((100% - 4px)/2)}.vp-sponsor-grid[data-vp-grid="3"] .vp-sponsor-grid-item{width:calc((100% - 4px * 2) / 3)}.vp-sponsor-grid[data-vp-grid="4"] .vp-sponsor-grid-item{width:calc((100% - 12px)/4)}.vp-sponsor-grid[data-vp-grid="5"] .vp-sponsor-grid-item{width:calc((100% - 16px)/5)}.vp-sponsor-grid[data-vp-grid="6"] .vp-sponsor-grid-item{width:calc((100% - 4px * 5) / 6)}.vp-sponsor-grid-item{flex-shrink:0;width:100%;background-color:var(--vp-c-bg-soft);transition:background-color .25s}.vp-sponsor-grid-item:hover{background-color:var(--vp-c-default-soft)}.vp-sponsor-grid-item:hover .vp-sponsor-grid-image{filter:grayscale(0) invert(0)}.vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.dark .vp-sponsor-grid-item:hover{background-color:var(--vp-c-white)}.dark .vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.vp-sponsor-grid-link{display:flex}.vp-sponsor-grid-box{display:flex;justify-content:center;align-items:center;width:100%}.vp-sponsor-grid-image{max-width:100%;filter:grayscale(1);transition:filter .25s}.dark .vp-sponsor-grid-image{filter:grayscale(1) invert(1)}.VPBadge{display:inline-block;margin-left:2px;border:1px solid transparent;border-radius:12px;padding:0 10px;line-height:22px;font-size:12px;font-weight:500;transform:translateY(-2px)}.VPBadge.small{padding:0 6px;line-height:18px;font-size:10px;transform:translateY(-8px)}.VPDocFooter .VPBadge{display:none}.vp-doc h1>.VPBadge{margin-top:4px;vertical-align:top}.vp-doc h2>.VPBadge{margin-top:3px;padding:0 8px;vertical-align:top}.vp-doc h3>.VPBadge{vertical-align:middle}.vp-doc h4>.VPBadge,.vp-doc h5>.VPBadge,.vp-doc h6>.VPBadge{vertical-align:middle;line-height:18px}.VPBadge.info{border-color:var(--vp-badge-info-border);color:var(--vp-badge-info-text);background-color:var(--vp-badge-info-bg)}.VPBadge.tip{border-color:var(--vp-badge-tip-border);color:var(--vp-badge-tip-text);background-color:var(--vp-badge-tip-bg)}.VPBadge.warning{border-color:var(--vp-badge-warning-border);color:var(--vp-badge-warning-text);background-color:var(--vp-badge-warning-bg)}.VPBadge.danger{border-color:var(--vp-badge-danger-border);color:var(--vp-badge-danger-text);background-color:var(--vp-badge-danger-bg)}.VPBackdrop[data-v-f3830519]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vp-z-index-backdrop);background:var(--vp-backdrop-bg-color);transition:opacity .5s}.VPBackdrop.fade-enter-from[data-v-f3830519],.VPBackdrop.fade-leave-to[data-v-f3830519]{opacity:0}.VPBackdrop.fade-leave-active[data-v-f3830519]{transition-duration:.25s}@media (min-width: 1280px){.VPBackdrop[data-v-f3830519]{display:none}}.NotFound[data-v-420956e7]{padding:64px 24px 96px;text-align:center}@media (min-width: 768px){.NotFound[data-v-420956e7]{padding:96px 32px 168px}}.code[data-v-420956e7]{line-height:64px;font-size:64px;font-weight:600}.title[data-v-420956e7]{padding-top:12px;letter-spacing:2px;line-height:20px;font-size:20px;font-weight:700}.divider[data-v-420956e7]{margin:24px auto 18px;width:64px;height:1px;background-color:var(--vp-c-divider)}.quote[data-v-420956e7]{margin:0 auto;max-width:256px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.action[data-v-420956e7]{padding-top:20px}.link[data-v-420956e7]{display:inline-block;border:1px solid var(--vp-c-brand-1);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:border-color .25s,color .25s}.link[data-v-420956e7]:hover{border-color:var(--vp-c-brand-2);color:var(--vp-c-brand-2)}.root[data-v-9e6313cf]{position:relative;z-index:1}.nested[data-v-9e6313cf]{padding-right:16px;padding-left:16px}.outline-link[data-v-9e6313cf]{display:block;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s}.outline-link[data-v-9e6313cf]:hover,.outline-link.active[data-v-9e6313cf]{color:var(--vp-c-text-1);transition:color .25s}.outline-link.nested[data-v-9e6313cf]{padding-left:13px}.VPDocAsideOutline[data-v-a60a5f40]{display:none}.VPDocAsideOutline.has-outline[data-v-a60a5f40]{display:block}.content[data-v-a60a5f40]{position:relative;border-left:1px solid var(--vp-c-divider);padding-left:16px;font-size:13px;font-weight:500}.outline-marker[data-v-a60a5f40]{position:absolute;top:32px;left:-1px;z-index:0;opacity:0;width:2px;border-radius:2px;height:18px;background-color:var(--vp-c-brand-1);transition:top .25s cubic-bezier(0,1,.5,1),background-color .5s,opacity .25s}.outline-title[data-v-a60a5f40]{line-height:32px;font-size:14px;font-weight:600}.VPDocAside[data-v-cf49d689]{display:flex;flex-direction:column;flex-grow:1}.spacer[data-v-cf49d689]{flex-grow:1}.VPDocAside[data-v-cf49d689] .spacer+.VPDocAsideSponsors,.VPDocAside[data-v-cf49d689] .spacer+.VPDocAsideCarbonAds{margin-top:24px}.VPDocAside[data-v-cf49d689] .VPDocAsideSponsors+.VPDocAsideCarbonAds{margin-top:16px}.VPLastUpdated[data-v-eacb7a1c]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 640px){.VPLastUpdated[data-v-eacb7a1c]{line-height:32px;font-size:14px;font-weight:500}}.VPDocFooter[data-v-5583ab76]{margin-top:64px}.edit-info[data-v-5583ab76]{padding-bottom:18px}@media (min-width: 640px){.edit-info[data-v-5583ab76]{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}.edit-link-button[data-v-5583ab76]{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.edit-link-button[data-v-5583ab76]:hover{color:var(--vp-c-brand-2)}.edit-link-icon[data-v-5583ab76]{margin-right:8px}.prev-next[data-v-5583ab76]{border-top:1px solid var(--vp-c-divider);padding-top:24px;display:grid;grid-row-gap:8px}@media (min-width: 640px){.prev-next[data-v-5583ab76]{grid-template-columns:repeat(2,1fr);grid-column-gap:16px}}.pager-link[data-v-5583ab76]{display:block;border:1px solid var(--vp-c-divider);border-radius:8px;padding:11px 16px 13px;width:100%;height:100%;transition:border-color .25s}.pager-link[data-v-5583ab76]:hover{border-color:var(--vp-c-brand-1)}.pager-link.next[data-v-5583ab76]{margin-left:auto;text-align:right}.desc[data-v-5583ab76]{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.title[data-v-5583ab76]{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.VPDoc[data-v-a47c012d]{padding:32px 24px 96px;width:100%}@media (min-width: 768px){.VPDoc[data-v-a47c012d]{padding:48px 32px 128px}}@media (min-width: 960px){.VPDoc[data-v-a47c012d]{padding:48px 32px 0}.VPDoc:not(.has-sidebar) .container[data-v-a47c012d]{display:flex;justify-content:center;max-width:992px}.VPDoc:not(.has-sidebar) .content[data-v-a47c012d]{max-width:752px}}@media (min-width: 1280px){.VPDoc .container[data-v-a47c012d]{display:flex;justify-content:center}.VPDoc .aside[data-v-a47c012d]{display:block}}@media (min-width: 1440px){.VPDoc:not(.has-sidebar) .content[data-v-a47c012d]{max-width:784px}.VPDoc:not(.has-sidebar) .container[data-v-a47c012d]{max-width:1104px}}.container[data-v-a47c012d]{margin:0 auto;width:100%}.aside[data-v-a47c012d]{position:relative;display:none;order:2;flex-grow:1;padding-left:32px;width:100%;max-width:256px}.left-aside[data-v-a47c012d]{order:1;padding-left:unset;padding-right:32px}.aside-container[data-v-a47c012d]{position:fixed;top:0;padding-top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 48px);width:224px;height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.aside-container[data-v-a47c012d]::-webkit-scrollbar{display:none}.aside-curtain[data-v-a47c012d]{position:fixed;bottom:0;z-index:10;width:224px;height:32px;background:linear-gradient(transparent,var(--vp-c-bg) 70%)}.aside-content[data-v-a47c012d]{display:flex;flex-direction:column;min-height:calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px));padding-bottom:32px}.content[data-v-a47c012d]{position:relative;margin:0 auto;width:100%}@media (min-width: 960px){.content[data-v-a47c012d]{padding:0 32px 128px}}@media (min-width: 1280px){.content[data-v-a47c012d]{order:1;margin:0;min-width:640px}}.content-container[data-v-a47c012d]{margin:0 auto}.VPDoc.has-aside .content-container[data-v-a47c012d]{max-width:688px}.VPButton[data-v-6c60cf55]{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.VPButton[data-v-6c60cf55]:active{transition:color .1s,border-color .1s,background-color .1s}.VPButton.medium[data-v-6c60cf55]{border-radius:20px;padding:0 20px;line-height:38px;font-size:14px}.VPButton.big[data-v-6c60cf55]{border-radius:24px;padding:0 24px;line-height:46px;font-size:16px}.VPButton.brand[data-v-6c60cf55]{border-color:var(--vp-button-brand-border);color:var(--vp-button-brand-text);background-color:var(--vp-button-brand-bg)}.VPButton.brand[data-v-6c60cf55]:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.VPButton.brand[data-v-6c60cf55]:active{border-color:var(--vp-button-brand-active-border);color:var(--vp-button-brand-active-text);background-color:var(--vp-button-brand-active-bg)}.VPButton.alt[data-v-6c60cf55]{border-color:var(--vp-button-alt-border);color:var(--vp-button-alt-text);background-color:var(--vp-button-alt-bg)}.VPButton.alt[data-v-6c60cf55]:hover{border-color:var(--vp-button-alt-hover-border);color:var(--vp-button-alt-hover-text);background-color:var(--vp-button-alt-hover-bg)}.VPButton.alt[data-v-6c60cf55]:active{border-color:var(--vp-button-alt-active-border);color:var(--vp-button-alt-active-text);background-color:var(--vp-button-alt-active-bg)}.VPButton.sponsor[data-v-6c60cf55]{border-color:var(--vp-button-sponsor-border);color:var(--vp-button-sponsor-text);background-color:var(--vp-button-sponsor-bg)}.VPButton.sponsor[data-v-6c60cf55]:hover{border-color:var(--vp-button-sponsor-hover-border);color:var(--vp-button-sponsor-hover-text);background-color:var(--vp-button-sponsor-hover-bg)}.VPButton.sponsor[data-v-6c60cf55]:active{border-color:var(--vp-button-sponsor-active-border);color:var(--vp-button-sponsor-active-text);background-color:var(--vp-button-sponsor-active-bg)}html:not(.dark) .VPImage.dark[data-v-c589c9f8]{display:none}.dark .VPImage.light[data-v-c589c9f8]{display:none}.VPHero[data-v-9473646b]{margin-top:calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px}@media (min-width: 640px){.VPHero[data-v-9473646b]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px}}@media (min-width: 960px){.VPHero[data-v-9473646b]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px}}.container[data-v-9473646b]{display:flex;flex-direction:column;margin:0 auto;max-width:1152px}@media (min-width: 960px){.container[data-v-9473646b]{flex-direction:row}}.main[data-v-9473646b]{position:relative;z-index:10;order:2;flex-grow:1;flex-shrink:0}.VPHero.has-image .container[data-v-9473646b]{text-align:center}@media (min-width: 960px){.VPHero.has-image .container[data-v-9473646b]{text-align:left}}@media (min-width: 960px){.main[data-v-9473646b]{order:1;width:calc((100% / 3) * 2)}.VPHero.has-image .main[data-v-9473646b]{max-width:592px}}.name[data-v-9473646b],.text[data-v-9473646b]{max-width:392px;letter-spacing:-.4px;line-height:40px;font-size:32px;font-weight:700;white-space:pre-wrap}.VPHero.has-image .name[data-v-9473646b],.VPHero.has-image .text[data-v-9473646b]{margin:0 auto}.name[data-v-9473646b]{color:var(--vp-home-hero-name-color)}.clip[data-v-9473646b]{background:var(--vp-home-hero-name-background);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--vp-home-hero-name-color)}@media (min-width: 640px){.name[data-v-9473646b],.text[data-v-9473646b]{max-width:576px;line-height:56px;font-size:48px}}@media (min-width: 960px){.name[data-v-9473646b],.text[data-v-9473646b]{line-height:64px;font-size:56px}.VPHero.has-image .name[data-v-9473646b],.VPHero.has-image .text[data-v-9473646b]{margin:0}}.tagline[data-v-9473646b]{padding-top:8px;max-width:392px;line-height:28px;font-size:18px;font-weight:500;white-space:pre-wrap;color:var(--vp-c-text-2)}.VPHero.has-image .tagline[data-v-9473646b]{margin:0 auto}@media (min-width: 640px){.tagline[data-v-9473646b]{padding-top:12px;max-width:576px;line-height:32px;font-size:20px}}@media (min-width: 960px){.tagline[data-v-9473646b]{line-height:36px;font-size:24px}.VPHero.has-image .tagline[data-v-9473646b]{margin:0}}.actions[data-v-9473646b]{display:flex;flex-wrap:wrap;margin:-6px;padding-top:24px}.VPHero.has-image .actions[data-v-9473646b]{justify-content:center}@media (min-width: 640px){.actions[data-v-9473646b]{padding-top:32px}}@media (min-width: 960px){.VPHero.has-image .actions[data-v-9473646b]{justify-content:flex-start}}.action[data-v-9473646b]{flex-shrink:0;padding:6px}.image[data-v-9473646b]{order:1;margin:-76px -24px -48px}@media (min-width: 640px){.image[data-v-9473646b]{margin:-108px -24px -48px}}@media (min-width: 960px){.image[data-v-9473646b]{flex-grow:1;order:2;margin:0;min-height:100%}}.image-container[data-v-9473646b]{position:relative;margin:0 auto;width:320px;height:320px}@media (min-width: 640px){.image-container[data-v-9473646b]{width:392px;height:392px}}@media (min-width: 960px){.image-container[data-v-9473646b]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translate(-32px,-32px)}}.image-bg[data-v-9473646b]{position:absolute;top:50%;left:50%;border-radius:50%;width:192px;height:192px;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%)}@media (min-width: 640px){.image-bg[data-v-9473646b]{width:256px;height:256px}}@media (min-width: 960px){.image-bg[data-v-9473646b]{width:320px;height:320px}}[data-v-9473646b] .image-src{position:absolute;top:50%;left:50%;max-width:192px;max-height:192px;transform:translate(-50%,-50%)}@media (min-width: 640px){[data-v-9473646b] .image-src{max-width:256px;max-height:256px}}@media (min-width: 960px){[data-v-9473646b] .image-src{max-width:320px;max-height:320px}}.VPFeature[data-v-850c8f15]{display:block;border:1px solid var(--vp-c-bg-soft);border-radius:12px;height:100%;background-color:var(--vp-c-bg-soft);transition:border-color .25s,background-color .25s}.VPFeature.link[data-v-850c8f15]:hover{border-color:var(--vp-c-brand-1)}.box[data-v-850c8f15]{display:flex;flex-direction:column;padding:24px;height:100%}.box[data-v-850c8f15]>.VPImage{margin-bottom:20px}.icon[data-v-850c8f15]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:6px;background-color:var(--vp-c-default-soft);width:48px;height:48px;font-size:24px;transition:background-color .25s}.title[data-v-850c8f15]{line-height:24px;font-size:16px;font-weight:600}.details[data-v-850c8f15]{flex-grow:1;padding-top:8px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.link-text[data-v-850c8f15]{padding-top:8px}.link-text-value[data-v-850c8f15]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.link-text-icon[data-v-850c8f15]{margin-left:6px}.VPFeatures[data-v-850f8ea6]{position:relative;padding:0 24px}@media (min-width: 640px){.VPFeatures[data-v-850f8ea6]{padding:0 48px}}@media (min-width: 960px){.VPFeatures[data-v-850f8ea6]{padding:0 64px}}.container[data-v-850f8ea6]{margin:0 auto;max-width:1152px}.items[data-v-850f8ea6]{display:flex;flex-wrap:wrap;margin:-8px}.item[data-v-850f8ea6]{padding:8px;width:100%}@media (min-width: 640px){.item.grid-2[data-v-850f8ea6],.item.grid-4[data-v-850f8ea6],.item.grid-6[data-v-850f8ea6]{width:50%}}@media (min-width: 768px){.item.grid-2[data-v-850f8ea6],.item.grid-4[data-v-850f8ea6]{width:50%}.item.grid-3[data-v-850f8ea6],.item.grid-6[data-v-850f8ea6]{width:calc(100% / 3)}}@media (min-width: 960px){.item.grid-4[data-v-850f8ea6]{width:25%}}.container[data-v-2136577c]{margin:auto;width:100%;max-width:1280px;padding:0 24px}@media (min-width: 640px){.container[data-v-2136577c]{padding:0 48px}}@media (min-width: 960px){.container[data-v-2136577c]{width:100%;padding:0 64px}}.vp-doc[data-v-2136577c] .VPHomeSponsors,.vp-doc[data-v-2136577c] .VPTeamPage{margin-left:var(--vp-offset, calc(50% - 50vw) );margin-right:var(--vp-offset, calc(50% - 50vw) )}.vp-doc[data-v-2136577c] .VPHomeSponsors h2{border-top:none;letter-spacing:normal}.vp-doc[data-v-2136577c] .VPHomeSponsors a,.vp-doc[data-v-2136577c] .VPTeamPage a{text-decoration:none}.VPHome[data-v-e7e32b23]{margin-bottom:96px}@media (min-width: 768px){.VPHome[data-v-e7e32b23]{margin-bottom:128px}}.VPContent[data-v-a693ae2c]{flex-grow:1;flex-shrink:0;margin:var(--vp-layout-top-height, 0px) auto 0;width:100%}.VPContent.is-home[data-v-a693ae2c]{width:100%;max-width:100%}.VPContent.has-sidebar[data-v-a693ae2c]{margin:0}@media (min-width: 960px){.VPContent[data-v-a693ae2c]{padding-top:var(--vp-nav-height)}.VPContent.has-sidebar[data-v-a693ae2c]{margin:var(--vp-layout-top-height, 0px) 0 0;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPContent.has-sidebar[data-v-a693ae2c]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.VPFooter[data-v-c381360f]{position:relative;z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-gutter);padding:32px 24px;background-color:var(--vp-c-bg)}.VPFooter.has-sidebar[data-v-c381360f]{display:none}.VPFooter[data-v-c381360f] a{text-decoration-line:underline;text-underline-offset:2px;transition:color .25s}.VPFooter[data-v-c381360f] a:hover{color:var(--vp-c-text-1)}@media (min-width: 768px){.VPFooter[data-v-c381360f]{padding:32px}}.container[data-v-c381360f]{margin:0 auto;max-width:var(--vp-layout-max-width);text-align:center}.message[data-v-c381360f],.copyright[data-v-c381360f]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.VPLocalNavOutlineDropdown[data-v-74dbecd6]{padding:12px 20px 11px}@media (min-width: 960px){.VPLocalNavOutlineDropdown[data-v-74dbecd6]{padding:12px 36px 11px}}.VPLocalNavOutlineDropdown button[data-v-74dbecd6]{display:block;font-size:12px;font-weight:500;line-height:24px;color:var(--vp-c-text-2);transition:color .5s;position:relative}.VPLocalNavOutlineDropdown button[data-v-74dbecd6]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPLocalNavOutlineDropdown button.open[data-v-74dbecd6]{color:var(--vp-c-text-1)}.icon[data-v-74dbecd6]{display:inline-block;vertical-align:middle;margin-left:2px;font-size:14px;transform:rotate(0);transition:transform .25s}@media (min-width: 960px){.VPLocalNavOutlineDropdown button[data-v-74dbecd6]{font-size:14px}.icon[data-v-74dbecd6]{font-size:16px}}.open>.icon[data-v-74dbecd6]{transform:rotate(90deg)}.items[data-v-74dbecd6]{position:absolute;top:40px;right:16px;left:16px;display:grid;gap:1px;border:1px solid var(--vp-c-border);border-radius:8px;background-color:var(--vp-c-gutter);max-height:calc(var(--vp-vh, 100vh) - 86px);overflow:hidden auto;box-shadow:var(--vp-shadow-3)}@media (min-width: 960px){.items[data-v-74dbecd6]{right:auto;left:calc(var(--vp-sidebar-width) + 32px);width:320px}}.header[data-v-74dbecd6]{background-color:var(--vp-c-bg-soft)}.top-link[data-v-74dbecd6]{display:block;padding:0 16px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.outline[data-v-74dbecd6]{padding:8px 0;background-color:var(--vp-c-bg-soft)}.flyout-enter-active[data-v-74dbecd6]{transition:all .2s ease-out}.flyout-leave-active[data-v-74dbecd6]{transition:all .15s ease-in}.flyout-enter-from[data-v-74dbecd6],.flyout-leave-to[data-v-74dbecd6]{opacity:0;transform:translateY(-16px)}.VPLocalNav[data-v-abe6678a]{position:sticky;top:0;left:0;z-index:var(--vp-z-index-local-nav);border-bottom:1px solid var(--vp-c-gutter);padding-top:var(--vp-layout-top-height, 0px);width:100%;background-color:var(--vp-local-nav-bg-color)}.VPLocalNav.fixed[data-v-abe6678a]{position:fixed}@media (min-width: 960px){.VPLocalNav[data-v-abe6678a]{top:var(--vp-nav-height)}.VPLocalNav.has-sidebar[data-v-abe6678a]{padding-left:var(--vp-sidebar-width)}.VPLocalNav.empty[data-v-abe6678a]{display:none}}@media (min-width: 1280px){.VPLocalNav[data-v-abe6678a]{display:none}}@media (min-width: 1440px){.VPLocalNav.has-sidebar[data-v-abe6678a]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.container[data-v-abe6678a]{display:flex;justify-content:space-between;align-items:center}.menu[data-v-abe6678a]{display:flex;align-items:center;padding:12px 24px 11px;line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.menu[data-v-abe6678a]:hover{color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 768px){.menu[data-v-abe6678a]{padding:0 32px}}@media (min-width: 960px){.menu[data-v-abe6678a]{display:none}}.menu-icon[data-v-abe6678a]{margin-right:8px;font-size:14px}.VPOutlineDropdown[data-v-abe6678a]{padding:12px 24px 11px}@media (min-width: 768px){.VPOutlineDropdown[data-v-abe6678a]{padding:12px 32px 11px}}.VPSwitch[data-v-3a947c4a]{position:relative;border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--vp-input-border-color);background-color:var(--vp-input-switch-bg-color);transition:border-color .25s!important}.VPSwitch[data-v-3a947c4a]:hover{border-color:var(--vp-c-brand-1)}.check[data-v-3a947c4a]{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--vp-c-neutral-inverse);box-shadow:var(--vp-shadow-1);transition:transform .25s!important}.icon[data-v-3a947c4a]{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.icon[data-v-3a947c4a] [class^=vpi-]{position:absolute;top:3px;left:3px;width:12px;height:12px;color:var(--vp-c-text-2)}.dark .icon[data-v-3a947c4a] [class^=vpi-]{color:var(--vp-c-text-1);transition:opacity .25s!important}.sun[data-v-70751b1d]{opacity:1}.moon[data-v-70751b1d],.dark .sun[data-v-70751b1d]{opacity:0}.dark .moon[data-v-70751b1d]{opacity:1}.dark .VPSwitchAppearance[data-v-70751b1d] .check{transform:translate(18px)}.VPNavBarAppearance[data-v-54484381]{display:none}@media (min-width: 1280px){.VPNavBarAppearance[data-v-54484381]{display:flex;align-items:center}}.VPMenuGroup+.VPMenuLink[data-v-128fbea3]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.link[data-v-128fbea3]{display:block;border-radius:6px;padding:0 12px;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);white-space:nowrap;transition:background-color .25s,color .25s}.link[data-v-128fbea3]:hover{color:var(--vp-c-brand-1);background-color:var(--vp-c-default-soft)}.link.active[data-v-128fbea3]{color:var(--vp-c-brand-1)}.VPMenuGroup[data-v-4ed79b8d]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.VPMenuGroup[data-v-4ed79b8d]:first-child{margin-top:0;border-top:0;padding-top:0}.VPMenuGroup+.VPMenuGroup[data-v-4ed79b8d]{margin-top:12px;border-top:1px solid var(--vp-c-divider)}.title[data-v-4ed79b8d]{padding:0 12px;line-height:32px;font-size:14px;font-weight:600;color:var(--vp-c-text-2);white-space:nowrap;transition:color .25s}.VPMenu[data-v-82af353a]{border-radius:12px;padding:12px;min-width:128px;border:1px solid var(--vp-c-divider);background-color:var(--vp-c-bg-elv);box-shadow:var(--vp-shadow-3);transition:background-color .5s;max-height:calc(100vh - var(--vp-nav-height));overflow-y:auto}.VPMenu[data-v-82af353a] .group{margin:0 -12px;padding:0 12px 12px}.VPMenu[data-v-82af353a] .group+.group{border-top:1px solid var(--vp-c-divider);padding:11px 12px 12px}.VPMenu[data-v-82af353a] .group:last-child{padding-bottom:0}.VPMenu[data-v-82af353a] .group+.item{border-top:1px solid var(--vp-c-divider);padding:11px 16px 0}.VPMenu[data-v-82af353a] .item{padding:0 16px;white-space:nowrap}.VPMenu[data-v-82af353a] .label{flex-grow:1;line-height:28px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.VPMenu[data-v-82af353a] .action{padding-left:24px}.VPFlyout[data-v-f894a103]{position:relative}.VPFlyout[data-v-f894a103]:hover{color:var(--vp-c-brand-1);transition:color .25s}.VPFlyout:hover .text[data-v-f894a103]{color:var(--vp-c-text-2)}.VPFlyout:hover .icon[data-v-f894a103]{fill:var(--vp-c-text-2)}.VPFlyout.active .text[data-v-f894a103]{color:var(--vp-c-brand-1)}.VPFlyout.active:hover .text[data-v-f894a103]{color:var(--vp-c-brand-2)}.VPFlyout:hover .menu[data-v-f894a103],.button[aria-expanded=true]+.menu[data-v-f894a103]{opacity:1;visibility:visible;transform:translateY(0)}.button[aria-expanded=false]+.menu[data-v-f894a103]{opacity:0;visibility:hidden;transform:translateY(0)}.button[data-v-f894a103]{display:flex;align-items:center;padding:0 12px;height:var(--vp-nav-height);color:var(--vp-c-text-1);transition:color .5s}.text[data-v-f894a103]{display:flex;align-items:center;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.option-icon[data-v-f894a103]{margin-right:0;font-size:16px}.text-icon[data-v-f894a103]{margin-left:4px;font-size:14px}.icon[data-v-f894a103]{font-size:20px;transition:fill .25s}.menu[data-v-f894a103]{position:absolute;top:calc(var(--vp-nav-height) / 2 + 20px);right:0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s}.VPSocialLink[data-v-40a4d124]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:var(--vp-c-text-2);transition:color .5s}.VPSocialLink[data-v-40a4d124]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPSocialLink[data-v-40a4d124]>svg,.VPSocialLink[data-v-40a4d124]>[class^=vpi-social-]{width:20px;height:20px;fill:currentColor}.VPSocialLinks[data-v-a1567fd4]{display:flex;justify-content:center}.VPNavBarExtra[data-v-770e43e0]{display:none;margin-right:-12px}@media (min-width: 768px){.VPNavBarExtra[data-v-770e43e0]{display:block}}@media (min-width: 1280px){.VPNavBarExtra[data-v-770e43e0]{display:none}}.trans-title[data-v-770e43e0]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.item.appearance[data-v-770e43e0],.item.social-links[data-v-770e43e0]{display:flex;align-items:center;padding:0 12px}.item.appearance[data-v-770e43e0]{min-width:176px}.appearance-action[data-v-770e43e0]{margin-right:-2px}.social-links-list[data-v-770e43e0]{margin:-4px -8px}.VPNavBarHamburger[data-v-be78ff70]{display:flex;justify-content:center;align-items:center;width:48px;height:var(--vp-nav-height)}@media (min-width: 768px){.VPNavBarHamburger[data-v-be78ff70]{display:none}}.container[data-v-be78ff70]{position:relative;width:16px;height:14px;overflow:hidden}.VPNavBarHamburger:hover .top[data-v-be78ff70]{top:0;left:0;transform:translate(4px)}.VPNavBarHamburger:hover .middle[data-v-be78ff70]{top:6px;left:0;transform:translate(0)}.VPNavBarHamburger:hover .bottom[data-v-be78ff70]{top:12px;left:0;transform:translate(8px)}.VPNavBarHamburger.active .top[data-v-be78ff70]{top:6px;transform:translate(0) rotate(225deg)}.VPNavBarHamburger.active .middle[data-v-be78ff70]{top:6px;transform:translate(16px)}.VPNavBarHamburger.active .bottom[data-v-be78ff70]{top:6px;transform:translate(0) rotate(135deg)}.VPNavBarHamburger.active:hover .top[data-v-be78ff70],.VPNavBarHamburger.active:hover .middle[data-v-be78ff70],.VPNavBarHamburger.active:hover .bottom[data-v-be78ff70]{background-color:var(--vp-c-text-2);transition:top .25s,background-color .25s,transform .25s}.top[data-v-be78ff70],.middle[data-v-be78ff70],.bottom[data-v-be78ff70]{position:absolute;width:16px;height:2px;background-color:var(--vp-c-text-1);transition:top .25s,background-color .5s,transform .25s}.top[data-v-be78ff70]{top:0;left:0;transform:translate(0)}.middle[data-v-be78ff70]{top:6px;left:0;transform:translate(8px)}.bottom[data-v-be78ff70]{top:12px;left:0;transform:translate(4px)}.VPNavBarMenuLink[data-v-0d5de216]{display:flex;align-items:center;padding:0 12px;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.VPNavBarMenuLink.active[data-v-0d5de216],.VPNavBarMenuLink[data-v-0d5de216]:hover{color:var(--vp-c-brand-1)}.VPNavBarMenu[data-v-23324f48]{display:none}@media (min-width: 768px){.VPNavBarMenu[data-v-23324f48]{display:flex}}/*! @docsearch/css 3.5.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[class*=DocSearch]{--docsearch-primary-color: var(--vp-c-brand-1);--docsearch-highlight-color: var(--docsearch-primary-color);--docsearch-text-color: var(--vp-c-text-1);--docsearch-muted-color: var(--vp-c-text-2);--docsearch-searchbox-shadow: none;--docsearch-searchbox-background: transparent;--docsearch-searchbox-focus-background: transparent;--docsearch-key-gradient: transparent;--docsearch-key-shadow: none;--docsearch-modal-background: var(--vp-c-bg-soft);--docsearch-footer-background: var(--vp-c-bg)}.dark [class*=DocSearch]{--docsearch-modal-shadow: none;--docsearch-footer-shadow: none;--docsearch-logo-color: var(--vp-c-text-2);--docsearch-hit-background: var(--vp-c-default-soft);--docsearch-hit-color: var(--vp-c-text-2);--docsearch-hit-shadow: none}.DocSearch-Button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:48px;height:55px;background:transparent;transition:border-color .25s}.DocSearch-Button:hover{background:transparent}.DocSearch-Button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.DocSearch-Button:focus:not(:focus-visible){outline:none!important}@media (min-width: 768px){.DocSearch-Button{justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px 0 12px;width:100%;height:40px;background-color:var(--vp-c-bg-alt)}.DocSearch-Button:hover{border-color:var(--vp-c-brand-1);background:var(--vp-c-bg-alt)}}.DocSearch-Button .DocSearch-Button-Container{display:flex;align-items:center}.DocSearch-Button .DocSearch-Search-Icon{position:relative;width:16px;height:16px;color:var(--vp-c-text-1);fill:currentColor;transition:color .5s}.DocSearch-Button:hover .DocSearch-Search-Icon{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Search-Icon{top:1px;margin-right:8px;width:14px;height:14px;color:var(--vp-c-text-2)}}.DocSearch-Button .DocSearch-Button-Placeholder{display:none;margin-top:2px;padding:0 16px 0 0;font-size:13px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.DocSearch-Button:hover .DocSearch-Button-Placeholder{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Placeholder{display:inline-block}}.DocSearch-Button .DocSearch-Button-Keys{direction:ltr;display:none;min-width:auto}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Keys{display:flex;align-items:center}}.DocSearch-Button .DocSearch-Button-Key{display:block;margin:2px 0 0;border:1px solid var(--vp-c-divider);border-right:none;border-radius:4px 0 0 4px;padding-left:6px;min-width:0;width:auto;height:22px;line-height:22px;font-family:var(--vp-font-family-base);font-size:12px;font-weight:500;transition:color .5s,border-color .5s}.DocSearch-Button .DocSearch-Button-Key+.DocSearch-Button-Key{border-right:1px solid var(--vp-c-divider);border-left:none;border-radius:0 4px 4px 0;padding-left:2px;padding-right:6px}.DocSearch-Button .DocSearch-Button-Key:first-child{font-size:0!important}.DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"Ctrl";font-size:12px;letter-spacing:normal;color:var(--docsearch-muted-color)}.mac .DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"⌘"}.DocSearch-Button .DocSearch-Button-Key:first-child>*{display:none}.DocSearch-Search-Icon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.6' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' d='m14.386 14.386 4.088 4.088-4.088-4.088A7.533 7.533 0 1 1 3.733 3.733a7.533 7.533 0 0 1 10.653 10.653z'/%3E%3C/svg%3E")}.VPNavBarSearch{display:flex;align-items:center}@media (min-width: 768px){.VPNavBarSearch{flex-grow:1;padding-left:24px}}@media (min-width: 960px){.VPNavBarSearch{padding-left:32px}}.dark .DocSearch-Footer{border-top:1px solid var(--vp-c-divider)}.DocSearch-Form{border:1px solid var(--vp-c-brand-1);background-color:var(--vp-c-white)}.dark .DocSearch-Form{background-color:var(--vp-c-default-soft)}.DocSearch-Screen-Icon>svg{margin:auto}.VPNavBarSocialLinks[data-v-bda4d0e9]{display:none}@media (min-width: 1280px){.VPNavBarSocialLinks[data-v-bda4d0e9]{display:flex;align-items:center}}.title[data-v-9ef2cf09]{display:flex;align-items:center;border-bottom:1px solid transparent;width:100%;height:var(--vp-nav-height);font-size:16px;font-weight:600;color:var(--vp-c-text-1);transition:opacity .25s}@media (min-width: 960px){.title[data-v-9ef2cf09]{flex-shrink:0}.VPNavBarTitle.has-sidebar .title[data-v-9ef2cf09]{border-bottom-color:var(--vp-c-divider)}}[data-v-9ef2cf09] .logo{margin-right:8px;height:var(--vp-nav-logo-height)}.VPNavBarTranslations[data-v-59f55991]{display:none}@media (min-width: 1280px){.VPNavBarTranslations[data-v-59f55991]{display:flex;align-items:center}}.title[data-v-59f55991]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.VPNavBar[data-v-8d1a47cf]{position:relative;height:var(--vp-nav-height);pointer-events:none;white-space:nowrap;transition:background-color .5s}.VPNavBar.has-local-nav[data-v-8d1a47cf]{background-color:var(--vp-nav-bg-color)}@media (min-width: 960px){.VPNavBar.has-local-nav[data-v-8d1a47cf]{background-color:transparent}.VPNavBar[data-v-8d1a47cf]:not(.has-sidebar):not(.top){background-color:var(--vp-nav-bg-color)}}.wrapper[data-v-8d1a47cf]{padding:0 8px 0 24px}@media (min-width: 768px){.wrapper[data-v-8d1a47cf]{padding:0 32px}}@media (min-width: 960px){.VPNavBar.has-sidebar .wrapper[data-v-8d1a47cf]{padding:0}}.container[data-v-8d1a47cf]{display:flex;justify-content:space-between;margin:0 auto;max-width:calc(var(--vp-layout-max-width) - 64px);height:var(--vp-nav-height);pointer-events:none}.container>.title[data-v-8d1a47cf],.container>.content[data-v-8d1a47cf]{pointer-events:none}.container[data-v-8d1a47cf] *{pointer-events:auto}@media (min-width: 960px){.VPNavBar.has-sidebar .container[data-v-8d1a47cf]{max-width:100%}}.title[data-v-8d1a47cf]{flex-shrink:0;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar.has-sidebar .title[data-v-8d1a47cf]{position:absolute;top:0;left:0;z-index:2;padding:0 32px;width:var(--vp-sidebar-width);height:var(--vp-nav-height);background-color:transparent}}@media (min-width: 1440px){.VPNavBar.has-sidebar .title[data-v-8d1a47cf]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}.content[data-v-8d1a47cf]{flex-grow:1}@media (min-width: 960px){.VPNavBar.has-sidebar .content[data-v-8d1a47cf]{position:relative;z-index:1;padding-right:32px;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .content[data-v-8d1a47cf]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2 + 32px);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.content-body[data-v-8d1a47cf]{display:flex;justify-content:flex-end;align-items:center;height:var(--vp-nav-height);transition:background-color .5s}@media (min-width: 960px){.VPNavBar:not(.top) .content-body[data-v-8d1a47cf]{position:relative;background-color:var(--vp-nav-bg-color)}.VPNavBar:not(.has-sidebar):not(.top) .content-body[data-v-8d1a47cf]{background-color:transparent}}@media (max-width: 767px){.content-body[data-v-8d1a47cf]{column-gap:.5rem}}.menu+.translations[data-v-8d1a47cf]:before,.menu+.appearance[data-v-8d1a47cf]:before,.menu+.social-links[data-v-8d1a47cf]:before,.translations+.appearance[data-v-8d1a47cf]:before,.appearance+.social-links[data-v-8d1a47cf]:before{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:var(--vp-c-divider);content:""}.menu+.appearance[data-v-8d1a47cf]:before,.translations+.appearance[data-v-8d1a47cf]:before{margin-right:16px}.appearance+.social-links[data-v-8d1a47cf]:before{margin-left:16px}.social-links[data-v-8d1a47cf]{margin-right:-8px}.divider[data-v-8d1a47cf]{width:100%;height:1px}@media (min-width: 960px){.VPNavBar.has-sidebar .divider[data-v-8d1a47cf]{padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .divider[data-v-8d1a47cf]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.divider-line[data-v-8d1a47cf]{width:100%;height:1px;transition:background-color .5s}.VPNavBar.has-local-nav .divider-line[data-v-8d1a47cf]{background-color:var(--vp-c-gutter)}@media (min-width: 960px){.VPNavBar:not(.top) .divider-line[data-v-8d1a47cf]{background-color:var(--vp-c-gutter)}.VPNavBar:not(.has-sidebar):not(.top) .divider[data-v-8d1a47cf]{background-color:var(--vp-c-gutter)}}.VPNavScreenAppearance[data-v-863c5b9f]{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px 14px 12px 16px;background-color:var(--vp-c-bg-soft)}.text[data-v-863c5b9f]{line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.VPNavScreenMenuLink[data-v-c2b58f0f]{display:block;border-bottom:1px solid var(--vp-c-divider);padding:12px 0 11px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:border-color .25s,color .25s}.VPNavScreenMenuLink[data-v-c2b58f0f]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupLink[data-v-e6436911]{display:block;margin-left:12px;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-1);transition:color .25s}.VPNavScreenMenuGroupLink[data-v-e6436911]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupSection[data-v-a4d4584e]{display:block}.title[data-v-a4d4584e]{line-height:32px;font-size:13px;font-weight:700;color:var(--vp-c-text-2);transition:color .25s}.VPNavScreenMenuGroup[data-v-473de28b]{border-bottom:1px solid var(--vp-c-divider);height:48px;overflow:hidden;transition:border-color .5s}.VPNavScreenMenuGroup .items[data-v-473de28b]{visibility:hidden}.VPNavScreenMenuGroup.open .items[data-v-473de28b]{visibility:visible}.VPNavScreenMenuGroup.open[data-v-473de28b]{padding-bottom:10px;height:auto}.VPNavScreenMenuGroup.open .button[data-v-473de28b]{padding-bottom:6px;color:var(--vp-c-brand-1)}.VPNavScreenMenuGroup.open .button-icon[data-v-473de28b]{transform:rotate(45deg)}.button[data-v-473de28b]{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 11px 0;width:100%;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.button[data-v-473de28b]:hover{color:var(--vp-c-brand-1)}.button-icon[data-v-473de28b]{transition:transform .25s}.group[data-v-473de28b]:first-child{padding-top:0}.group+.group[data-v-473de28b],.group+.item[data-v-473de28b]{padding-top:4px}.VPNavScreenTranslations[data-v-1ef4d13f]{height:24px;overflow:hidden}.VPNavScreenTranslations.open[data-v-1ef4d13f]{height:auto}.title[data-v-1ef4d13f]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-text-1)}.icon[data-v-1ef4d13f]{font-size:16px}.icon.lang[data-v-1ef4d13f]{margin-right:8px}.icon.chevron[data-v-1ef4d13f]{margin-left:4px}.list[data-v-1ef4d13f]{padding:4px 0 0 24px}.link[data-v-1ef4d13f]{line-height:32px;font-size:13px;color:var(--vp-c-text-1)}.VPNavScreen[data-v-1c572c39]{position:fixed;top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 1px);right:0;bottom:0;left:0;padding:0 32px;width:100%;background-color:var(--vp-nav-screen-bg-color);overflow-y:auto;transition:background-color .5s;pointer-events:auto}.VPNavScreen.fade-enter-active[data-v-1c572c39],.VPNavScreen.fade-leave-active[data-v-1c572c39]{transition:opacity .25s}.VPNavScreen.fade-enter-active .container[data-v-1c572c39],.VPNavScreen.fade-leave-active .container[data-v-1c572c39]{transition:transform .25s ease}.VPNavScreen.fade-enter-from[data-v-1c572c39],.VPNavScreen.fade-leave-to[data-v-1c572c39]{opacity:0}.VPNavScreen.fade-enter-from .container[data-v-1c572c39],.VPNavScreen.fade-leave-to .container[data-v-1c572c39]{transform:translateY(-8px)}@media (min-width: 768px){.VPNavScreen[data-v-1c572c39]{display:none}}.container[data-v-1c572c39]{margin:0 auto;padding:24px 0 96px;max-width:288px}.menu+.translations[data-v-1c572c39],.menu+.appearance[data-v-1c572c39],.translations+.appearance[data-v-1c572c39]{margin-top:24px}.menu+.social-links[data-v-1c572c39]{margin-top:16px}.appearance+.social-links[data-v-1c572c39]{margin-top:16px}.VPNav[data-v-9456f633]{position:relative;top:var(--vp-layout-top-height, 0px);left:0;z-index:var(--vp-z-index-nav);width:100%;pointer-events:none;transition:background-color .5s}@media (min-width: 960px){.VPNav[data-v-9456f633]{position:fixed}}.VPSidebarItem.level-0[data-v-1516d4dd]{padding-bottom:24px}.VPSidebarItem.collapsed.level-0[data-v-1516d4dd]{padding-bottom:10px}.item[data-v-1516d4dd]{position:relative;display:flex;width:100%}.VPSidebarItem.collapsible>.item[data-v-1516d4dd]{cursor:pointer}.indicator[data-v-1516d4dd]{position:absolute;top:6px;bottom:6px;left:-17px;width:2px;border-radius:2px;transition:background-color .25s}.VPSidebarItem.level-2.is-active>.item>.indicator[data-v-1516d4dd],.VPSidebarItem.level-3.is-active>.item>.indicator[data-v-1516d4dd],.VPSidebarItem.level-4.is-active>.item>.indicator[data-v-1516d4dd],.VPSidebarItem.level-5.is-active>.item>.indicator[data-v-1516d4dd]{background-color:var(--vp-c-brand-1)}.link[data-v-1516d4dd]{display:flex;align-items:center;flex-grow:1}.text[data-v-1516d4dd]{flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;transition:color .25s}.VPSidebarItem.level-0 .text[data-v-1516d4dd]{font-weight:700;color:var(--vp-c-text-1)}.VPSidebarItem.level-1 .text[data-v-1516d4dd],.VPSidebarItem.level-2 .text[data-v-1516d4dd],.VPSidebarItem.level-3 .text[data-v-1516d4dd],.VPSidebarItem.level-4 .text[data-v-1516d4dd],.VPSidebarItem.level-5 .text[data-v-1516d4dd]{font-weight:500;color:var(--vp-c-text-2)}.VPSidebarItem.level-0.is-link>.item>.link:hover .text[data-v-1516d4dd],.VPSidebarItem.level-1.is-link>.item>.link:hover .text[data-v-1516d4dd],.VPSidebarItem.level-2.is-link>.item>.link:hover .text[data-v-1516d4dd],.VPSidebarItem.level-3.is-link>.item>.link:hover .text[data-v-1516d4dd],.VPSidebarItem.level-4.is-link>.item>.link:hover .text[data-v-1516d4dd],.VPSidebarItem.level-5.is-link>.item>.link:hover .text[data-v-1516d4dd]{color:var(--vp-c-brand-1)}.VPSidebarItem.level-0.has-active>.item>.text[data-v-1516d4dd],.VPSidebarItem.level-1.has-active>.item>.text[data-v-1516d4dd],.VPSidebarItem.level-2.has-active>.item>.text[data-v-1516d4dd],.VPSidebarItem.level-3.has-active>.item>.text[data-v-1516d4dd],.VPSidebarItem.level-4.has-active>.item>.text[data-v-1516d4dd],.VPSidebarItem.level-5.has-active>.item>.text[data-v-1516d4dd],.VPSidebarItem.level-0.has-active>.item>.link>.text[data-v-1516d4dd],.VPSidebarItem.level-1.has-active>.item>.link>.text[data-v-1516d4dd],.VPSidebarItem.level-2.has-active>.item>.link>.text[data-v-1516d4dd],.VPSidebarItem.level-3.has-active>.item>.link>.text[data-v-1516d4dd],.VPSidebarItem.level-4.has-active>.item>.link>.text[data-v-1516d4dd],.VPSidebarItem.level-5.has-active>.item>.link>.text[data-v-1516d4dd]{color:var(--vp-c-text-1)}.VPSidebarItem.level-0.is-active>.item .link>.text[data-v-1516d4dd],.VPSidebarItem.level-1.is-active>.item .link>.text[data-v-1516d4dd],.VPSidebarItem.level-2.is-active>.item .link>.text[data-v-1516d4dd],.VPSidebarItem.level-3.is-active>.item .link>.text[data-v-1516d4dd],.VPSidebarItem.level-4.is-active>.item .link>.text[data-v-1516d4dd],.VPSidebarItem.level-5.is-active>.item .link>.text[data-v-1516d4dd]{color:var(--vp-c-brand-1)}.caret[data-v-1516d4dd]{display:flex;justify-content:center;align-items:center;margin-right:-7px;width:32px;height:32px;color:var(--vp-c-text-3);cursor:pointer;transition:color .25s;flex-shrink:0}.item:hover .caret[data-v-1516d4dd]{color:var(--vp-c-text-2)}.item:hover .caret[data-v-1516d4dd]:hover{color:var(--vp-c-text-1)}.caret-icon[data-v-1516d4dd]{font-size:18px;transform:rotate(90deg);transition:transform .25s}.VPSidebarItem.collapsed .caret-icon[data-v-1516d4dd]{transform:rotate(0)}.VPSidebarItem.level-1 .items[data-v-1516d4dd],.VPSidebarItem.level-2 .items[data-v-1516d4dd],.VPSidebarItem.level-3 .items[data-v-1516d4dd],.VPSidebarItem.level-4 .items[data-v-1516d4dd],.VPSidebarItem.level-5 .items[data-v-1516d4dd]{border-left:1px solid var(--vp-c-divider);padding-left:16px}.VPSidebarItem.collapsed .items[data-v-1516d4dd]{display:none}.VPSidebar[data-v-fb0eb268]{position:fixed;top:var(--vp-layout-top-height, 0px);bottom:0;left:0;z-index:var(--vp-z-index-sidebar);padding:32px 32px 96px;width:calc(100vw - 64px);max-width:320px;background-color:var(--vp-sidebar-bg-color);opacity:0;box-shadow:var(--vp-c-shadow-3);overflow-x:hidden;overflow-y:auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease;overscroll-behavior:contain}.VPSidebar.open[data-v-fb0eb268]{opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1)}.dark .VPSidebar[data-v-fb0eb268]{box-shadow:var(--vp-shadow-1)}@media (min-width: 960px){.VPSidebar[data-v-fb0eb268]{padding-top:var(--vp-nav-height);width:var(--vp-sidebar-width);max-width:100%;background-color:var(--vp-sidebar-bg-color);opacity:1;visibility:visible;box-shadow:none;transform:translate(0)}}@media (min-width: 1440px){.VPSidebar[data-v-fb0eb268]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}@media (min-width: 960px){.curtain[data-v-fb0eb268]{position:sticky;top:-64px;left:0;z-index:1;margin-top:calc(var(--vp-nav-height) * -1);margin-right:-32px;margin-left:-32px;height:var(--vp-nav-height);background-color:var(--vp-sidebar-bg-color)}}.nav[data-v-fb0eb268]{outline:0}.group+.group[data-v-fb0eb268]{border-top:1px solid var(--vp-c-divider);padding-top:10px}@media (min-width: 960px){.group[data-v-fb0eb268]{padding-top:10px;width:calc(var(--vp-sidebar-width) - 64px)}}.VPSkipLink[data-v-c337a0a9]{top:8px;left:8px;padding:8px 16px;z-index:999;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;color:var(--vp-c-brand-1);box-shadow:var(--vp-shadow-3);background-color:var(--vp-c-bg)}.VPSkipLink[data-v-c337a0a9]:focus{height:auto;width:auto;clip:auto;clip-path:none}@media (min-width: 1280px){.VPSkipLink[data-v-c337a0a9]{top:14px;left:16px}}.Layout[data-v-ef60d520]{display:flex;flex-direction:column;min-height:100vh}.VPHomeSponsors[data-v-7444f17d]{border-top:1px solid var(--vp-c-gutter);padding-top:88px!important}.VPHomeSponsors[data-v-7444f17d]{margin:96px 0}@media (min-width: 768px){.VPHomeSponsors[data-v-7444f17d]{margin:128px 0}}.VPHomeSponsors[data-v-7444f17d]{padding:0 24px}@media (min-width: 768px){.VPHomeSponsors[data-v-7444f17d]{padding:0 48px}}@media (min-width: 960px){.VPHomeSponsors[data-v-7444f17d]{padding:0 64px}}.container[data-v-7444f17d]{margin:0 auto;max-width:1152px}.love[data-v-7444f17d]{margin:0 auto;width:fit-content;font-size:28px;color:var(--vp-c-text-3)}.icon[data-v-7444f17d]{display:inline-block}.message[data-v-7444f17d]{margin:0 auto;padding-top:10px;max-width:320px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.sponsors[data-v-7444f17d]{padding-top:32px}.action[data-v-7444f17d]{padding-top:40px;text-align:center}.VPTeamPage[data-v-555b6903]{margin:96px 0}@media (min-width: 768px){.VPTeamPage[data-v-555b6903]{margin:128px 0}}.VPHome .VPTeamPageTitle[data-v-555b6903-s]{border-top:1px solid var(--vp-c-gutter);padding-top:88px!important}.VPTeamPageSection+.VPTeamPageSection[data-v-555b6903-s],.VPTeamMembers+.VPTeamPageSection[data-v-555b6903-s]{margin-top:64px}.VPTeamMembers+.VPTeamMembers[data-v-555b6903-s]{margin-top:24px}@media (min-width: 768px){.VPTeamPageTitle+.VPTeamPageSection[data-v-555b6903-s]{margin-top:16px}.VPTeamPageSection+.VPTeamPageSection[data-v-555b6903-s],.VPTeamMembers+.VPTeamPageSection[data-v-555b6903-s]{margin-top:96px}}.VPTeamMembers[data-v-555b6903-s]{padding:0 24px}@media (min-width: 768px){.VPTeamMembers[data-v-555b6903-s]{padding:0 48px}}@media (min-width: 960px){.VPTeamMembers[data-v-555b6903-s]{padding:0 64px}}.VPTeamPageTitle[data-v-93c191b1]{padding:48px 32px;text-align:center}@media (min-width: 768px){.VPTeamPageTitle[data-v-93c191b1]{padding:64px 48px 48px}}@media (min-width: 960px){.VPTeamPageTitle[data-v-93c191b1]{padding:80px 64px 48px}}.title[data-v-93c191b1]{letter-spacing:0;line-height:44px;font-size:36px;font-weight:500}@media (min-width: 768px){.title[data-v-93c191b1]{letter-spacing:-.5px;line-height:56px;font-size:48px}}.lead[data-v-93c191b1]{margin:0 auto;max-width:512px;padding-top:12px;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 768px){.lead[data-v-93c191b1]{max-width:592px;letter-spacing:.15px;line-height:28px;font-size:20px}}.VPTeamPageSection[data-v-351a0459]{padding:0 32px}@media (min-width: 768px){.VPTeamPageSection[data-v-351a0459]{padding:0 48px}}@media (min-width: 960px){.VPTeamPageSection[data-v-351a0459]{padding:0 64px}}.title[data-v-351a0459]{position:relative;margin:0 auto;max-width:1152px;text-align:center;color:var(--vp-c-text-2)}.title-line[data-v-351a0459]{position:absolute;top:16px;left:0;width:100%;height:1px;background-color:var(--vp-c-divider)}.title-text[data-v-351a0459]{position:relative;display:inline-block;padding:0 24px;letter-spacing:0;line-height:32px;font-size:20px;font-weight:500;background-color:var(--vp-c-bg)}.lead[data-v-351a0459]{margin:0 auto;max-width:480px;padding-top:12px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.members[data-v-351a0459]{padding-top:40px}.VPTeamMembersItem[data-v-69a01d83]{display:flex;flex-direction:column;gap:2px;border-radius:12px;width:100%;height:100%;overflow:hidden}.VPTeamMembersItem.small .profile[data-v-69a01d83]{padding:32px}.VPTeamMembersItem.small .data[data-v-69a01d83]{padding-top:20px}.VPTeamMembersItem.small .avatar[data-v-69a01d83]{width:64px;height:64px}.VPTeamMembersItem.small .name[data-v-69a01d83]{line-height:24px;font-size:16px}.VPTeamMembersItem.small .affiliation[data-v-69a01d83]{padding-top:4px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .desc[data-v-69a01d83]{padding-top:12px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .links[data-v-69a01d83]{margin:0 -16px -20px;padding:10px 0 0}.VPTeamMembersItem.medium .profile[data-v-69a01d83]{padding:48px 32px}.VPTeamMembersItem.medium .data[data-v-69a01d83]{padding-top:24px;text-align:center}.VPTeamMembersItem.medium .avatar[data-v-69a01d83]{width:96px;height:96px}.VPTeamMembersItem.medium .name[data-v-69a01d83]{letter-spacing:.15px;line-height:28px;font-size:20px}.VPTeamMembersItem.medium .affiliation[data-v-69a01d83]{padding-top:4px;font-size:16px}.VPTeamMembersItem.medium .desc[data-v-69a01d83]{padding-top:16px;max-width:288px;font-size:16px}.VPTeamMembersItem.medium .links[data-v-69a01d83]{margin:0 -16px -12px;padding:16px 12px 0}.profile[data-v-69a01d83]{flex-grow:1;background-color:var(--vp-c-bg-soft)}.data[data-v-69a01d83]{text-align:center}.avatar[data-v-69a01d83]{position:relative;flex-shrink:0;margin:0 auto;border-radius:50%;box-shadow:var(--vp-shadow-3)}.avatar-img[data-v-69a01d83]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;object-fit:cover}.name[data-v-69a01d83]{margin:0;font-weight:600}.affiliation[data-v-69a01d83]{margin:0;font-weight:500;color:var(--vp-c-text-2)}.org.link[data-v-69a01d83]{color:var(--vp-c-text-2);transition:color .25s}.org.link[data-v-69a01d83]:hover{color:var(--vp-c-brand-1)}.desc[data-v-69a01d83]{margin:0 auto}.desc[data-v-69a01d83] a{font-weight:500;color:var(--vp-c-brand-1);text-decoration-style:dotted;transition:color .25s}.links[data-v-69a01d83]{display:flex;justify-content:center;height:56px}.sp-link[data-v-69a01d83]{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;font-size:14px;font-weight:500;color:var(--vp-c-sponsor);background-color:var(--vp-c-bg-soft);transition:color .25s,background-color .25s}.sp .sp-link.link[data-v-69a01d83]:hover,.sp .sp-link.link[data-v-69a01d83]:focus{outline:none;color:var(--vp-c-white);background-color:var(--vp-c-sponsor)}.sp-icon[data-v-69a01d83]{margin-right:8px;font-size:16px}.VPTeamMembers.small .container[data-v-2d83c8bc]{grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.VPTeamMembers.small.count-1 .container[data-v-2d83c8bc]{max-width:276px}.VPTeamMembers.small.count-2 .container[data-v-2d83c8bc]{max-width:576px}.VPTeamMembers.small.count-3 .container[data-v-2d83c8bc]{max-width:876px}.VPTeamMembers.medium .container[data-v-2d83c8bc]{grid-template-columns:repeat(auto-fit,minmax(256px,1fr))}@media (min-width: 375px){.VPTeamMembers.medium .container[data-v-2d83c8bc]{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}}.VPTeamMembers.medium.count-1 .container[data-v-2d83c8bc]{max-width:368px}.VPTeamMembers.medium.count-2 .container[data-v-2d83c8bc]{max-width:760px}.container[data-v-2d83c8bc]{display:grid;gap:24px;margin:0 auto;max-width:1152px}.sponsor-section[data-v-7d2a1d4b]{margin-top:100px}.sponsor h2[data-v-7d2a1d4b]{font-size:26px;text-align:center;font-weight:600;padding-bottom:34px}.sponsor h4[data-v-7d2a1d4b]{font-size:20px;font-weight:500;padding:30px 0 20px;text-align:left}.sponsor-grid[data-v-7d2a1d4b]{display:flex;flex-wrap:wrap;gap:6px}.sponsor-grid-item[data-v-7d2a1d4b]{display:flex;justify-content:center;align-items:center;width:100%;color:var(--vp-c-text-2)!important;background-color:var(--vp-c-bg-soft);border-radius:4px;transition:background-color .2s;cursor:pointer;color:inherit}.sponsor-grid-item .text[data-v-7d2a1d4b]{font-size:38px;font-weight:700;padding-left:12px}.dark .sponsor .sponsor-grid .sponsor-grid-item[data-v-7d2a1d4b]:hover{background-color:var(--vp-c-neutral);color:#0009!important}.sponsor-top-grid .item-no1[data-v-7d2a1d4b]{height:160px;font-size:16px}.sponsor-top-grid .item-no1 .image[data-v-7d2a1d4b]{height:56px}.sponsor-top-grid .item-no2-no3[data-v-7d2a1d4b]{height:140px;font-size:14px}.sponsor-top-grid .item-no2-no3 .image[data-v-7d2a1d4b]{height:46px}.sponsor-platinum-grid .item[data-v-7d2a1d4b]{height:100px}.sponsor-platinum-grid .item .image[data-v-7d2a1d4b]{height:30px}.sponsor-gold-grid .item[data-v-7d2a1d4b]{width:calc((100% - 18px)/4);height:50px}.sponsor-gold-grid .item .image[data-v-7d2a1d4b]{height:16px}@media (min-width: 640px){.sponsor-platinum-grid .item[data-v-7d2a1d4b]{width:calc((100% - 12px) / 3)}.sponsor-gold-grid .item[data-v-7d2a1d4b]{width:calc((100% - 30px)/4)}}@media (min-width: 960px){.sponsor-top-grid .item-no2-no3[data-v-7d2a1d4b]{width:calc((100% - 6px)/2)}.sponsor-platinum-grid .item[data-v-7d2a1d4b]{width:calc((100% - 18px)/4)}.sponsor-gold-grid .item[data-v-7d2a1d4b]{width:calc((100% - 54px)*.1)}}.NotFound[data-v-de22ffbd]{padding:96px 24px;text-align:center}.NotFound .logo[data-v-de22ffbd]{display:flex;flex-direction:row;align-items:center;justify-content:center}.NotFound .logo span[data-v-de22ffbd]{font-size:110px;font-weight:600}.NotFound .logo img[data-v-de22ffbd]{width:92px;margin:0 16px}@media (min-width: 768px){.NotFound[data-v-de22ffbd]{padding:128px 32px 168px}}.title[data-v-de22ffbd]{padding-top:30px;letter-spacing:2px;font-size:30px;font-weight:700}.tip[data-v-de22ffbd]{font-size:14px;color:var(--vp-c-text-2)}.action[data-v-de22ffbd]{padding-top:20px}.link[data-v-de22ffbd]{display:inline-block;border:1px solid var(--vp-c-brand);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand);transition:border-color .2s,color .2s}.link[data-v-de22ffbd]:hover{border-color:var(--vp-c-brand-light);color:var(--vp-c-brand-light)}.Tag[data-v-90b04f6b]{vertical-align:middle;padding:3px 6px;font-size:12px;border-radius:3px;background-color:var(--vp-c-indigo-1);margin:auto;color:#fff}:root{--vp-c-indigo-1: #1677FF;--vp-c-indigo-2: #3086ff;--vp-c-indigo-3: #4995ff;--vp-c-indigo-soft: rgb(22, 119, 255, .14);--vp-code-color: #476582;--vp-button-brand-border: var(--vp-c-indigo-2);--vp-button-brand-bg: var(--vp-c-indigo-1);--vp-button-brand-hover-border: var(--vp-c-indigo-2);--vp-button-brand-hover-bg: var(--vp-c-indigo-2);--vp-button-brand-active-border: var(--vp-c-indigo-2);--vp-button-brand-active-bg: var(--vp-button-brand-bg);--vp-custom-block-font-size: 13px;--vp-custom-block-code-font-size: 12px;--vp-code-line-height: 1.6;--vp-code-font-size: 1em;--vp-home-hero-name-color: transparent;--vp-home-hero-name-background: -webkit-linear-gradient( 145deg, #2DC08E 26%, #F92855 );--vp-home-hero-image-background-image: linear-gradient( -45deg, rgba(45, 192, 142, .3), rgba(249, 40, 85, .3) );--vp-home-hero-image-filter: blur(40px)}.dark{--vp-code-color: #c9def1}body{font-size:14px}@media (min-width: 640px){:root{--vp-home-hero-image-filter: blur(60px)}}@media (min-width: 960px){:root{--vp-home-hero-image-filter: blur(80px)}}.home-section{border-top:1px solid var(--vp-c-gutter);padding:60px 24px;text-align:center}.home-section .home-section-content{margin:0 auto;max-width:1152px}.sample-chart+.vp-code-group{margin-top:0}.sample-chart+.vp-code-group .tabs{background-color:transparent;border:solid 1px var(--vp-c-divider);border-bottom:none;border-top-style:dashed;border-radius:0;margin-left:0;margin-right:0}.sample-chart+.vp-code-group div[class*=language-]{background-color:transparent;border:solid 1px var(--vp-c-divider);border-top:none;margin-left:0;margin-right:0}@media (min-width: 640px){.home-section{padding:60px 48px}}@media (min-width: 960px){.home-section{padding:60px 64px}}.style-explain[data-v-214cdbcb]{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:12px}.style-explain-item[data-v-214cdbcb]{display:flex;flex-direction:row;align-items:center;margin-right:30px;margin-top:2px}.style-explain-item strong[data-v-214cdbcb]{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:red;width:18px;height:18px;margin-right:4px;font-size:12px;border-radius:9px;color:#fff}.tooltip[data-v-002f285a]{position:relative}.tip-container[data-v-002f285a]{position:absolute;z-index:10;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);opacity:0;transition:opacity ease-in-out .2s,bottom ease-in-out .2s}.tip[data-v-002f285a]{position:relative;overflow:hidden;white-space:nowrap;padding:6px 10px;background-color:var(--vp-code-block-bg);border-radius:4px;color:var(--vp-c-text-1);font-weight:400;box-shadow:0 6px 16px -8px #00000080}.tip[data-v-002f285a]:after{display:inline-block;content:"";width:0;height:0;position:absolute;top:100%;left:calc(50% - 5px);border-left:solid 5px transparent;border-right:solid 5px transparent;border-top:solid 5px var(--vp-code-block-bg);z-index:20}.body[data-v-002f285a]{cursor:pointer}.body:hover+.tip-container[data-v-002f285a]{opacity:1;bottom:calc(100% + 10px)}.loading[data-v-8a142993]{display:flex;position:absolute;flex-direction:row;align-items:center;justify-content:center;left:0;top:0;width:100%;height:100%;z-index:10}.loader[data-v-8a142993]{width:12px;aspect-ratio:1;position:relative}.loader[data-v-8a142993]:before,.loader[data-v-8a142993]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:var(--vp-c-indigo-1)}.loader[data-v-8a142993]:before{box-shadow:-18px 0 var(--vp-c-indigo-1);animation:l8-1-8a142993 1s infinite linear}.loader[data-v-8a142993]:after{transform:rotate(0) translate(18px);animation:l8-2-8a142993 1s infinite linear}@keyframes l8-1-8a142993{to{transform:translate(18px)}}@keyframes l8-2-8a142993{to{transform:rotate(-180deg) translate(18px)}}.chart[data-v-80212305]{margin-top:16px;border-top-left-radius:8px;border-top-right-radius:8px;border:solid 1px var(--vp-c-divider);border-bottom:none}.chart-container[data-v-80212305]{padding-bottom:10px;min-height:400px;position:relative}.code-action-container[data-v-80212305]{display:flex;align-items:center;justify-content:center;height:40px;border-top:dashed 1px var(--vp-c-divider)}.code-action-container form[data-v-80212305]{display:flex;align-items:center;justify-content:center}.code-action-container a[data-v-80212305],.code-action-container button[data-v-80212305]{padding:0 8px}.code-action-container a[data-v-80212305]:last-child{margin-right:0}.code-action-container a svg[data-v-80212305],.code-action-container button svg[data-v-80212305]{fill:var(--vp-c-text-1);opacity:.68;transform:scale(1);transition:opacity linear .2s,transform linear .2s}.code-action-container a svg[data-v-80212305]:hover,.code-action-container button svg[data-v-80212305]:hover{opacity:1;transform:scale(1.2)}.VPLocalSearchBox[data-v-112fb72d]{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex}.backdrop[data-v-112fb72d]{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vp-backdrop-bg-color);transition:opacity .5s}.shell[data-v-112fb72d]{position:relative;padding:12px;margin:64px auto;display:flex;flex-direction:column;gap:16px;background:var(--vp-local-search-bg);width:min(100vw - 60px,900px);height:min-content;max-height:min(100vh - 128px,900px);border-radius:6px}@media (max-width: 767px){.shell[data-v-112fb72d]{margin:0;width:100vw;height:100vh;max-height:none;border-radius:0}}.search-bar[data-v-112fb72d]{border:1px solid var(--vp-c-divider);border-radius:4px;display:flex;align-items:center;padding:0 12px;cursor:text}@media (max-width: 767px){.search-bar[data-v-112fb72d]{padding:0 8px}}.search-bar[data-v-112fb72d]:focus-within{border-color:var(--vp-c-brand-1)}.local-search-icon[data-v-112fb72d]{display:block;font-size:18px}.navigate-icon[data-v-112fb72d]{display:block;font-size:14px}.search-icon[data-v-112fb72d]{margin:8px}@media (max-width: 767px){.search-icon[data-v-112fb72d]{display:none}}.search-input[data-v-112fb72d]{padding:6px 12px;font-size:inherit;width:100%}@media (max-width: 767px){.search-input[data-v-112fb72d]{padding:6px 4px}}.search-actions[data-v-112fb72d]{display:flex;gap:4px}@media (any-pointer: coarse){.search-actions[data-v-112fb72d]{gap:8px}}@media (min-width: 769px){.search-actions.before[data-v-112fb72d]{display:none}}.search-actions button[data-v-112fb72d]{padding:8px}.search-actions button[data-v-112fb72d]:not([disabled]):hover,.toggle-layout-button.detailed-list[data-v-112fb72d]{color:var(--vp-c-brand-1)}.search-actions button.clear-button[data-v-112fb72d]:disabled{opacity:.37}.search-keyboard-shortcuts[data-v-112fb72d]{font-size:.8rem;opacity:75%;display:flex;flex-wrap:wrap;gap:16px;line-height:14px}.search-keyboard-shortcuts span[data-v-112fb72d]{display:flex;align-items:center;gap:4px}@media (max-width: 767px){.search-keyboard-shortcuts[data-v-112fb72d]{display:none}}.search-keyboard-shortcuts kbd[data-v-112fb72d]{background:#8080801a;border-radius:4px;padding:3px 6px;min-width:24px;display:inline-block;text-align:center;vertical-align:middle;border:1px solid rgba(128,128,128,.15);box-shadow:0 2px 2px #0000001a}.results[data-v-112fb72d]{display:flex;flex-direction:column;gap:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.result[data-v-112fb72d]{display:flex;align-items:center;gap:8px;border-radius:4px;transition:none;line-height:1rem;border:solid 2px var(--vp-local-search-result-border);outline:none}.result>div[data-v-112fb72d]{margin:12px;width:100%;overflow:hidden}@media (max-width: 767px){.result>div[data-v-112fb72d]{margin:8px}}.titles[data-v-112fb72d]{display:flex;flex-wrap:wrap;gap:4px;position:relative;z-index:1001;padding:2px 0}.title[data-v-112fb72d]{display:flex;align-items:center;gap:4px}.title.main[data-v-112fb72d]{font-weight:500}.title-icon[data-v-112fb72d]{opacity:.5;font-weight:500;color:var(--vp-c-brand-1)}.title svg[data-v-112fb72d]{opacity:.5}.result.selected[data-v-112fb72d]{--vp-local-search-result-bg: var(--vp-local-search-result-selected-bg);border-color:var(--vp-local-search-result-selected-border)}.excerpt-wrapper[data-v-112fb72d]{position:relative}.excerpt[data-v-112fb72d]{opacity:75%;pointer-events:none;max-height:140px;overflow:hidden;position:relative;opacity:.5;margin-top:4px}.result.selected .excerpt[data-v-112fb72d]{opacity:1}.excerpt[data-v-112fb72d] *{font-size:.8rem!important;line-height:130%!important}.titles[data-v-112fb72d] mark,.excerpt[data-v-112fb72d] mark{background-color:var(--vp-local-search-highlight-bg);color:var(--vp-local-search-highlight-text);border-radius:2px;padding:0 2px}.excerpt[data-v-112fb72d] .vp-code-group .tabs{display:none}.excerpt[data-v-112fb72d] .vp-code-group div[class*=language-]{border-radius:8px!important}.excerpt-gradient-bottom[data-v-112fb72d]{position:absolute;bottom:-1px;left:0;width:100%;height:8px;background:linear-gradient(transparent,var(--vp-local-search-result-bg));z-index:1000}.excerpt-gradient-top[data-v-112fb72d]{position:absolute;top:-1px;left:0;width:100%;height:8px;background:linear-gradient(var(--vp-local-search-result-bg),transparent);z-index:1000}.result.selected .titles[data-v-112fb72d],.result.selected .title-icon[data-v-112fb72d]{color:var(--vp-c-brand-1)!important}.no-results[data-v-112fb72d]{font-size:.9rem;text-align:center;padding:12px}svg[data-v-112fb72d]{flex:none}
+@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-cyrillic.jIZ9REo5.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-cyrillic-ext.8T9wMG5w.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-greek.Cb5wWeGA.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-greek-ext.9JiNzaSO.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-latin.bvIUbFQP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-latin-ext.GZWE-KO4.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-vietnamese.paY3CzEB.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-cyrillic.-nLMcIwj.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-cyrillic-ext.OVycGSDq.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-greek.PSfer2Kc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-greek-ext.hznxWNZO.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-latin.27E69YJn.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-latin-ext.RnFly65-.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-vietnamese.xzQHe1q1.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chinese Quotes;src:local("PingFang SC Regular"),local("PingFang SC"),local("SimHei"),local("Source Han Sans SC");unicode-range:U+2018,U+2019,U+201C,U+201D}:root{--vp-c-white: #ffffff;--vp-c-black: #000000;--vp-c-neutral: var(--vp-c-black);--vp-c-neutral-inverse: var(--vp-c-white)}.dark{--vp-c-neutral: var(--vp-c-white);--vp-c-neutral-inverse: var(--vp-c-black)}:root{--vp-c-gray-1: #dddde3;--vp-c-gray-2: #e4e4e9;--vp-c-gray-3: #ebebef;--vp-c-gray-soft: rgba(142, 150, 170, .14);--vp-c-indigo-1: #3451b2;--vp-c-indigo-2: #3a5ccc;--vp-c-indigo-3: #5672cd;--vp-c-indigo-soft: rgba(100, 108, 255, .14);--vp-c-purple-1: #6f42c1;--vp-c-purple-2: #7e4cc9;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .14);--vp-c-green-1: #18794e;--vp-c-green-2: #299764;--vp-c-green-3: #30a46c;--vp-c-green-soft: rgba(16, 185, 129, .14);--vp-c-yellow-1: #915930;--vp-c-yellow-2: #946300;--vp-c-yellow-3: #9f6a00;--vp-c-yellow-soft: rgba(234, 179, 8, .14);--vp-c-red-1: #b8272c;--vp-c-red-2: #d5393e;--vp-c-red-3: #e0575b;--vp-c-red-soft: rgba(244, 63, 94, .14);--vp-c-sponsor: #db2777}.dark{--vp-c-gray-1: #515c67;--vp-c-gray-2: #414853;--vp-c-gray-3: #32363f;--vp-c-gray-soft: rgba(101, 117, 133, .16);--vp-c-indigo-1: #a8b1ff;--vp-c-indigo-2: #5c73e7;--vp-c-indigo-3: #3e63dd;--vp-c-indigo-soft: rgba(100, 108, 255, .16);--vp-c-purple-1: #c8abfa;--vp-c-purple-2: #a879e6;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .16);--vp-c-green-1: #3dd68c;--vp-c-green-2: #30a46c;--vp-c-green-3: #298459;--vp-c-green-soft: rgba(16, 185, 129, .16);--vp-c-yellow-1: #f9b44e;--vp-c-yellow-2: #da8b17;--vp-c-yellow-3: #a46a0a;--vp-c-yellow-soft: rgba(234, 179, 8, .16);--vp-c-red-1: #f66f81;--vp-c-red-2: #f14158;--vp-c-red-3: #b62a3c;--vp-c-red-soft: rgba(244, 63, 94, .16)}:root{--vp-c-bg: #ffffff;--vp-c-bg-alt: #f6f6f7;--vp-c-bg-elv: #ffffff;--vp-c-bg-soft: #f6f6f7}.dark{--vp-c-bg: #1b1b1f;--vp-c-bg-alt: #161618;--vp-c-bg-elv: #202127;--vp-c-bg-soft: #202127}:root{--vp-c-border: #c2c2c4;--vp-c-divider: #e2e2e3;--vp-c-gutter: #e2e2e3}.dark{--vp-c-border: #3c3f44;--vp-c-divider: #2e2e32;--vp-c-gutter: #000000}:root{--vp-c-text-1: rgba(60, 60, 67);--vp-c-text-2: rgba(60, 60, 67, .78);--vp-c-text-3: rgba(60, 60, 67, .56)}.dark{--vp-c-text-1: rgba(255, 255, 245, .86);--vp-c-text-2: rgba(235, 235, 245, .6);--vp-c-text-3: rgba(235, 235, 245, .38)}:root{--vp-c-default-1: var(--vp-c-gray-1);--vp-c-default-2: var(--vp-c-gray-2);--vp-c-default-3: var(--vp-c-gray-3);--vp-c-default-soft: var(--vp-c-gray-soft);--vp-c-brand-1: var(--vp-c-indigo-1);--vp-c-brand-2: var(--vp-c-indigo-2);--vp-c-brand-3: var(--vp-c-indigo-3);--vp-c-brand-soft: var(--vp-c-indigo-soft);--vp-c-brand: var(--vp-c-brand-1);--vp-c-tip-1: var(--vp-c-brand-1);--vp-c-tip-2: var(--vp-c-brand-2);--vp-c-tip-3: var(--vp-c-brand-3);--vp-c-tip-soft: var(--vp-c-brand-soft);--vp-c-note-1: var(--vp-c-brand-1);--vp-c-note-2: var(--vp-c-brand-2);--vp-c-note-3: var(--vp-c-brand-3);--vp-c-note-soft: var(--vp-c-brand-soft);--vp-c-success-1: var(--vp-c-green-1);--vp-c-success-2: var(--vp-c-green-2);--vp-c-success-3: var(--vp-c-green-3);--vp-c-success-soft: var(--vp-c-green-soft);--vp-c-important-1: var(--vp-c-purple-1);--vp-c-important-2: var(--vp-c-purple-2);--vp-c-important-3: var(--vp-c-purple-3);--vp-c-important-soft: var(--vp-c-purple-soft);--vp-c-warning-1: var(--vp-c-yellow-1);--vp-c-warning-2: var(--vp-c-yellow-2);--vp-c-warning-3: var(--vp-c-yellow-3);--vp-c-warning-soft: var(--vp-c-yellow-soft);--vp-c-danger-1: var(--vp-c-red-1);--vp-c-danger-2: var(--vp-c-red-2);--vp-c-danger-3: var(--vp-c-red-3);--vp-c-danger-soft: var(--vp-c-red-soft);--vp-c-caution-1: var(--vp-c-red-1);--vp-c-caution-2: var(--vp-c-red-2);--vp-c-caution-3: var(--vp-c-red-3);--vp-c-caution-soft: var(--vp-c-red-soft)}:root{--vp-font-family-base: "Chinese Quotes", "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--vp-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root{--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)}:root{--vp-z-index-footer: 10;--vp-z-index-local-nav: 20;--vp-z-index-nav: 30;--vp-z-index-layout-top: 40;--vp-z-index-backdrop: 50;--vp-z-index-sidebar: 60}@media (min-width: 960px){:root{--vp-z-index-sidebar: 25}}:root{--vp-layout-max-width: 1440px}:root{--vp-header-anchor-symbol: "#"}:root{--vp-code-line-height: 1.7;--vp-code-font-size: .875em;--vp-code-color: var(--vp-c-brand-1);--vp-code-link-color: var(--vp-c-brand-1);--vp-code-link-hover-color: var(--vp-c-brand-2);--vp-code-bg: var(--vp-c-default-soft);--vp-code-block-color: var(--vp-c-text-2);--vp-code-block-bg: var(--vp-c-bg-alt);--vp-code-block-divider-color: var(--vp-c-gutter);--vp-code-lang-color: var(--vp-c-text-3);--vp-code-line-highlight-color: var(--vp-c-default-soft);--vp-code-line-number-color: var(--vp-c-text-3);--vp-code-line-diff-add-color: var(--vp-c-success-soft);--vp-code-line-diff-add-symbol-color: var(--vp-c-success-1);--vp-code-line-diff-remove-color: var(--vp-c-danger-soft);--vp-code-line-diff-remove-symbol-color: var(--vp-c-danger-1);--vp-code-line-warning-color: var(--vp-c-warning-soft);--vp-code-line-error-color: var(--vp-c-danger-soft);--vp-code-copy-code-border-color: var(--vp-c-divider);--vp-code-copy-code-bg: var(--vp-c-bg-soft);--vp-code-copy-code-hover-border-color: var(--vp-c-divider);--vp-code-copy-code-hover-bg: var(--vp-c-bg);--vp-code-copy-code-active-text: var(--vp-c-text-2);--vp-code-copy-copied-text-content: "Copied";--vp-code-tab-divider: var(--vp-code-block-divider-color);--vp-code-tab-text-color: var(--vp-c-text-2);--vp-code-tab-bg: var(--vp-code-block-bg);--vp-code-tab-hover-text-color: var(--vp-c-text-1);--vp-code-tab-active-text-color: var(--vp-c-text-1);--vp-code-tab-active-bar-color: var(--vp-c-brand-1)}:root{--vp-button-brand-border: transparent;--vp-button-brand-text: var(--vp-c-white);--vp-button-brand-bg: var(--vp-c-brand-3);--vp-button-brand-hover-border: transparent;--vp-button-brand-hover-text: var(--vp-c-white);--vp-button-brand-hover-bg: var(--vp-c-brand-2);--vp-button-brand-active-border: transparent;--vp-button-brand-active-text: var(--vp-c-white);--vp-button-brand-active-bg: var(--vp-c-brand-1);--vp-button-alt-border: transparent;--vp-button-alt-text: var(--vp-c-text-1);--vp-button-alt-bg: var(--vp-c-default-3);--vp-button-alt-hover-border: transparent;--vp-button-alt-hover-text: var(--vp-c-text-1);--vp-button-alt-hover-bg: var(--vp-c-default-2);--vp-button-alt-active-border: transparent;--vp-button-alt-active-text: var(--vp-c-text-1);--vp-button-alt-active-bg: var(--vp-c-default-1);--vp-button-sponsor-border: var(--vp-c-text-2);--vp-button-sponsor-text: var(--vp-c-text-2);--vp-button-sponsor-bg: transparent;--vp-button-sponsor-hover-border: var(--vp-c-sponsor);--vp-button-sponsor-hover-text: var(--vp-c-sponsor);--vp-button-sponsor-hover-bg: transparent;--vp-button-sponsor-active-border: var(--vp-c-sponsor);--vp-button-sponsor-active-text: var(--vp-c-sponsor);--vp-button-sponsor-active-bg: transparent}:root{--vp-custom-block-font-size: 14px;--vp-custom-block-code-font-size: 13px;--vp-custom-block-info-border: transparent;--vp-custom-block-info-text: var(--vp-c-text-1);--vp-custom-block-info-bg: var(--vp-c-default-soft);--vp-custom-block-info-code-bg: var(--vp-c-default-soft);--vp-custom-block-note-border: transparent;--vp-custom-block-note-text: var(--vp-c-text-1);--vp-custom-block-note-bg: var(--vp-c-default-soft);--vp-custom-block-note-code-bg: var(--vp-c-default-soft);--vp-custom-block-tip-border: transparent;--vp-custom-block-tip-text: var(--vp-c-text-1);--vp-custom-block-tip-bg: var(--vp-c-tip-soft);--vp-custom-block-tip-code-bg: var(--vp-c-tip-soft);--vp-custom-block-important-border: transparent;--vp-custom-block-important-text: var(--vp-c-text-1);--vp-custom-block-important-bg: var(--vp-c-important-soft);--vp-custom-block-important-code-bg: var(--vp-c-important-soft);--vp-custom-block-warning-border: transparent;--vp-custom-block-warning-text: var(--vp-c-text-1);--vp-custom-block-warning-bg: var(--vp-c-warning-soft);--vp-custom-block-warning-code-bg: var(--vp-c-warning-soft);--vp-custom-block-danger-border: transparent;--vp-custom-block-danger-text: var(--vp-c-text-1);--vp-custom-block-danger-bg: var(--vp-c-danger-soft);--vp-custom-block-danger-code-bg: var(--vp-c-danger-soft);--vp-custom-block-caution-border: transparent;--vp-custom-block-caution-text: var(--vp-c-text-1);--vp-custom-block-caution-bg: var(--vp-c-caution-soft);--vp-custom-block-caution-code-bg: var(--vp-c-caution-soft);--vp-custom-block-details-border: var(--vp-custom-block-info-border);--vp-custom-block-details-text: var(--vp-custom-block-info-text);--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);--vp-custom-block-details-code-bg: var(--vp-custom-block-info-code-bg)}:root{--vp-input-border-color: var(--vp-c-border);--vp-input-bg-color: var(--vp-c-bg-alt);--vp-input-switch-bg-color: var(--vp-c-default-soft)}:root{--vp-nav-height: 64px;--vp-nav-bg-color: var(--vp-c-bg);--vp-nav-screen-bg-color: var(--vp-c-bg);--vp-nav-logo-height: 24px}.hide-nav{--vp-nav-height: 0px}.hide-nav .VPSidebar{--vp-nav-height: 22px}:root{--vp-local-nav-bg-color: var(--vp-c-bg)}:root{--vp-sidebar-width: 272px;--vp-sidebar-bg-color: var(--vp-c-bg-alt)}:root{--vp-backdrop-bg-color: rgba(0, 0, 0, .6)}:root{--vp-home-hero-name-color: var(--vp-c-brand-1);--vp-home-hero-name-background: transparent;--vp-home-hero-image-background-image: none;--vp-home-hero-image-filter: none}:root{--vp-badge-info-border: transparent;--vp-badge-info-text: var(--vp-c-text-2);--vp-badge-info-bg: var(--vp-c-default-soft);--vp-badge-tip-border: transparent;--vp-badge-tip-text: var(--vp-c-tip-1);--vp-badge-tip-bg: var(--vp-c-tip-soft);--vp-badge-warning-border: transparent;--vp-badge-warning-text: var(--vp-c-warning-1);--vp-badge-warning-bg: var(--vp-c-warning-soft);--vp-badge-danger-border: transparent;--vp-badge-danger-text: var(--vp-c-danger-1);--vp-badge-danger-bg: var(--vp-c-danger-soft)}:root{--vp-carbon-ads-text-color: var(--vp-c-text-1);--vp-carbon-ads-poweredby-color: var(--vp-c-text-2);--vp-carbon-ads-bg-color: var(--vp-c-bg-soft);--vp-carbon-ads-hover-text-color: var(--vp-c-brand-1);--vp-carbon-ads-hover-poweredby-color: var(--vp-c-text-1)}:root{--vp-local-search-bg: var(--vp-c-bg);--vp-local-search-result-bg: var(--vp-c-bg);--vp-local-search-result-border: var(--vp-c-divider);--vp-local-search-result-selected-bg: var(--vp-c-bg);--vp-local-search-result-selected-border: var(--vp-c-brand-1);--vp-local-search-highlight-bg: var(--vp-c-brand-1);--vp-local-search-highlight-text: var(--vp-c-neutral-inverse)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}*,:before,:after{box-sizing:border-box}html{line-height:1.4;font-size:16px;-webkit-text-size-adjust:100%}html.dark{color-scheme:dark}body{margin:0;width:100%;min-width:320px;min-height:100vh;line-height:24px;font-family:var(--vp-font-family-base);font-size:16px;font-weight:400;color:var(--vp-c-text-1);background-color:var(--vp-c-bg);font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;line-height:24px;font-size:16px;font-weight:400}p{margin:0}strong,b{font-weight:600}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none;margin:0;padding:0}blockquote{margin:0}pre,code,kbd,samp{font-family:var(--vp-font-family-mono)}img,svg,video,canvas,audio,iframe,embed,object{display:block}figure{margin:0}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{border:0;padding:0;line-height:inherit;color:inherit}button{padding:0;font-family:inherit;background-color:transparent;background-image:none}button:enabled,[role=button]:enabled{cursor:pointer}button:focus,button:focus-visible{outline:1px dotted;outline:4px auto -webkit-focus-ring-color}button:focus:not(:focus-visible){outline:none!important}input:focus,textarea:focus,select:focus{outline:none}table{border-collapse:collapse}input{background-color:transparent}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--vp-c-text-3)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--vp-c-text-3)}input::placeholder,textarea::placeholder{color:var(--vp-c-text-3)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical}select{-webkit-appearance:none}fieldset{margin:0;padding:0}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word}vite-error-overlay{z-index:9999}mjx-container{display:inline-block;margin:auto 2px -2px}mjx-container>svg{display:inline-block;margin:auto}[class^=vpi-],[class*=" vpi-"],.vp-icon{width:1em;height:1em}[class^=vpi-].bg,[class*=" vpi-"].bg,.vp-icon.bg{background-size:100% 100%;background-color:transparent}[class^=vpi-]:not(.bg),[class*=" vpi-"]:not(.bg),.vp-icon:not(.bg){-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit}.vpi-align-left{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 6H3M15 12H3M17 18H3'/%3E%3C/svg%3E")}.vpi-arrow-right,.vpi-arrow-down,.vpi-arrow-left,.vpi-arrow-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E")}.vpi-chevron-right,.vpi-chevron-down,.vpi-chevron-left,.vpi-chevron-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}.vpi-chevron-down,.vpi-arrow-down{transform:rotate(90deg)}.vpi-chevron-left,.vpi-arrow-left{transform:rotate(180deg)}.vpi-chevron-up,.vpi-arrow-up{transform:rotate(-90deg)}.vpi-square-pen{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z'/%3E%3C/svg%3E")}.vpi-plus{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E")}.vpi-sun{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E")}.vpi-moon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E")}.vpi-more-horizontal{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/svg%3E")}.vpi-languages{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m5 8 6 6M4 14l6-6 2-3M2 5h12M7 2h1M22 22l-5-10-5 10M14 18h6'/%3E%3C/svg%3E")}.vpi-heart{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E")}.vpi-search{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}.vpi-layout-list{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3Cpath d='M14 4h7M14 9h7M14 15h7M14 20h7'/%3E%3C/svg%3E")}.vpi-delete{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20 5H9l-7 7 7 7h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2ZM18 9l-6 6M12 9l6 6'/%3E%3C/svg%3E")}.vpi-corner-down-left{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 10-5 5 5 5'/%3E%3Cpath d='M20 4v7a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E")}:root{--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E")}.vpi-social-discord{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418Z'/%3E%3C/svg%3E")}.vpi-social-facebook{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E")}.vpi-social-github{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")}.vpi-social-instagram{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.03.084c-1.277.06-2.149.264-2.91.563a5.874 5.874 0 0 0-2.124 1.388 5.878 5.878 0 0 0-1.38 2.127C.321 4.926.12 5.8.064 7.076.008 8.354-.005 8.764.001 12.023c.007 3.259.021 3.667.083 4.947.061 1.277.264 2.149.563 2.911.308.789.72 1.457 1.388 2.123a5.872 5.872 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552 1.278.056 1.689.069 4.947.063 3.257-.007 3.668-.021 4.947-.082 1.28-.06 2.147-.265 2.91-.563a5.881 5.881 0 0 0 2.123-1.388 5.881 5.881 0 0 0 1.38-2.129c.295-.763.496-1.636.551-2.912.056-1.28.07-1.69.063-4.948-.006-3.258-.02-3.667-.081-4.947-.06-1.28-.264-2.148-.564-2.911a5.892 5.892 0 0 0-1.387-2.123 5.857 5.857 0 0 0-2.128-1.38C19.074.322 18.202.12 16.924.066 15.647.009 15.236-.006 11.977 0 8.718.008 8.31.021 7.03.084m.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.736 3.736 0 0 1-1.382-.895 3.695 3.695 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228-.06-1.264-.072-1.644-.08-4.848-.006-3.204.006-3.583.061-4.848.05-1.169.246-1.805.408-2.228.216-.561.477-.96.895-1.382a3.705 3.705 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417 1.265-.06 1.644-.072 4.848-.08 3.203-.006 3.583.006 4.85.062 1.168.05 1.804.244 2.227.408.56.216.96.475 1.382.895.421.42.681.817.9 1.378.165.422.362 1.056.417 2.227.06 1.265.074 1.645.08 4.848.005 3.203-.006 3.583-.061 4.848-.051 1.17-.245 1.805-.408 2.23-.216.56-.477.96-.896 1.38a3.705 3.705 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418-1.266.06-1.645.072-4.85.079-3.204.007-3.582-.006-4.848-.06m9.783-16.192a1.44 1.44 0 1 0 1.437-1.442 1.44 1.44 0 0 0-1.437 1.442M5.839 12.012a6.161 6.161 0 1 0 12.323-.024 6.162 6.162 0 0 0-12.323.024M8 12.008A4 4 0 1 1 12.008 16 4 4 0 0 1 8 12.008'/%3E%3C/svg%3E")}.vpi-social-linkedin{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}.vpi-social-mastodon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E")}.vpi-social-npm{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z'/%3E%3C/svg%3E")}.vpi-social-slack{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z'/%3E%3C/svg%3E")}.vpi-social-twitter,.vpi-social-x{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E")}.vpi-social-youtube{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E")}.visually-hidden{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.custom-block{border:1px solid transparent;border-radius:8px;padding:16px 16px 8px;line-height:24px;font-size:var(--vp-custom-block-font-size);color:var(--vp-c-text-2)}.custom-block.info{border-color:var(--vp-custom-block-info-border);color:var(--vp-custom-block-info-text);background-color:var(--vp-custom-block-info-bg)}.custom-block.info a,.custom-block.info code{color:var(--vp-c-brand-1)}.custom-block.info a:hover,.custom-block.info a:hover>code{color:var(--vp-c-brand-2)}.custom-block.info code{background-color:var(--vp-custom-block-info-code-bg)}.custom-block.note{border-color:var(--vp-custom-block-note-border);color:var(--vp-custom-block-note-text);background-color:var(--vp-custom-block-note-bg)}.custom-block.note a,.custom-block.note code{color:var(--vp-c-brand-1)}.custom-block.note a:hover,.custom-block.note a:hover>code{color:var(--vp-c-brand-2)}.custom-block.note code{background-color:var(--vp-custom-block-note-code-bg)}.custom-block.tip{border-color:var(--vp-custom-block-tip-border);color:var(--vp-custom-block-tip-text);background-color:var(--vp-custom-block-tip-bg)}.custom-block.tip a,.custom-block.tip code{color:var(--vp-c-tip-1)}.custom-block.tip a:hover,.custom-block.tip a:hover>code{color:var(--vp-c-tip-2)}.custom-block.tip code{background-color:var(--vp-custom-block-tip-code-bg)}.custom-block.important{border-color:var(--vp-custom-block-important-border);color:var(--vp-custom-block-important-text);background-color:var(--vp-custom-block-important-bg)}.custom-block.important a,.custom-block.important code{color:var(--vp-c-important-1)}.custom-block.important a:hover,.custom-block.important a:hover>code{color:var(--vp-c-important-2)}.custom-block.important code{background-color:var(--vp-custom-block-important-code-bg)}.custom-block.warning{border-color:var(--vp-custom-block-warning-border);color:var(--vp-custom-block-warning-text);background-color:var(--vp-custom-block-warning-bg)}.custom-block.warning a,.custom-block.warning code{color:var(--vp-c-warning-1)}.custom-block.warning a:hover,.custom-block.warning a:hover>code{color:var(--vp-c-warning-2)}.custom-block.warning code{background-color:var(--vp-custom-block-warning-code-bg)}.custom-block.danger{border-color:var(--vp-custom-block-danger-border);color:var(--vp-custom-block-danger-text);background-color:var(--vp-custom-block-danger-bg)}.custom-block.danger a,.custom-block.danger code{color:var(--vp-c-danger-1)}.custom-block.danger a:hover,.custom-block.danger a:hover>code{color:var(--vp-c-danger-2)}.custom-block.danger code{background-color:var(--vp-custom-block-danger-code-bg)}.custom-block.caution{border-color:var(--vp-custom-block-caution-border);color:var(--vp-custom-block-caution-text);background-color:var(--vp-custom-block-caution-bg)}.custom-block.caution a,.custom-block.caution code{color:var(--vp-c-caution-1)}.custom-block.caution a:hover,.custom-block.caution a:hover>code{color:var(--vp-c-caution-2)}.custom-block.caution code{background-color:var(--vp-custom-block-caution-code-bg)}.custom-block.details{border-color:var(--vp-custom-block-details-border);color:var(--vp-custom-block-details-text);background-color:var(--vp-custom-block-details-bg)}.custom-block.details a{color:var(--vp-c-brand-1)}.custom-block.details a:hover,.custom-block.details a:hover>code{color:var(--vp-c-brand-2)}.custom-block.details code{background-color:var(--vp-custom-block-details-code-bg)}.custom-block-title{font-weight:600}.custom-block p+p{margin:8px 0}.custom-block.details summary{margin:0 0 8px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-block.details summary+p{margin:8px 0}.custom-block a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:opacity .25s}.custom-block a:hover{opacity:.75}.custom-block code{font-size:var(--vp-custom-block-code-font-size)}.custom-block.custom-block th,.custom-block.custom-block blockquote>p{font-size:var(--vp-custom-block-font-size);color:inherit}.dark .vp-code span{color:var(--shiki-dark, inherit)}html:not(.dark) .vp-code span{color:var(--shiki-light, inherit)}.vp-code-group{margin-top:16px}.vp-code-group .tabs{position:relative;display:flex;margin-right:-24px;margin-left:-24px;padding:0 12px;background-color:var(--vp-code-tab-bg);overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 -1px var(--vp-code-tab-divider)}@media (min-width: 640px){.vp-code-group .tabs{margin-right:0;margin-left:0;border-radius:8px 8px 0 0}}.vp-code-group .tabs input{position:fixed;opacity:0;pointer-events:none}.vp-code-group .tabs label{position:relative;display:inline-block;border-bottom:1px solid transparent;padding:0 12px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-code-tab-text-color);white-space:nowrap;cursor:pointer;transition:color .25s}.vp-code-group .tabs label:after{position:absolute;right:8px;bottom:-1px;left:8px;z-index:1;height:2px;border-radius:2px;content:"";background-color:transparent;transition:background-color .25s}.vp-code-group label:hover{color:var(--vp-code-tab-hover-text-color)}.vp-code-group input:checked+label{color:var(--vp-code-tab-active-text-color)}.vp-code-group input:checked+label:after{background-color:var(--vp-code-tab-active-bar-color)}.vp-code-group div[class*=language-],.vp-block{display:none;margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.vp-code-group div[class*=language-].active,.vp-block.active{display:block}.vp-block{padding:20px 24px}.vp-doc h1,.vp-doc h2,.vp-doc h3,.vp-doc h4,.vp-doc h5,.vp-doc h6{position:relative;font-weight:600;outline:none}.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:28px}.vp-doc h2{margin:48px 0 16px;border-top:1px solid var(--vp-c-divider);padding-top:24px;letter-spacing:-.02em;line-height:32px;font-size:24px}.vp-doc h3{margin:32px 0 0;letter-spacing:-.01em;line-height:28px;font-size:20px}.vp-doc .header-anchor{position:absolute;top:0;left:0;margin-left:-.87em;font-weight:500;-webkit-user-select:none;user-select:none;opacity:0;text-decoration:none;transition:color .25s,opacity .25s}.vp-doc .header-anchor:before{content:var(--vp-header-anchor-symbol)}.vp-doc h1:hover .header-anchor,.vp-doc h1 .header-anchor:focus,.vp-doc h2:hover .header-anchor,.vp-doc h2 .header-anchor:focus,.vp-doc h3:hover .header-anchor,.vp-doc h3 .header-anchor:focus,.vp-doc h4:hover .header-anchor,.vp-doc h4 .header-anchor:focus,.vp-doc h5:hover .header-anchor,.vp-doc h5 .header-anchor:focus,.vp-doc h6:hover .header-anchor,.vp-doc h6 .header-anchor:focus{opacity:1}@media (min-width: 768px){.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:32px}}.vp-doc h2 .header-anchor{top:24px}.vp-doc p,.vp-doc summary{margin:16px 0}.vp-doc p{line-height:28px}.vp-doc blockquote{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s}.vp-doc blockquote>p{margin:0;font-size:16px;color:var(--vp-c-text-2);transition:color .5s}.vp-doc a{font-weight:500;color:var(--vp-c-brand-1);text-decoration:underline;text-underline-offset:2px;transition:color .25s,opacity .25s}.vp-doc a:hover{color:var(--vp-c-brand-2)}.vp-doc strong{font-weight:600}.vp-doc ul,.vp-doc ol{padding-left:1.25rem;margin:16px 0}.vp-doc ul{list-style:disc}.vp-doc ol{list-style:decimal}.vp-doc li+li{margin-top:8px}.vp-doc li>ol,.vp-doc li>ul{margin:8px 0 0}.vp-doc table{display:block;border-collapse:collapse;margin:20px 0;overflow-x:auto}.vp-doc tr{background-color:var(--vp-c-bg);border-top:1px solid var(--vp-c-divider);transition:background-color .5s}.vp-doc tr:nth-child(2n){background-color:var(--vp-c-bg-soft)}.vp-doc th,.vp-doc td{border:1px solid var(--vp-c-divider);padding:8px 16px}.vp-doc th{text-align:left;font-size:14px;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-doc td{font-size:14px}.vp-doc hr{margin:16px 0;border:none;border-top:1px solid var(--vp-c-divider)}.vp-doc .custom-block{margin:16px 0}.vp-doc .custom-block p{margin:8px 0;line-height:24px}.vp-doc .custom-block p:first-child{margin:0}.vp-doc .custom-block div[class*=language-]{margin:8px 0;border-radius:8px}.vp-doc .custom-block div[class*=language-] code{font-weight:400;background-color:transparent}.vp-doc .custom-block .vp-code-group .tabs{margin:0;border-radius:8px 8px 0 0}.vp-doc :not(pre,h1,h2,h3,h4,h5,h6)>code{font-size:var(--vp-code-font-size);color:var(--vp-code-color)}.vp-doc :not(pre)>code{border-radius:4px;padding:3px 6px;background-color:var(--vp-code-bg);transition:color .25s,background-color .5s}.vp-doc a>code{color:var(--vp-code-link-color)}.vp-doc a:hover>code{color:var(--vp-code-link-hover-color)}.vp-doc h1>code,.vp-doc h2>code,.vp-doc h3>code{font-size:.9em}.vp-doc div[class*=language-],.vp-block{position:relative;margin:16px -24px;background-color:var(--vp-code-block-bg);overflow-x:auto;transition:background-color .5s}@media (min-width: 640px){.vp-doc div[class*=language-],.vp-block{border-radius:8px;margin:16px 0}}@media (max-width: 639px){.vp-doc li div[class*=language-]{border-radius:8px 0 0 8px}}.vp-doc div[class*=language-]+div[class*=language-],.vp-doc div[class$=-api]+div[class*=language-],.vp-doc div[class*=language-]+div[class$=-api]>div[class*=language-]{margin-top:-8px}.vp-doc [class*=language-] pre,.vp-doc [class*=language-] code{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.vp-doc [class*=language-] pre{position:relative;z-index:1;margin:0;padding:20px 0;background:transparent;overflow-x:auto}.vp-doc [class*=language-] code{display:block;padding:0 24px;width:fit-content;min-width:100%;line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-block-color);transition:color .5s}.vp-doc [class*=language-] code .highlighted{background-color:var(--vp-code-line-highlight-color);transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .highlighted.error{background-color:var(--vp-code-line-error-color)}.vp-doc [class*=language-] code .highlighted.warning{background-color:var(--vp-code-line-warning-color)}.vp-doc [class*=language-] code .diff{transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .diff:before{position:absolute;left:10px}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){filter:blur(.095rem);opacity:.4;transition:filter .35s,opacity .35s}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){opacity:.7;transition:filter .35s,opacity .35s}.vp-doc [class*=language-]:hover .has-focused-lines .line:not(.has-focus){filter:blur(0);opacity:1}.vp-doc [class*=language-] code .diff.remove{background-color:var(--vp-code-line-diff-remove-color);opacity:.7}.vp-doc [class*=language-] code .diff.remove:before{content:"-";color:var(--vp-code-line-diff-remove-symbol-color)}.vp-doc [class*=language-] code .diff.add{background-color:var(--vp-code-line-diff-add-color)}.vp-doc [class*=language-] code .diff.add:before{content:"+";color:var(--vp-code-line-diff-add-symbol-color)}.vp-doc div[class*=language-].line-numbers-mode{padding-left:32px}.vp-doc .line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;border-right:1px solid var(--vp-code-block-divider-color);padding-top:20px;width:32px;text-align:center;font-family:var(--vp-font-family-mono);line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-line-number-color);transition:border-color .5s,color .5s}.vp-doc [class*=language-]>button.copy{direction:ltr;position:absolute;top:12px;right:12px;z-index:3;border:1px solid var(--vp-code-copy-code-border-color);border-radius:4px;width:40px;height:40px;background-color:var(--vp-code-copy-code-bg);opacity:0;cursor:pointer;background-image:var(--vp-icon-copy);background-position:50%;background-size:20px;background-repeat:no-repeat;transition:border-color .25s,background-color .25s,opacity .25s}.vp-doc [class*=language-]:hover>button.copy,.vp-doc [class*=language-]>button.copy:focus{opacity:1}.vp-doc [class*=language-]>button.copy:hover,.vp-doc [class*=language-]>button.copy.copied{border-color:var(--vp-code-copy-code-hover-border-color);background-color:var(--vp-code-copy-code-hover-bg)}.vp-doc [class*=language-]>button.copy.copied,.vp-doc [class*=language-]>button.copy:hover.copied{border-radius:0 4px 4px 0;background-color:var(--vp-code-copy-code-hover-bg);background-image:var(--vp-icon-copied)}.vp-doc [class*=language-]>button.copy.copied:before,.vp-doc [class*=language-]>button.copy:hover.copied:before{position:relative;top:-1px;transform:translate(calc(-100% - 1px));display:flex;justify-content:center;align-items:center;border:1px solid var(--vp-code-copy-code-hover-border-color);border-right:0;border-radius:4px 0 0 4px;padding:0 10px;width:fit-content;height:40px;text-align:center;font-size:12px;font-weight:500;color:var(--vp-code-copy-code-active-text);background-color:var(--vp-code-copy-code-hover-bg);white-space:nowrap;content:var(--vp-code-copy-copied-text-content)}.vp-doc [class*=language-]>span.lang{position:absolute;top:2px;right:8px;z-index:2;font-size:12px;font-weight:500;color:var(--vp-code-lang-color);transition:color .4s,opacity .4s}.vp-doc [class*=language-]:hover>button.copy+span.lang,.vp-doc [class*=language-]>button.copy:focus+span.lang{opacity:0}.vp-doc .VPTeamMembers{margin-top:24px}.vp-doc .VPTeamMembers.small.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}.vp-doc .VPTeamMembers.small.count-2 .container,.vp-doc .VPTeamMembers.small.count-3 .container{max-width:100%!important}.vp-doc .VPTeamMembers.medium.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}:is(.vp-external-link-icon,.vp-doc a[href*="://"],.vp-doc a[target=_blank]):not(.no-icon):after{display:inline-block;margin-top:-1px;margin-left:4px;width:11px;height:11px;background:currentColor;color:var(--vp-c-text-3);flex-shrink:0;--icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");-webkit-mask-image:var(--icon);mask-image:var(--icon)}.vp-external-link-icon:after{content:""}.external-link-icon-enabled :is(.vp-doc a[href*="://"],.vp-doc a[target=_blank]):after{content:"";color:currentColor}.vp-sponsor{border-radius:16px;overflow:hidden}.vp-sponsor.aside{border-radius:12px}.vp-sponsor-section+.vp-sponsor-section{margin-top:4px}.vp-sponsor-tier{margin:0 0 4px!important;text-align:center;letter-spacing:1px!important;line-height:24px;width:100%;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-sponsor.normal .vp-sponsor-tier{padding:13px 0 11px;font-size:14px}.vp-sponsor.aside .vp-sponsor-tier{padding:9px 0 7px;font-size:12px}.vp-sponsor-grid+.vp-sponsor-tier{margin-top:4px}.vp-sponsor-grid{display:flex;flex-wrap:wrap;gap:4px}.vp-sponsor-grid.xmini .vp-sponsor-grid-link{height:64px}.vp-sponsor-grid.xmini .vp-sponsor-grid-image{max-width:64px;max-height:22px}.vp-sponsor-grid.mini .vp-sponsor-grid-link{height:72px}.vp-sponsor-grid.mini .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.small .vp-sponsor-grid-link{height:96px}.vp-sponsor-grid.small .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.medium .vp-sponsor-grid-link{height:112px}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-width:120px;max-height:36px}.vp-sponsor-grid.big .vp-sponsor-grid-link{height:184px}.vp-sponsor-grid.big .vp-sponsor-grid-image{max-width:192px;max-height:56px}.vp-sponsor-grid[data-vp-grid="2"] .vp-sponsor-grid-item{width:calc((100% - 4px)/2)}.vp-sponsor-grid[data-vp-grid="3"] .vp-sponsor-grid-item{width:calc((100% - 4px * 2) / 3)}.vp-sponsor-grid[data-vp-grid="4"] .vp-sponsor-grid-item{width:calc((100% - 12px)/4)}.vp-sponsor-grid[data-vp-grid="5"] .vp-sponsor-grid-item{width:calc((100% - 16px)/5)}.vp-sponsor-grid[data-vp-grid="6"] .vp-sponsor-grid-item{width:calc((100% - 4px * 5) / 6)}.vp-sponsor-grid-item{flex-shrink:0;width:100%;background-color:var(--vp-c-bg-soft);transition:background-color .25s}.vp-sponsor-grid-item:hover{background-color:var(--vp-c-default-soft)}.vp-sponsor-grid-item:hover .vp-sponsor-grid-image{filter:grayscale(0) invert(0)}.vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.dark .vp-sponsor-grid-item:hover{background-color:var(--vp-c-white)}.dark .vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.vp-sponsor-grid-link{display:flex}.vp-sponsor-grid-box{display:flex;justify-content:center;align-items:center;width:100%}.vp-sponsor-grid-image{max-width:100%;filter:grayscale(1);transition:filter .25s}.dark .vp-sponsor-grid-image{filter:grayscale(1) invert(1)}.VPBadge{display:inline-block;margin-left:2px;border:1px solid transparent;border-radius:12px;padding:0 10px;line-height:22px;font-size:12px;font-weight:500;transform:translateY(-2px)}.VPBadge.small{padding:0 6px;line-height:18px;font-size:10px;transform:translateY(-8px)}.VPDocFooter .VPBadge{display:none}.vp-doc h1>.VPBadge{margin-top:4px;vertical-align:top}.vp-doc h2>.VPBadge{margin-top:3px;padding:0 8px;vertical-align:top}.vp-doc h3>.VPBadge{vertical-align:middle}.vp-doc h4>.VPBadge,.vp-doc h5>.VPBadge,.vp-doc h6>.VPBadge{vertical-align:middle;line-height:18px}.VPBadge.info{border-color:var(--vp-badge-info-border);color:var(--vp-badge-info-text);background-color:var(--vp-badge-info-bg)}.VPBadge.tip{border-color:var(--vp-badge-tip-border);color:var(--vp-badge-tip-text);background-color:var(--vp-badge-tip-bg)}.VPBadge.warning{border-color:var(--vp-badge-warning-border);color:var(--vp-badge-warning-text);background-color:var(--vp-badge-warning-bg)}.VPBadge.danger{border-color:var(--vp-badge-danger-border);color:var(--vp-badge-danger-text);background-color:var(--vp-badge-danger-bg)}.VPBackdrop[data-v-08e108fb]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vp-z-index-backdrop);background:var(--vp-backdrop-bg-color);transition:opacity .5s}.VPBackdrop.fade-enter-from[data-v-08e108fb],.VPBackdrop.fade-leave-to[data-v-08e108fb]{opacity:0}.VPBackdrop.fade-leave-active[data-v-08e108fb]{transition-duration:.25s}@media (min-width: 1280px){.VPBackdrop[data-v-08e108fb]{display:none}}.NotFound[data-v-9ca9d21c]{padding:64px 24px 96px;text-align:center}@media (min-width: 768px){.NotFound[data-v-9ca9d21c]{padding:96px 32px 168px}}.code[data-v-9ca9d21c]{line-height:64px;font-size:64px;font-weight:600}.title[data-v-9ca9d21c]{padding-top:12px;letter-spacing:2px;line-height:20px;font-size:20px;font-weight:700}.divider[data-v-9ca9d21c]{margin:24px auto 18px;width:64px;height:1px;background-color:var(--vp-c-divider)}.quote[data-v-9ca9d21c]{margin:0 auto;max-width:256px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.action[data-v-9ca9d21c]{padding-top:20px}.link[data-v-9ca9d21c]{display:inline-block;border:1px solid var(--vp-c-brand-1);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:border-color .25s,color .25s}.link[data-v-9ca9d21c]:hover{border-color:var(--vp-c-brand-2);color:var(--vp-c-brand-2)}.root[data-v-85bbe7c6]{position:relative;z-index:1}.nested[data-v-85bbe7c6]{padding-right:16px;padding-left:16px}.outline-link[data-v-85bbe7c6]{display:block;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s}.outline-link[data-v-85bbe7c6]:hover,.outline-link.active[data-v-85bbe7c6]{color:var(--vp-c-text-1);transition:color .25s}.outline-link.nested[data-v-85bbe7c6]{padding-left:13px}.VPDocAsideOutline[data-v-74520544]{display:none}.VPDocAsideOutline.has-outline[data-v-74520544]{display:block}.content[data-v-74520544]{position:relative;border-left:1px solid var(--vp-c-divider);padding-left:16px;font-size:13px;font-weight:500}.outline-marker[data-v-74520544]{position:absolute;top:32px;left:-1px;z-index:0;opacity:0;width:2px;border-radius:2px;height:18px;background-color:var(--vp-c-brand-1);transition:top .25s cubic-bezier(0,1,.5,1),background-color .5s,opacity .25s}.outline-title[data-v-74520544]{line-height:32px;font-size:14px;font-weight:600}.VPDocAside[data-v-fff6fd89]{display:flex;flex-direction:column;flex-grow:1}.spacer[data-v-fff6fd89]{flex-grow:1}.VPDocAside[data-v-fff6fd89] .spacer+.VPDocAsideSponsors,.VPDocAside[data-v-fff6fd89] .spacer+.VPDocAsideCarbonAds{margin-top:24px}.VPDocAside[data-v-fff6fd89] .VPDocAsideSponsors+.VPDocAsideCarbonAds{margin-top:16px}.VPLastUpdated[data-v-c1782655]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 640px){.VPLastUpdated[data-v-c1782655]{line-height:32px;font-size:14px;font-weight:500}}.VPDocFooter[data-v-8dd15667]{margin-top:64px}.edit-info[data-v-8dd15667]{padding-bottom:18px}@media (min-width: 640px){.edit-info[data-v-8dd15667]{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}.edit-link-button[data-v-8dd15667]{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.edit-link-button[data-v-8dd15667]:hover{color:var(--vp-c-brand-2)}.edit-link-icon[data-v-8dd15667]{margin-right:8px}.prev-next[data-v-8dd15667]{border-top:1px solid var(--vp-c-divider);padding-top:24px;display:grid;grid-row-gap:8px}@media (min-width: 640px){.prev-next[data-v-8dd15667]{grid-template-columns:repeat(2,1fr);grid-column-gap:16px}}.pager-link[data-v-8dd15667]{display:block;border:1px solid var(--vp-c-divider);border-radius:8px;padding:11px 16px 13px;width:100%;height:100%;transition:border-color .25s}.pager-link[data-v-8dd15667]:hover{border-color:var(--vp-c-brand-1)}.pager-link.next[data-v-8dd15667]{margin-left:auto;text-align:right}.desc[data-v-8dd15667]{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.title[data-v-8dd15667]{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.VPDoc[data-v-42bb49df]{padding:32px 24px 96px;width:100%}@media (min-width: 768px){.VPDoc[data-v-42bb49df]{padding:48px 32px 128px}}@media (min-width: 960px){.VPDoc[data-v-42bb49df]{padding:48px 32px 0}.VPDoc:not(.has-sidebar) .container[data-v-42bb49df]{display:flex;justify-content:center;max-width:992px}.VPDoc:not(.has-sidebar) .content[data-v-42bb49df]{max-width:752px}}@media (min-width: 1280px){.VPDoc .container[data-v-42bb49df]{display:flex;justify-content:center}.VPDoc .aside[data-v-42bb49df]{display:block}}@media (min-width: 1440px){.VPDoc:not(.has-sidebar) .content[data-v-42bb49df]{max-width:784px}.VPDoc:not(.has-sidebar) .container[data-v-42bb49df]{max-width:1104px}}.container[data-v-42bb49df]{margin:0 auto;width:100%}.aside[data-v-42bb49df]{position:relative;display:none;order:2;flex-grow:1;padding-left:32px;width:100%;max-width:256px}.left-aside[data-v-42bb49df]{order:1;padding-left:unset;padding-right:32px}.aside-container[data-v-42bb49df]{position:fixed;top:0;padding-top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 48px);width:224px;height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.aside-container[data-v-42bb49df]::-webkit-scrollbar{display:none}.aside-curtain[data-v-42bb49df]{position:fixed;bottom:0;z-index:10;width:224px;height:32px;background:linear-gradient(transparent,var(--vp-c-bg) 70%)}.aside-content[data-v-42bb49df]{display:flex;flex-direction:column;min-height:calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px));padding-bottom:32px}.content[data-v-42bb49df]{position:relative;margin:0 auto;width:100%}@media (min-width: 960px){.content[data-v-42bb49df]{padding:0 32px 128px}}@media (min-width: 1280px){.content[data-v-42bb49df]{order:1;margin:0;min-width:640px}}.content-container[data-v-42bb49df]{margin:0 auto}.VPDoc.has-aside .content-container[data-v-42bb49df]{max-width:688px}.VPButton[data-v-632f99d4]{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.VPButton[data-v-632f99d4]:active{transition:color .1s,border-color .1s,background-color .1s}.VPButton.medium[data-v-632f99d4]{border-radius:20px;padding:0 20px;line-height:38px;font-size:14px}.VPButton.big[data-v-632f99d4]{border-radius:24px;padding:0 24px;line-height:46px;font-size:16px}.VPButton.brand[data-v-632f99d4]{border-color:var(--vp-button-brand-border);color:var(--vp-button-brand-text);background-color:var(--vp-button-brand-bg)}.VPButton.brand[data-v-632f99d4]:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.VPButton.brand[data-v-632f99d4]:active{border-color:var(--vp-button-brand-active-border);color:var(--vp-button-brand-active-text);background-color:var(--vp-button-brand-active-bg)}.VPButton.alt[data-v-632f99d4]{border-color:var(--vp-button-alt-border);color:var(--vp-button-alt-text);background-color:var(--vp-button-alt-bg)}.VPButton.alt[data-v-632f99d4]:hover{border-color:var(--vp-button-alt-hover-border);color:var(--vp-button-alt-hover-text);background-color:var(--vp-button-alt-hover-bg)}.VPButton.alt[data-v-632f99d4]:active{border-color:var(--vp-button-alt-active-border);color:var(--vp-button-alt-active-text);background-color:var(--vp-button-alt-active-bg)}.VPButton.sponsor[data-v-632f99d4]{border-color:var(--vp-button-sponsor-border);color:var(--vp-button-sponsor-text);background-color:var(--vp-button-sponsor-bg)}.VPButton.sponsor[data-v-632f99d4]:hover{border-color:var(--vp-button-sponsor-hover-border);color:var(--vp-button-sponsor-hover-text);background-color:var(--vp-button-sponsor-hover-bg)}.VPButton.sponsor[data-v-632f99d4]:active{border-color:var(--vp-button-sponsor-active-border);color:var(--vp-button-sponsor-active-text);background-color:var(--vp-button-sponsor-active-bg)}html:not(.dark) .VPImage.dark[data-v-dcd2c7a0]{display:none}.dark .VPImage.light[data-v-dcd2c7a0]{display:none}.VPHero[data-v-2bb8ed43]{margin-top:calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px}@media (min-width: 640px){.VPHero[data-v-2bb8ed43]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px}}@media (min-width: 960px){.VPHero[data-v-2bb8ed43]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px}}.container[data-v-2bb8ed43]{display:flex;flex-direction:column;margin:0 auto;max-width:1152px}@media (min-width: 960px){.container[data-v-2bb8ed43]{flex-direction:row}}.main[data-v-2bb8ed43]{position:relative;z-index:10;order:2;flex-grow:1;flex-shrink:0}.VPHero.has-image .container[data-v-2bb8ed43]{text-align:center}@media (min-width: 960px){.VPHero.has-image .container[data-v-2bb8ed43]{text-align:left}}@media (min-width: 960px){.main[data-v-2bb8ed43]{order:1;width:calc((100% / 3) * 2)}.VPHero.has-image .main[data-v-2bb8ed43]{max-width:592px}}.name[data-v-2bb8ed43],.text[data-v-2bb8ed43]{max-width:392px;letter-spacing:-.4px;line-height:40px;font-size:32px;font-weight:700;white-space:pre-wrap}.VPHero.has-image .name[data-v-2bb8ed43],.VPHero.has-image .text[data-v-2bb8ed43]{margin:0 auto}.name[data-v-2bb8ed43]{color:var(--vp-home-hero-name-color)}.clip[data-v-2bb8ed43]{background:var(--vp-home-hero-name-background);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--vp-home-hero-name-color)}@media (min-width: 640px){.name[data-v-2bb8ed43],.text[data-v-2bb8ed43]{max-width:576px;line-height:56px;font-size:48px}}@media (min-width: 960px){.name[data-v-2bb8ed43],.text[data-v-2bb8ed43]{line-height:64px;font-size:56px}.VPHero.has-image .name[data-v-2bb8ed43],.VPHero.has-image .text[data-v-2bb8ed43]{margin:0}}.tagline[data-v-2bb8ed43]{padding-top:8px;max-width:392px;line-height:28px;font-size:18px;font-weight:500;white-space:pre-wrap;color:var(--vp-c-text-2)}.VPHero.has-image .tagline[data-v-2bb8ed43]{margin:0 auto}@media (min-width: 640px){.tagline[data-v-2bb8ed43]{padding-top:12px;max-width:576px;line-height:32px;font-size:20px}}@media (min-width: 960px){.tagline[data-v-2bb8ed43]{line-height:36px;font-size:24px}.VPHero.has-image .tagline[data-v-2bb8ed43]{margin:0}}.actions[data-v-2bb8ed43]{display:flex;flex-wrap:wrap;margin:-6px;padding-top:24px}.VPHero.has-image .actions[data-v-2bb8ed43]{justify-content:center}@media (min-width: 640px){.actions[data-v-2bb8ed43]{padding-top:32px}}@media (min-width: 960px){.VPHero.has-image .actions[data-v-2bb8ed43]{justify-content:flex-start}}.action[data-v-2bb8ed43]{flex-shrink:0;padding:6px}.image[data-v-2bb8ed43]{order:1;margin:-76px -24px -48px}@media (min-width: 640px){.image[data-v-2bb8ed43]{margin:-108px -24px -48px}}@media (min-width: 960px){.image[data-v-2bb8ed43]{flex-grow:1;order:2;margin:0;min-height:100%}}.image-container[data-v-2bb8ed43]{position:relative;margin:0 auto;width:320px;height:320px}@media (min-width: 640px){.image-container[data-v-2bb8ed43]{width:392px;height:392px}}@media (min-width: 960px){.image-container[data-v-2bb8ed43]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translate(-32px,-32px)}}.image-bg[data-v-2bb8ed43]{position:absolute;top:50%;left:50%;border-radius:50%;width:192px;height:192px;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%)}@media (min-width: 640px){.image-bg[data-v-2bb8ed43]{width:256px;height:256px}}@media (min-width: 960px){.image-bg[data-v-2bb8ed43]{width:320px;height:320px}}[data-v-2bb8ed43] .image-src{position:absolute;top:50%;left:50%;max-width:192px;max-height:192px;transform:translate(-50%,-50%)}@media (min-width: 640px){[data-v-2bb8ed43] .image-src{max-width:256px;max-height:256px}}@media (min-width: 960px){[data-v-2bb8ed43] .image-src{max-width:320px;max-height:320px}}.VPFeature[data-v-7414d768]{display:block;border:1px solid var(--vp-c-bg-soft);border-radius:12px;height:100%;background-color:var(--vp-c-bg-soft);transition:border-color .25s,background-color .25s}.VPFeature.link[data-v-7414d768]:hover{border-color:var(--vp-c-brand-1)}.box[data-v-7414d768]{display:flex;flex-direction:column;padding:24px;height:100%}.box[data-v-7414d768]>.VPImage{margin-bottom:20px}.icon[data-v-7414d768]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:6px;background-color:var(--vp-c-default-soft);width:48px;height:48px;font-size:24px;transition:background-color .25s}.title[data-v-7414d768]{line-height:24px;font-size:16px;font-weight:600}.details[data-v-7414d768]{flex-grow:1;padding-top:8px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.link-text[data-v-7414d768]{padding-top:8px}.link-text-value[data-v-7414d768]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.link-text-icon[data-v-7414d768]{margin-left:6px}.VPFeatures[data-v-ebb108d2]{position:relative;padding:0 24px}@media (min-width: 640px){.VPFeatures[data-v-ebb108d2]{padding:0 48px}}@media (min-width: 960px){.VPFeatures[data-v-ebb108d2]{padding:0 64px}}.container[data-v-ebb108d2]{margin:0 auto;max-width:1152px}.items[data-v-ebb108d2]{display:flex;flex-wrap:wrap;margin:-8px}.item[data-v-ebb108d2]{padding:8px;width:100%}@media (min-width: 640px){.item.grid-2[data-v-ebb108d2],.item.grid-4[data-v-ebb108d2],.item.grid-6[data-v-ebb108d2]{width:50%}}@media (min-width: 768px){.item.grid-2[data-v-ebb108d2],.item.grid-4[data-v-ebb108d2]{width:50%}.item.grid-3[data-v-ebb108d2],.item.grid-6[data-v-ebb108d2]{width:calc(100% / 3)}}@media (min-width: 960px){.item.grid-4[data-v-ebb108d2]{width:25%}}.container[data-v-03c2a94c]{margin:auto;width:100%;max-width:1280px;padding:0 24px}@media (min-width: 640px){.container[data-v-03c2a94c]{padding:0 48px}}@media (min-width: 960px){.container[data-v-03c2a94c]{width:100%;padding:0 64px}}.vp-doc[data-v-03c2a94c] .VPHomeSponsors,.vp-doc[data-v-03c2a94c] .VPTeamPage{margin-left:var(--vp-offset, calc(50% - 50vw) );margin-right:var(--vp-offset, calc(50% - 50vw) )}.vp-doc[data-v-03c2a94c] .VPHomeSponsors h2{border-top:none;letter-spacing:normal}.vp-doc[data-v-03c2a94c] .VPHomeSponsors a,.vp-doc[data-v-03c2a94c] .VPTeamPage a{text-decoration:none}.VPHome[data-v-72415cf3]{margin-bottom:96px}@media (min-width: 768px){.VPHome[data-v-72415cf3]{margin-bottom:128px}}.VPContent[data-v-aa32f6e2]{flex-grow:1;flex-shrink:0;margin:var(--vp-layout-top-height, 0px) auto 0;width:100%}.VPContent.is-home[data-v-aa32f6e2]{width:100%;max-width:100%}.VPContent.has-sidebar[data-v-aa32f6e2]{margin:0}@media (min-width: 960px){.VPContent[data-v-aa32f6e2]{padding-top:var(--vp-nav-height)}.VPContent.has-sidebar[data-v-aa32f6e2]{margin:var(--vp-layout-top-height, 0px) 0 0;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPContent.has-sidebar[data-v-aa32f6e2]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.VPFooter[data-v-52298167]{position:relative;z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-gutter);padding:32px 24px;background-color:var(--vp-c-bg)}.VPFooter.has-sidebar[data-v-52298167]{display:none}.VPFooter[data-v-52298167] a{text-decoration-line:underline;text-underline-offset:2px;transition:color .25s}.VPFooter[data-v-52298167] a:hover{color:var(--vp-c-text-1)}@media (min-width: 768px){.VPFooter[data-v-52298167]{padding:32px}}.container[data-v-52298167]{margin:0 auto;max-width:var(--vp-layout-max-width);text-align:center}.message[data-v-52298167],.copyright[data-v-52298167]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.VPLocalNavOutlineDropdown[data-v-175fc45d]{padding:12px 20px 11px}@media (min-width: 960px){.VPLocalNavOutlineDropdown[data-v-175fc45d]{padding:12px 36px 11px}}.VPLocalNavOutlineDropdown button[data-v-175fc45d]{display:block;font-size:12px;font-weight:500;line-height:24px;color:var(--vp-c-text-2);transition:color .5s;position:relative}.VPLocalNavOutlineDropdown button[data-v-175fc45d]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPLocalNavOutlineDropdown button.open[data-v-175fc45d]{color:var(--vp-c-text-1)}.icon[data-v-175fc45d]{display:inline-block;vertical-align:middle;margin-left:2px;font-size:14px;transform:rotate(0);transition:transform .25s}@media (min-width: 960px){.VPLocalNavOutlineDropdown button[data-v-175fc45d]{font-size:14px}.icon[data-v-175fc45d]{font-size:16px}}.open>.icon[data-v-175fc45d]{transform:rotate(90deg)}.items[data-v-175fc45d]{position:absolute;top:40px;right:16px;left:16px;display:grid;gap:1px;border:1px solid var(--vp-c-border);border-radius:8px;background-color:var(--vp-c-gutter);max-height:calc(var(--vp-vh, 100vh) - 86px);overflow:hidden auto;box-shadow:var(--vp-shadow-3)}@media (min-width: 960px){.items[data-v-175fc45d]{right:auto;left:calc(var(--vp-sidebar-width) + 32px);width:320px}}.header[data-v-175fc45d]{background-color:var(--vp-c-bg-soft)}.top-link[data-v-175fc45d]{display:block;padding:0 16px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.outline[data-v-175fc45d]{padding:8px 0;background-color:var(--vp-c-bg-soft)}.flyout-enter-active[data-v-175fc45d]{transition:all .2s ease-out}.flyout-leave-active[data-v-175fc45d]{transition:all .15s ease-in}.flyout-enter-from[data-v-175fc45d],.flyout-leave-to[data-v-175fc45d]{opacity:0;transform:translateY(-16px)}.VPLocalNav[data-v-0ebd45f6]{position:sticky;top:0;left:0;z-index:var(--vp-z-index-local-nav);border-bottom:1px solid var(--vp-c-gutter);padding-top:var(--vp-layout-top-height, 0px);width:100%;background-color:var(--vp-local-nav-bg-color)}.VPLocalNav.fixed[data-v-0ebd45f6]{position:fixed}@media (min-width: 960px){.VPLocalNav[data-v-0ebd45f6]{top:var(--vp-nav-height)}.VPLocalNav.has-sidebar[data-v-0ebd45f6]{padding-left:var(--vp-sidebar-width)}.VPLocalNav.empty[data-v-0ebd45f6]{display:none}}@media (min-width: 1280px){.VPLocalNav[data-v-0ebd45f6]{display:none}}@media (min-width: 1440px){.VPLocalNav.has-sidebar[data-v-0ebd45f6]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.container[data-v-0ebd45f6]{display:flex;justify-content:space-between;align-items:center}.menu[data-v-0ebd45f6]{display:flex;align-items:center;padding:12px 24px 11px;line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.menu[data-v-0ebd45f6]:hover{color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 768px){.menu[data-v-0ebd45f6]{padding:0 32px}}@media (min-width: 960px){.menu[data-v-0ebd45f6]{display:none}}.menu-icon[data-v-0ebd45f6]{margin-right:8px;font-size:14px}.VPOutlineDropdown[data-v-0ebd45f6]{padding:12px 24px 11px}@media (min-width: 768px){.VPOutlineDropdown[data-v-0ebd45f6]{padding:12px 32px 11px}}.VPSwitch[data-v-79287e24]{position:relative;border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--vp-input-border-color);background-color:var(--vp-input-switch-bg-color);transition:border-color .25s!important}.VPSwitch[data-v-79287e24]:hover{border-color:var(--vp-c-brand-1)}.check[data-v-79287e24]{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--vp-c-neutral-inverse);box-shadow:var(--vp-shadow-1);transition:transform .25s!important}.icon[data-v-79287e24]{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.icon[data-v-79287e24] [class^=vpi-]{position:absolute;top:3px;left:3px;width:12px;height:12px;color:var(--vp-c-text-2)}.dark .icon[data-v-79287e24] [class^=vpi-]{color:var(--vp-c-text-1);transition:opacity .25s!important}.sun[data-v-612efda0]{opacity:1}.moon[data-v-612efda0],.dark .sun[data-v-612efda0]{opacity:0}.dark .moon[data-v-612efda0]{opacity:1}.dark .VPSwitchAppearance[data-v-612efda0] .check{transform:translate(18px)}.VPNavBarAppearance[data-v-933f86f8]{display:none}@media (min-width: 1280px){.VPNavBarAppearance[data-v-933f86f8]{display:flex;align-items:center}}.VPMenuGroup+.VPMenuLink[data-v-2e5422e9]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.link[data-v-2e5422e9]{display:block;border-radius:6px;padding:0 12px;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);white-space:nowrap;transition:background-color .25s,color .25s}.link[data-v-2e5422e9]:hover{color:var(--vp-c-brand-1);background-color:var(--vp-c-default-soft)}.link.active[data-v-2e5422e9]{color:var(--vp-c-brand-1)}.VPMenuGroup[data-v-89e42859]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.VPMenuGroup[data-v-89e42859]:first-child{margin-top:0;border-top:0;padding-top:0}.VPMenuGroup+.VPMenuGroup[data-v-89e42859]{margin-top:12px;border-top:1px solid var(--vp-c-divider)}.title[data-v-89e42859]{padding:0 12px;line-height:32px;font-size:14px;font-weight:600;color:var(--vp-c-text-2);white-space:nowrap;transition:color .25s}.VPMenu[data-v-b1f47ff0]{border-radius:12px;padding:12px;min-width:128px;border:1px solid var(--vp-c-divider);background-color:var(--vp-c-bg-elv);box-shadow:var(--vp-shadow-3);transition:background-color .5s;max-height:calc(100vh - var(--vp-nav-height));overflow-y:auto}.VPMenu[data-v-b1f47ff0] .group{margin:0 -12px;padding:0 12px 12px}.VPMenu[data-v-b1f47ff0] .group+.group{border-top:1px solid var(--vp-c-divider);padding:11px 12px 12px}.VPMenu[data-v-b1f47ff0] .group:last-child{padding-bottom:0}.VPMenu[data-v-b1f47ff0] .group+.item{border-top:1px solid var(--vp-c-divider);padding:11px 16px 0}.VPMenu[data-v-b1f47ff0] .item{padding:0 16px;white-space:nowrap}.VPMenu[data-v-b1f47ff0] .label{flex-grow:1;line-height:28px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.VPMenu[data-v-b1f47ff0] .action{padding-left:24px}.VPFlyout[data-v-9444bc82]{position:relative}.VPFlyout[data-v-9444bc82]:hover{color:var(--vp-c-brand-1);transition:color .25s}.VPFlyout:hover .text[data-v-9444bc82]{color:var(--vp-c-text-2)}.VPFlyout:hover .icon[data-v-9444bc82]{fill:var(--vp-c-text-2)}.VPFlyout.active .text[data-v-9444bc82]{color:var(--vp-c-brand-1)}.VPFlyout.active:hover .text[data-v-9444bc82]{color:var(--vp-c-brand-2)}.VPFlyout:hover .menu[data-v-9444bc82],.button[aria-expanded=true]+.menu[data-v-9444bc82]{opacity:1;visibility:visible;transform:translateY(0)}.button[aria-expanded=false]+.menu[data-v-9444bc82]{opacity:0;visibility:hidden;transform:translateY(0)}.button[data-v-9444bc82]{display:flex;align-items:center;padding:0 12px;height:var(--vp-nav-height);color:var(--vp-c-text-1);transition:color .5s}.text[data-v-9444bc82]{display:flex;align-items:center;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.option-icon[data-v-9444bc82]{margin-right:0;font-size:16px}.text-icon[data-v-9444bc82]{margin-left:4px;font-size:14px}.icon[data-v-9444bc82]{font-size:20px;transition:fill .25s}.menu[data-v-9444bc82]{position:absolute;top:calc(var(--vp-nav-height) / 2 + 20px);right:0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s}.VPSocialLink[data-v-fdd402b2]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:var(--vp-c-text-2);transition:color .5s}.VPSocialLink[data-v-fdd402b2]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPSocialLink[data-v-fdd402b2]>svg,.VPSocialLink[data-v-fdd402b2]>[class^=vpi-social-]{width:20px;height:20px;fill:currentColor}.VPSocialLinks[data-v-932c9c22]{display:flex;justify-content:center}.VPNavBarExtra[data-v-eeaa91c6]{display:none;margin-right:-12px}@media (min-width: 768px){.VPNavBarExtra[data-v-eeaa91c6]{display:block}}@media (min-width: 1280px){.VPNavBarExtra[data-v-eeaa91c6]{display:none}}.trans-title[data-v-eeaa91c6]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.item.appearance[data-v-eeaa91c6],.item.social-links[data-v-eeaa91c6]{display:flex;align-items:center;padding:0 12px}.item.appearance[data-v-eeaa91c6]{min-width:176px}.appearance-action[data-v-eeaa91c6]{margin-right:-2px}.social-links-list[data-v-eeaa91c6]{margin:-4px -8px}.VPNavBarHamburger[data-v-229c3250]{display:flex;justify-content:center;align-items:center;width:48px;height:var(--vp-nav-height)}@media (min-width: 768px){.VPNavBarHamburger[data-v-229c3250]{display:none}}.container[data-v-229c3250]{position:relative;width:16px;height:14px;overflow:hidden}.VPNavBarHamburger:hover .top[data-v-229c3250]{top:0;left:0;transform:translate(4px)}.VPNavBarHamburger:hover .middle[data-v-229c3250]{top:6px;left:0;transform:translate(0)}.VPNavBarHamburger:hover .bottom[data-v-229c3250]{top:12px;left:0;transform:translate(8px)}.VPNavBarHamburger.active .top[data-v-229c3250]{top:6px;transform:translate(0) rotate(225deg)}.VPNavBarHamburger.active .middle[data-v-229c3250]{top:6px;transform:translate(16px)}.VPNavBarHamburger.active .bottom[data-v-229c3250]{top:6px;transform:translate(0) rotate(135deg)}.VPNavBarHamburger.active:hover .top[data-v-229c3250],.VPNavBarHamburger.active:hover .middle[data-v-229c3250],.VPNavBarHamburger.active:hover .bottom[data-v-229c3250]{background-color:var(--vp-c-text-2);transition:top .25s,background-color .25s,transform .25s}.top[data-v-229c3250],.middle[data-v-229c3250],.bottom[data-v-229c3250]{position:absolute;width:16px;height:2px;background-color:var(--vp-c-text-1);transition:top .25s,background-color .5s,transform .25s}.top[data-v-229c3250]{top:0;left:0;transform:translate(0)}.middle[data-v-229c3250]{top:6px;left:0;transform:translate(8px)}.bottom[data-v-229c3250]{top:12px;left:0;transform:translate(4px)}.VPNavBarMenuLink[data-v-8ff26bee]{display:flex;align-items:center;padding:0 12px;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.VPNavBarMenuLink.active[data-v-8ff26bee],.VPNavBarMenuLink[data-v-8ff26bee]:hover{color:var(--vp-c-brand-1)}.VPNavBarMenu[data-v-878c6c23]{display:none}@media (min-width: 768px){.VPNavBarMenu[data-v-878c6c23]{display:flex}}/*! @docsearch/css 3.5.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[class*=DocSearch]{--docsearch-primary-color: var(--vp-c-brand-1);--docsearch-highlight-color: var(--docsearch-primary-color);--docsearch-text-color: var(--vp-c-text-1);--docsearch-muted-color: var(--vp-c-text-2);--docsearch-searchbox-shadow: none;--docsearch-searchbox-background: transparent;--docsearch-searchbox-focus-background: transparent;--docsearch-key-gradient: transparent;--docsearch-key-shadow: none;--docsearch-modal-background: var(--vp-c-bg-soft);--docsearch-footer-background: var(--vp-c-bg)}.dark [class*=DocSearch]{--docsearch-modal-shadow: none;--docsearch-footer-shadow: none;--docsearch-logo-color: var(--vp-c-text-2);--docsearch-hit-background: var(--vp-c-default-soft);--docsearch-hit-color: var(--vp-c-text-2);--docsearch-hit-shadow: none}.DocSearch-Button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:48px;height:55px;background:transparent;transition:border-color .25s}.DocSearch-Button:hover{background:transparent}.DocSearch-Button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.DocSearch-Button:focus:not(:focus-visible){outline:none!important}@media (min-width: 768px){.DocSearch-Button{justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px 0 12px;width:100%;height:40px;background-color:var(--vp-c-bg-alt)}.DocSearch-Button:hover{border-color:var(--vp-c-brand-1);background:var(--vp-c-bg-alt)}}.DocSearch-Button .DocSearch-Button-Container{display:flex;align-items:center}.DocSearch-Button .DocSearch-Search-Icon{position:relative;width:16px;height:16px;color:var(--vp-c-text-1);fill:currentColor;transition:color .5s}.DocSearch-Button:hover .DocSearch-Search-Icon{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Search-Icon{top:1px;margin-right:8px;width:14px;height:14px;color:var(--vp-c-text-2)}}.DocSearch-Button .DocSearch-Button-Placeholder{display:none;margin-top:2px;padding:0 16px 0 0;font-size:13px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.DocSearch-Button:hover .DocSearch-Button-Placeholder{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Placeholder{display:inline-block}}.DocSearch-Button .DocSearch-Button-Keys{direction:ltr;display:none;min-width:auto}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Keys{display:flex;align-items:center}}.DocSearch-Button .DocSearch-Button-Key{display:block;margin:2px 0 0;border:1px solid var(--vp-c-divider);border-right:none;border-radius:4px 0 0 4px;padding-left:6px;min-width:0;width:auto;height:22px;line-height:22px;font-family:var(--vp-font-family-base);font-size:12px;font-weight:500;transition:color .5s,border-color .5s}.DocSearch-Button .DocSearch-Button-Key+.DocSearch-Button-Key{border-right:1px solid var(--vp-c-divider);border-left:none;border-radius:0 4px 4px 0;padding-left:2px;padding-right:6px}.DocSearch-Button .DocSearch-Button-Key:first-child{font-size:0!important}.DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"Ctrl";font-size:12px;letter-spacing:normal;color:var(--docsearch-muted-color)}.mac .DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"⌘"}.DocSearch-Button .DocSearch-Button-Key:first-child>*{display:none}.DocSearch-Search-Icon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.6' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' d='m14.386 14.386 4.088 4.088-4.088-4.088A7.533 7.533 0 1 1 3.733 3.733a7.533 7.533 0 0 1 10.653 10.653z'/%3E%3C/svg%3E")}.VPNavBarSearch{display:flex;align-items:center}@media (min-width: 768px){.VPNavBarSearch{flex-grow:1;padding-left:24px}}@media (min-width: 960px){.VPNavBarSearch{padding-left:32px}}.dark .DocSearch-Footer{border-top:1px solid var(--vp-c-divider)}.DocSearch-Form{border:1px solid var(--vp-c-brand-1);background-color:var(--vp-c-white)}.dark .DocSearch-Form{background-color:var(--vp-c-default-soft)}.DocSearch-Screen-Icon>svg{margin:auto}.VPNavBarSocialLinks[data-v-add66086]{display:none}@media (min-width: 1280px){.VPNavBarSocialLinks[data-v-add66086]{display:flex;align-items:center}}.title[data-v-95605b10]{display:flex;align-items:center;border-bottom:1px solid transparent;width:100%;height:var(--vp-nav-height);font-size:16px;font-weight:600;color:var(--vp-c-text-1);transition:opacity .25s}@media (min-width: 960px){.title[data-v-95605b10]{flex-shrink:0}.VPNavBarTitle.has-sidebar .title[data-v-95605b10]{border-bottom-color:var(--vp-c-divider)}}[data-v-95605b10] .logo{margin-right:8px;height:var(--vp-nav-logo-height)}.VPNavBarTranslations[data-v-eb38f479]{display:none}@media (min-width: 1280px){.VPNavBarTranslations[data-v-eb38f479]{display:flex;align-items:center}}.title[data-v-eb38f479]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.VPNavBar[data-v-aa3ac32f]{position:relative;height:var(--vp-nav-height);pointer-events:none;white-space:nowrap;transition:background-color .5s}.VPNavBar.has-local-nav[data-v-aa3ac32f]{background-color:var(--vp-nav-bg-color)}@media (min-width: 960px){.VPNavBar.has-local-nav[data-v-aa3ac32f]{background-color:transparent}.VPNavBar[data-v-aa3ac32f]:not(.has-sidebar):not(.top){background-color:var(--vp-nav-bg-color)}}.wrapper[data-v-aa3ac32f]{padding:0 8px 0 24px}@media (min-width: 768px){.wrapper[data-v-aa3ac32f]{padding:0 32px}}@media (min-width: 960px){.VPNavBar.has-sidebar .wrapper[data-v-aa3ac32f]{padding:0}}.container[data-v-aa3ac32f]{display:flex;justify-content:space-between;margin:0 auto;max-width:calc(var(--vp-layout-max-width) - 64px);height:var(--vp-nav-height);pointer-events:none}.container>.title[data-v-aa3ac32f],.container>.content[data-v-aa3ac32f]{pointer-events:none}.container[data-v-aa3ac32f] *{pointer-events:auto}@media (min-width: 960px){.VPNavBar.has-sidebar .container[data-v-aa3ac32f]{max-width:100%}}.title[data-v-aa3ac32f]{flex-shrink:0;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar.has-sidebar .title[data-v-aa3ac32f]{position:absolute;top:0;left:0;z-index:2;padding:0 32px;width:var(--vp-sidebar-width);height:var(--vp-nav-height);background-color:transparent}}@media (min-width: 1440px){.VPNavBar.has-sidebar .title[data-v-aa3ac32f]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}.content[data-v-aa3ac32f]{flex-grow:1}@media (min-width: 960px){.VPNavBar.has-sidebar .content[data-v-aa3ac32f]{position:relative;z-index:1;padding-right:32px;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .content[data-v-aa3ac32f]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2 + 32px);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.content-body[data-v-aa3ac32f]{display:flex;justify-content:flex-end;align-items:center;height:var(--vp-nav-height);transition:background-color .5s}@media (min-width: 960px){.VPNavBar:not(.top) .content-body[data-v-aa3ac32f]{position:relative;background-color:var(--vp-nav-bg-color)}.VPNavBar:not(.has-sidebar):not(.top) .content-body[data-v-aa3ac32f]{background-color:transparent}}@media (max-width: 767px){.content-body[data-v-aa3ac32f]{column-gap:.5rem}}.menu+.translations[data-v-aa3ac32f]:before,.menu+.appearance[data-v-aa3ac32f]:before,.menu+.social-links[data-v-aa3ac32f]:before,.translations+.appearance[data-v-aa3ac32f]:before,.appearance+.social-links[data-v-aa3ac32f]:before{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:var(--vp-c-divider);content:""}.menu+.appearance[data-v-aa3ac32f]:before,.translations+.appearance[data-v-aa3ac32f]:before{margin-right:16px}.appearance+.social-links[data-v-aa3ac32f]:before{margin-left:16px}.social-links[data-v-aa3ac32f]{margin-right:-8px}.divider[data-v-aa3ac32f]{width:100%;height:1px}@media (min-width: 960px){.VPNavBar.has-sidebar .divider[data-v-aa3ac32f]{padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .divider[data-v-aa3ac32f]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.divider-line[data-v-aa3ac32f]{width:100%;height:1px;transition:background-color .5s}.VPNavBar.has-local-nav .divider-line[data-v-aa3ac32f]{background-color:var(--vp-c-gutter)}@media (min-width: 960px){.VPNavBar:not(.top) .divider-line[data-v-aa3ac32f]{background-color:var(--vp-c-gutter)}.VPNavBar:not(.has-sidebar):not(.top) .divider[data-v-aa3ac32f]{background-color:var(--vp-c-gutter)}}.VPNavScreenAppearance[data-v-9e3ab826]{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px 14px 12px 16px;background-color:var(--vp-c-bg-soft)}.text[data-v-9e3ab826]{line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.VPNavScreenMenuLink[data-v-1a25712d]{display:block;border-bottom:1px solid var(--vp-c-divider);padding:12px 0 11px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:border-color .25s,color .25s}.VPNavScreenMenuLink[data-v-1a25712d]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupLink[data-v-859057b8]{display:block;margin-left:12px;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-1);transition:color .25s}.VPNavScreenMenuGroupLink[data-v-859057b8]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupSection[data-v-d5c02db9]{display:block}.title[data-v-d5c02db9]{line-height:32px;font-size:13px;font-weight:700;color:var(--vp-c-text-2);transition:color .25s}.VPNavScreenMenuGroup[data-v-e23a74c9]{border-bottom:1px solid var(--vp-c-divider);height:48px;overflow:hidden;transition:border-color .5s}.VPNavScreenMenuGroup .items[data-v-e23a74c9]{visibility:hidden}.VPNavScreenMenuGroup.open .items[data-v-e23a74c9]{visibility:visible}.VPNavScreenMenuGroup.open[data-v-e23a74c9]{padding-bottom:10px;height:auto}.VPNavScreenMenuGroup.open .button[data-v-e23a74c9]{padding-bottom:6px;color:var(--vp-c-brand-1)}.VPNavScreenMenuGroup.open .button-icon[data-v-e23a74c9]{transform:rotate(45deg)}.button[data-v-e23a74c9]{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 11px 0;width:100%;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.button[data-v-e23a74c9]:hover{color:var(--vp-c-brand-1)}.button-icon[data-v-e23a74c9]{transition:transform .25s}.group[data-v-e23a74c9]:first-child{padding-top:0}.group+.group[data-v-e23a74c9],.group+.item[data-v-e23a74c9]{padding-top:4px}.VPNavScreenTranslations[data-v-4533a050]{height:24px;overflow:hidden}.VPNavScreenTranslations.open[data-v-4533a050]{height:auto}.title[data-v-4533a050]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-text-1)}.icon[data-v-4533a050]{font-size:16px}.icon.lang[data-v-4533a050]{margin-right:8px}.icon.chevron[data-v-4533a050]{margin-left:4px}.list[data-v-4533a050]{padding:4px 0 0 24px}.link[data-v-4533a050]{line-height:32px;font-size:13px;color:var(--vp-c-text-1)}.VPNavScreen[data-v-6add2caf]{position:fixed;top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 1px);right:0;bottom:0;left:0;padding:0 32px;width:100%;background-color:var(--vp-nav-screen-bg-color);overflow-y:auto;transition:background-color .5s;pointer-events:auto}.VPNavScreen.fade-enter-active[data-v-6add2caf],.VPNavScreen.fade-leave-active[data-v-6add2caf]{transition:opacity .25s}.VPNavScreen.fade-enter-active .container[data-v-6add2caf],.VPNavScreen.fade-leave-active .container[data-v-6add2caf]{transition:transform .25s ease}.VPNavScreen.fade-enter-from[data-v-6add2caf],.VPNavScreen.fade-leave-to[data-v-6add2caf]{opacity:0}.VPNavScreen.fade-enter-from .container[data-v-6add2caf],.VPNavScreen.fade-leave-to .container[data-v-6add2caf]{transform:translateY(-8px)}@media (min-width: 768px){.VPNavScreen[data-v-6add2caf]{display:none}}.container[data-v-6add2caf]{margin:0 auto;padding:24px 0 96px;max-width:288px}.menu+.translations[data-v-6add2caf],.menu+.appearance[data-v-6add2caf],.translations+.appearance[data-v-6add2caf]{margin-top:24px}.menu+.social-links[data-v-6add2caf]{margin-top:16px}.appearance+.social-links[data-v-6add2caf]{margin-top:16px}.VPNav[data-v-8e747076]{position:relative;top:var(--vp-layout-top-height, 0px);left:0;z-index:var(--vp-z-index-nav);width:100%;pointer-events:none;transition:background-color .5s}@media (min-width: 960px){.VPNav[data-v-8e747076]{position:fixed}}.VPSidebarItem.level-0[data-v-b90e8e83]{padding-bottom:24px}.VPSidebarItem.collapsed.level-0[data-v-b90e8e83]{padding-bottom:10px}.item[data-v-b90e8e83]{position:relative;display:flex;width:100%}.VPSidebarItem.collapsible>.item[data-v-b90e8e83]{cursor:pointer}.indicator[data-v-b90e8e83]{position:absolute;top:6px;bottom:6px;left:-17px;width:2px;border-radius:2px;transition:background-color .25s}.VPSidebarItem.level-2.is-active>.item>.indicator[data-v-b90e8e83],.VPSidebarItem.level-3.is-active>.item>.indicator[data-v-b90e8e83],.VPSidebarItem.level-4.is-active>.item>.indicator[data-v-b90e8e83],.VPSidebarItem.level-5.is-active>.item>.indicator[data-v-b90e8e83]{background-color:var(--vp-c-brand-1)}.link[data-v-b90e8e83]{display:flex;align-items:center;flex-grow:1}.text[data-v-b90e8e83]{flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;transition:color .25s}.VPSidebarItem.level-0 .text[data-v-b90e8e83]{font-weight:700;color:var(--vp-c-text-1)}.VPSidebarItem.level-1 .text[data-v-b90e8e83],.VPSidebarItem.level-2 .text[data-v-b90e8e83],.VPSidebarItem.level-3 .text[data-v-b90e8e83],.VPSidebarItem.level-4 .text[data-v-b90e8e83],.VPSidebarItem.level-5 .text[data-v-b90e8e83]{font-weight:500;color:var(--vp-c-text-2)}.VPSidebarItem.level-0.is-link>.item>.link:hover .text[data-v-b90e8e83],.VPSidebarItem.level-1.is-link>.item>.link:hover .text[data-v-b90e8e83],.VPSidebarItem.level-2.is-link>.item>.link:hover .text[data-v-b90e8e83],.VPSidebarItem.level-3.is-link>.item>.link:hover .text[data-v-b90e8e83],.VPSidebarItem.level-4.is-link>.item>.link:hover .text[data-v-b90e8e83],.VPSidebarItem.level-5.is-link>.item>.link:hover .text[data-v-b90e8e83]{color:var(--vp-c-brand-1)}.VPSidebarItem.level-0.has-active>.item>.text[data-v-b90e8e83],.VPSidebarItem.level-1.has-active>.item>.text[data-v-b90e8e83],.VPSidebarItem.level-2.has-active>.item>.text[data-v-b90e8e83],.VPSidebarItem.level-3.has-active>.item>.text[data-v-b90e8e83],.VPSidebarItem.level-4.has-active>.item>.text[data-v-b90e8e83],.VPSidebarItem.level-5.has-active>.item>.text[data-v-b90e8e83],.VPSidebarItem.level-0.has-active>.item>.link>.text[data-v-b90e8e83],.VPSidebarItem.level-1.has-active>.item>.link>.text[data-v-b90e8e83],.VPSidebarItem.level-2.has-active>.item>.link>.text[data-v-b90e8e83],.VPSidebarItem.level-3.has-active>.item>.link>.text[data-v-b90e8e83],.VPSidebarItem.level-4.has-active>.item>.link>.text[data-v-b90e8e83],.VPSidebarItem.level-5.has-active>.item>.link>.text[data-v-b90e8e83]{color:var(--vp-c-text-1)}.VPSidebarItem.level-0.is-active>.item .link>.text[data-v-b90e8e83],.VPSidebarItem.level-1.is-active>.item .link>.text[data-v-b90e8e83],.VPSidebarItem.level-2.is-active>.item .link>.text[data-v-b90e8e83],.VPSidebarItem.level-3.is-active>.item .link>.text[data-v-b90e8e83],.VPSidebarItem.level-4.is-active>.item .link>.text[data-v-b90e8e83],.VPSidebarItem.level-5.is-active>.item .link>.text[data-v-b90e8e83]{color:var(--vp-c-brand-1)}.caret[data-v-b90e8e83]{display:flex;justify-content:center;align-items:center;margin-right:-7px;width:32px;height:32px;color:var(--vp-c-text-3);cursor:pointer;transition:color .25s;flex-shrink:0}.item:hover .caret[data-v-b90e8e83]{color:var(--vp-c-text-2)}.item:hover .caret[data-v-b90e8e83]:hover{color:var(--vp-c-text-1)}.caret-icon[data-v-b90e8e83]{font-size:18px;transform:rotate(90deg);transition:transform .25s}.VPSidebarItem.collapsed .caret-icon[data-v-b90e8e83]{transform:rotate(0)}.VPSidebarItem.level-1 .items[data-v-b90e8e83],.VPSidebarItem.level-2 .items[data-v-b90e8e83],.VPSidebarItem.level-3 .items[data-v-b90e8e83],.VPSidebarItem.level-4 .items[data-v-b90e8e83],.VPSidebarItem.level-5 .items[data-v-b90e8e83]{border-left:1px solid var(--vp-c-divider);padding-left:16px}.VPSidebarItem.collapsed .items[data-v-b90e8e83]{display:none}.VPSidebar[data-v-eabb1f3d]{position:fixed;top:var(--vp-layout-top-height, 0px);bottom:0;left:0;z-index:var(--vp-z-index-sidebar);padding:32px 32px 96px;width:calc(100vw - 64px);max-width:320px;background-color:var(--vp-sidebar-bg-color);opacity:0;box-shadow:var(--vp-c-shadow-3);overflow-x:hidden;overflow-y:auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease;overscroll-behavior:contain}.VPSidebar.open[data-v-eabb1f3d]{opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1)}.dark .VPSidebar[data-v-eabb1f3d]{box-shadow:var(--vp-shadow-1)}@media (min-width: 960px){.VPSidebar[data-v-eabb1f3d]{padding-top:var(--vp-nav-height);width:var(--vp-sidebar-width);max-width:100%;background-color:var(--vp-sidebar-bg-color);opacity:1;visibility:visible;box-shadow:none;transform:translate(0)}}@media (min-width: 1440px){.VPSidebar[data-v-eabb1f3d]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}@media (min-width: 960px){.curtain[data-v-eabb1f3d]{position:sticky;top:-64px;left:0;z-index:1;margin-top:calc(var(--vp-nav-height) * -1);margin-right:-32px;margin-left:-32px;height:var(--vp-nav-height);background-color:var(--vp-sidebar-bg-color)}}.nav[data-v-eabb1f3d]{outline:0}.group+.group[data-v-eabb1f3d]{border-top:1px solid var(--vp-c-divider);padding-top:10px}@media (min-width: 960px){.group[data-v-eabb1f3d]{padding-top:10px;width:calc(var(--vp-sidebar-width) - 64px)}}.VPSkipLink[data-v-34d1ab86]{top:8px;left:8px;padding:8px 16px;z-index:999;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;color:var(--vp-c-brand-1);box-shadow:var(--vp-shadow-3);background-color:var(--vp-c-bg)}.VPSkipLink[data-v-34d1ab86]:focus{height:auto;width:auto;clip:auto;clip-path:none}@media (min-width: 1280px){.VPSkipLink[data-v-34d1ab86]{top:14px;left:16px}}.Layout[data-v-a496c289]{display:flex;flex-direction:column;min-height:100vh}.VPHomeSponsors[data-v-4ca3dabd]{border-top:1px solid var(--vp-c-gutter);padding-top:88px!important}.VPHomeSponsors[data-v-4ca3dabd]{margin:96px 0}@media (min-width: 768px){.VPHomeSponsors[data-v-4ca3dabd]{margin:128px 0}}.VPHomeSponsors[data-v-4ca3dabd]{padding:0 24px}@media (min-width: 768px){.VPHomeSponsors[data-v-4ca3dabd]{padding:0 48px}}@media (min-width: 960px){.VPHomeSponsors[data-v-4ca3dabd]{padding:0 64px}}.container[data-v-4ca3dabd]{margin:0 auto;max-width:1152px}.love[data-v-4ca3dabd]{margin:0 auto;width:fit-content;font-size:28px;color:var(--vp-c-text-3)}.icon[data-v-4ca3dabd]{display:inline-block}.message[data-v-4ca3dabd]{margin:0 auto;padding-top:10px;max-width:320px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.sponsors[data-v-4ca3dabd]{padding-top:32px}.action[data-v-4ca3dabd]{padding-top:40px;text-align:center}.VPTeamPage[data-v-2c86d098]{margin:96px 0}@media (min-width: 768px){.VPTeamPage[data-v-2c86d098]{margin:128px 0}}.VPHome .VPTeamPageTitle[data-v-2c86d098-s]{border-top:1px solid var(--vp-c-gutter);padding-top:88px!important}.VPTeamPageSection+.VPTeamPageSection[data-v-2c86d098-s],.VPTeamMembers+.VPTeamPageSection[data-v-2c86d098-s]{margin-top:64px}.VPTeamMembers+.VPTeamMembers[data-v-2c86d098-s]{margin-top:24px}@media (min-width: 768px){.VPTeamPageTitle+.VPTeamPageSection[data-v-2c86d098-s]{margin-top:16px}.VPTeamPageSection+.VPTeamPageSection[data-v-2c86d098-s],.VPTeamMembers+.VPTeamPageSection[data-v-2c86d098-s]{margin-top:96px}}.VPTeamMembers[data-v-2c86d098-s]{padding:0 24px}@media (min-width: 768px){.VPTeamMembers[data-v-2c86d098-s]{padding:0 48px}}@media (min-width: 960px){.VPTeamMembers[data-v-2c86d098-s]{padding:0 64px}}.VPTeamPageTitle[data-v-971fc8e2]{padding:48px 32px;text-align:center}@media (min-width: 768px){.VPTeamPageTitle[data-v-971fc8e2]{padding:64px 48px 48px}}@media (min-width: 960px){.VPTeamPageTitle[data-v-971fc8e2]{padding:80px 64px 48px}}.title[data-v-971fc8e2]{letter-spacing:0;line-height:44px;font-size:36px;font-weight:500}@media (min-width: 768px){.title[data-v-971fc8e2]{letter-spacing:-.5px;line-height:56px;font-size:48px}}.lead[data-v-971fc8e2]{margin:0 auto;max-width:512px;padding-top:12px;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 768px){.lead[data-v-971fc8e2]{max-width:592px;letter-spacing:.15px;line-height:28px;font-size:20px}}.VPTeamPageSection[data-v-f1db7c83]{padding:0 32px}@media (min-width: 768px){.VPTeamPageSection[data-v-f1db7c83]{padding:0 48px}}@media (min-width: 960px){.VPTeamPageSection[data-v-f1db7c83]{padding:0 64px}}.title[data-v-f1db7c83]{position:relative;margin:0 auto;max-width:1152px;text-align:center;color:var(--vp-c-text-2)}.title-line[data-v-f1db7c83]{position:absolute;top:16px;left:0;width:100%;height:1px;background-color:var(--vp-c-divider)}.title-text[data-v-f1db7c83]{position:relative;display:inline-block;padding:0 24px;letter-spacing:0;line-height:32px;font-size:20px;font-weight:500;background-color:var(--vp-c-bg)}.lead[data-v-f1db7c83]{margin:0 auto;max-width:480px;padding-top:12px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.members[data-v-f1db7c83]{padding-top:40px}.VPTeamMembersItem[data-v-1fc4c8d4]{display:flex;flex-direction:column;gap:2px;border-radius:12px;width:100%;height:100%;overflow:hidden}.VPTeamMembersItem.small .profile[data-v-1fc4c8d4]{padding:32px}.VPTeamMembersItem.small .data[data-v-1fc4c8d4]{padding-top:20px}.VPTeamMembersItem.small .avatar[data-v-1fc4c8d4]{width:64px;height:64px}.VPTeamMembersItem.small .name[data-v-1fc4c8d4]{line-height:24px;font-size:16px}.VPTeamMembersItem.small .affiliation[data-v-1fc4c8d4]{padding-top:4px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .desc[data-v-1fc4c8d4]{padding-top:12px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .links[data-v-1fc4c8d4]{margin:0 -16px -20px;padding:10px 0 0}.VPTeamMembersItem.medium .profile[data-v-1fc4c8d4]{padding:48px 32px}.VPTeamMembersItem.medium .data[data-v-1fc4c8d4]{padding-top:24px;text-align:center}.VPTeamMembersItem.medium .avatar[data-v-1fc4c8d4]{width:96px;height:96px}.VPTeamMembersItem.medium .name[data-v-1fc4c8d4]{letter-spacing:.15px;line-height:28px;font-size:20px}.VPTeamMembersItem.medium .affiliation[data-v-1fc4c8d4]{padding-top:4px;font-size:16px}.VPTeamMembersItem.medium .desc[data-v-1fc4c8d4]{padding-top:16px;max-width:288px;font-size:16px}.VPTeamMembersItem.medium .links[data-v-1fc4c8d4]{margin:0 -16px -12px;padding:16px 12px 0}.profile[data-v-1fc4c8d4]{flex-grow:1;background-color:var(--vp-c-bg-soft)}.data[data-v-1fc4c8d4]{text-align:center}.avatar[data-v-1fc4c8d4]{position:relative;flex-shrink:0;margin:0 auto;border-radius:50%;box-shadow:var(--vp-shadow-3)}.avatar-img[data-v-1fc4c8d4]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;object-fit:cover}.name[data-v-1fc4c8d4]{margin:0;font-weight:600}.affiliation[data-v-1fc4c8d4]{margin:0;font-weight:500;color:var(--vp-c-text-2)}.org.link[data-v-1fc4c8d4]{color:var(--vp-c-text-2);transition:color .25s}.org.link[data-v-1fc4c8d4]:hover{color:var(--vp-c-brand-1)}.desc[data-v-1fc4c8d4]{margin:0 auto}.desc[data-v-1fc4c8d4] a{font-weight:500;color:var(--vp-c-brand-1);text-decoration-style:dotted;transition:color .25s}.links[data-v-1fc4c8d4]{display:flex;justify-content:center;height:56px}.sp-link[data-v-1fc4c8d4]{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;font-size:14px;font-weight:500;color:var(--vp-c-sponsor);background-color:var(--vp-c-bg-soft);transition:color .25s,background-color .25s}.sp .sp-link.link[data-v-1fc4c8d4]:hover,.sp .sp-link.link[data-v-1fc4c8d4]:focus{outline:none;color:var(--vp-c-white);background-color:var(--vp-c-sponsor)}.sp-icon[data-v-1fc4c8d4]{margin-right:8px;font-size:16px}.VPTeamMembers.small .container[data-v-0295cd0b]{grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.VPTeamMembers.small.count-1 .container[data-v-0295cd0b]{max-width:276px}.VPTeamMembers.small.count-2 .container[data-v-0295cd0b]{max-width:576px}.VPTeamMembers.small.count-3 .container[data-v-0295cd0b]{max-width:876px}.VPTeamMembers.medium .container[data-v-0295cd0b]{grid-template-columns:repeat(auto-fit,minmax(256px,1fr))}@media (min-width: 375px){.VPTeamMembers.medium .container[data-v-0295cd0b]{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}}.VPTeamMembers.medium.count-1 .container[data-v-0295cd0b]{max-width:368px}.VPTeamMembers.medium.count-2 .container[data-v-0295cd0b]{max-width:760px}.container[data-v-0295cd0b]{display:grid;gap:24px;margin:0 auto;max-width:1152px}.banner[data-v-d8f62f5a]{display:flex;flex-direction:row;align-items:center;justify-content:center;position:fixed;padding:0 12px;top:0;bottom:0;left:0;right:0;z-index:61;width:100%;height:100%;height:50px;line-height:18px;background:var(--vp-c-bg);overflow:hidden;margin:0;color:#f92855;font-size:14px;border-bottom:solid 1px var(--vp-c-gutter)}.banner-close[data-v-d8f62f5a]{position:absolute;right:16px;color:var(--vp-c-text-1);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center}.banner-close>.close[data-v-d8f62f5a]{font-size:20px;font-weight:500}@media (max-width: 767px){.banner[data-v-d8f62f5a]{font-size:12px}}html.banner-fixed{--vp-layout-top-height: 50px}html.banner-fixed .VPNav,html.banner-fixed .VPSidebar{top:50px}html.banner-fixed{margin-top:52px}@media (max-width: 960px){html.banner-fixed .VPNav,html.banner-fixed .VPSidebar{top:0}}.sponsor-section[data-v-7d2a1d4b]{margin-top:100px}.sponsor h2[data-v-7d2a1d4b]{font-size:26px;text-align:center;font-weight:600;padding-bottom:34px}.sponsor h4[data-v-7d2a1d4b]{font-size:20px;font-weight:500;padding:30px 0 20px;text-align:left}.sponsor-grid[data-v-7d2a1d4b]{display:flex;flex-wrap:wrap;gap:6px}.sponsor-grid-item[data-v-7d2a1d4b]{display:flex;justify-content:center;align-items:center;width:100%;color:var(--vp-c-text-2)!important;background-color:var(--vp-c-bg-soft);border-radius:4px;transition:background-color .2s;cursor:pointer;color:inherit}.sponsor-grid-item .text[data-v-7d2a1d4b]{font-size:38px;font-weight:700;padding-left:12px}.dark .sponsor .sponsor-grid .sponsor-grid-item[data-v-7d2a1d4b]:hover{background-color:var(--vp-c-neutral);color:#0009!important}.sponsor-top-grid .item-no1[data-v-7d2a1d4b]{height:160px;font-size:16px}.sponsor-top-grid .item-no1 .image[data-v-7d2a1d4b]{height:56px}.sponsor-top-grid .item-no2-no3[data-v-7d2a1d4b]{height:140px;font-size:14px}.sponsor-top-grid .item-no2-no3 .image[data-v-7d2a1d4b]{height:46px}.sponsor-platinum-grid .item[data-v-7d2a1d4b]{height:100px}.sponsor-platinum-grid .item .image[data-v-7d2a1d4b]{height:30px}.sponsor-gold-grid .item[data-v-7d2a1d4b]{width:calc((100% - 18px)/4);height:50px}.sponsor-gold-grid .item .image[data-v-7d2a1d4b]{height:16px}@media (min-width: 640px){.sponsor-platinum-grid .item[data-v-7d2a1d4b]{width:calc((100% - 12px) / 3)}.sponsor-gold-grid .item[data-v-7d2a1d4b]{width:calc((100% - 30px)/4)}}@media (min-width: 960px){.sponsor-top-grid .item-no2-no3[data-v-7d2a1d4b]{width:calc((100% - 6px)/2)}.sponsor-platinum-grid .item[data-v-7d2a1d4b]{width:calc((100% - 18px)/4)}.sponsor-gold-grid .item[data-v-7d2a1d4b]{width:calc((100% - 54px)*.1)}}.NotFound[data-v-de22ffbd]{padding:96px 24px;text-align:center}.NotFound .logo[data-v-de22ffbd]{display:flex;flex-direction:row;align-items:center;justify-content:center}.NotFound .logo span[data-v-de22ffbd]{font-size:110px;font-weight:600}.NotFound .logo img[data-v-de22ffbd]{width:92px;margin:0 16px}@media (min-width: 768px){.NotFound[data-v-de22ffbd]{padding:128px 32px 168px}}.title[data-v-de22ffbd]{padding-top:30px;letter-spacing:2px;font-size:30px;font-weight:700}.tip[data-v-de22ffbd]{font-size:14px;color:var(--vp-c-text-2)}.action[data-v-de22ffbd]{padding-top:20px}.link[data-v-de22ffbd]{display:inline-block;border:1px solid var(--vp-c-brand);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand);transition:border-color .2s,color .2s}.link[data-v-de22ffbd]:hover{border-color:var(--vp-c-brand-light);color:var(--vp-c-brand-light)}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root),.dark::view-transition-new(root){z-index:1}::view-transition-new(root),.dark::view-transition-old(root){z-index:9999}.VPSwitchAppearance{width:22px!important}.VPSwitchAppearance .check{transform:none!important}.Tag[data-v-90b04f6b]{vertical-align:middle;padding:3px 6px;font-size:12px;border-radius:3px;background-color:var(--vp-c-indigo-1);margin:auto;color:#fff}:root{--vp-c-indigo-1: #1677FF;--vp-c-indigo-2: #3086ff;--vp-c-indigo-3: #4995ff;--vp-c-indigo-soft: rgb(22, 119, 255, .14);--vp-code-color: #476582;--vp-nav-height: 60px;--vp-button-brand-border: var(--vp-c-indigo-2);--vp-button-brand-bg: var(--vp-c-indigo-1);--vp-button-brand-hover-border: var(--vp-c-indigo-2);--vp-button-brand-hover-bg: var(--vp-c-indigo-2);--vp-button-brand-active-border: var(--vp-c-indigo-2);--vp-button-brand-active-bg: var(--vp-button-brand-bg);--vp-custom-block-font-size: 13px;--vp-custom-block-code-font-size: 12px;--vp-code-line-height: 1.6;--vp-code-font-size: 1em;--vp-home-hero-name-color: transparent;--vp-home-hero-name-background: -webkit-linear-gradient( 145deg, #2DC08E 26%, #F92855 );--vp-home-hero-image-background-image: linear-gradient( -45deg, rgba(45, 192, 142, .3), rgba(249, 40, 85, .3) );--vp-home-hero-image-filter: blur(40px)}.dark{--vp-code-color: #c9def1}body{font-size:14px}@media (min-width: 640px){:root{--vp-home-hero-image-filter: blur(60px)}}@media (min-width: 960px){:root{--vp-home-hero-image-filter: blur(80px)}}.home-section{border-top:1px solid var(--vp-c-gutter);padding:60px 24px;text-align:center}.home-section .home-section-content{margin:0 auto;max-width:1152px}.sample-chart+.vp-code-group{margin-top:0}.sample-chart+.vp-code-group .tabs{background-color:transparent;border:solid 1px var(--vp-c-divider);border-bottom:none;border-top-style:dashed;border-radius:0;margin-left:0;margin-right:0}.sample-chart+.vp-code-group div[class*=language-]{background-color:transparent;border:solid 1px var(--vp-c-divider);border-top:none;margin-left:0;margin-right:0}@media (min-width: 640px){.home-section{padding:60px 48px}}@media (min-width: 960px){.home-section{padding:60px 64px}}.style-explain[data-v-214cdbcb]{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:12px}.style-explain-item[data-v-214cdbcb]{display:flex;flex-direction:row;align-items:center;margin-right:30px;margin-top:2px}.style-explain-item strong[data-v-214cdbcb]{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:red;width:18px;height:18px;margin-right:4px;font-size:12px;border-radius:9px;color:#fff}.tooltip[data-v-002f285a]{position:relative}.tip-container[data-v-002f285a]{position:absolute;z-index:10;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);opacity:0;transition:opacity ease-in-out .2s,bottom ease-in-out .2s}.tip[data-v-002f285a]{position:relative;overflow:hidden;white-space:nowrap;padding:6px 10px;background-color:var(--vp-code-block-bg);border-radius:4px;color:var(--vp-c-text-1);font-weight:400;box-shadow:0 6px 16px -8px #00000080}.tip[data-v-002f285a]:after{display:inline-block;content:"";width:0;height:0;position:absolute;top:100%;left:calc(50% - 5px);border-left:solid 5px transparent;border-right:solid 5px transparent;border-top:solid 5px var(--vp-code-block-bg);z-index:20}.body[data-v-002f285a]{cursor:pointer}.body:hover+.tip-container[data-v-002f285a]{opacity:1;bottom:calc(100% + 10px)}.loading[data-v-8a142993]{display:flex;position:absolute;flex-direction:row;align-items:center;justify-content:center;left:0;top:0;width:100%;height:100%;z-index:10}.loader[data-v-8a142993]{width:12px;aspect-ratio:1;position:relative}.loader[data-v-8a142993]:before,.loader[data-v-8a142993]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:var(--vp-c-indigo-1)}.loader[data-v-8a142993]:before{box-shadow:-18px 0 var(--vp-c-indigo-1);animation:l8-1-8a142993 1s infinite linear}.loader[data-v-8a142993]:after{transform:rotate(0) translate(18px);animation:l8-2-8a142993 1s infinite linear}@keyframes l8-1-8a142993{to{transform:translate(18px)}}@keyframes l8-2-8a142993{to{transform:rotate(-180deg) translate(18px)}}.chart[data-v-80212305]{margin-top:16px;border-top-left-radius:8px;border-top-right-radius:8px;border:solid 1px var(--vp-c-divider);border-bottom:none}.chart-container[data-v-80212305]{padding-bottom:10px;min-height:400px;position:relative}.code-action-container[data-v-80212305]{display:flex;align-items:center;justify-content:center;height:40px;border-top:dashed 1px var(--vp-c-divider)}.code-action-container form[data-v-80212305]{display:flex;align-items:center;justify-content:center}.code-action-container a[data-v-80212305],.code-action-container button[data-v-80212305]{padding:0 8px}.code-action-container a[data-v-80212305]:last-child{margin-right:0}.code-action-container a svg[data-v-80212305],.code-action-container button svg[data-v-80212305]{fill:var(--vp-c-text-1);opacity:.68;transform:scale(1);transition:opacity linear .2s,transform linear .2s}.code-action-container a svg[data-v-80212305]:hover,.code-action-container button svg[data-v-80212305]:hover{opacity:1;transform:scale(1.2)}.VPLocalSearchBox[data-v-bfa37f89]{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex}.backdrop[data-v-bfa37f89]{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vp-backdrop-bg-color);transition:opacity .5s}.shell[data-v-bfa37f89]{position:relative;padding:12px;margin:64px auto;display:flex;flex-direction:column;gap:16px;background:var(--vp-local-search-bg);width:min(100vw - 60px,900px);height:min-content;max-height:min(100vh - 128px,900px);border-radius:6px}@media (max-width: 767px){.shell[data-v-bfa37f89]{margin:0;width:100vw;height:100vh;max-height:none;border-radius:0}}.search-bar[data-v-bfa37f89]{border:1px solid var(--vp-c-divider);border-radius:4px;display:flex;align-items:center;padding:0 12px;cursor:text}@media (max-width: 767px){.search-bar[data-v-bfa37f89]{padding:0 8px}}.search-bar[data-v-bfa37f89]:focus-within{border-color:var(--vp-c-brand-1)}.local-search-icon[data-v-bfa37f89]{display:block;font-size:18px}.navigate-icon[data-v-bfa37f89]{display:block;font-size:14px}.search-icon[data-v-bfa37f89]{margin:8px}@media (max-width: 767px){.search-icon[data-v-bfa37f89]{display:none}}.search-input[data-v-bfa37f89]{padding:6px 12px;font-size:inherit;width:100%}@media (max-width: 767px){.search-input[data-v-bfa37f89]{padding:6px 4px}}.search-actions[data-v-bfa37f89]{display:flex;gap:4px}@media (any-pointer: coarse){.search-actions[data-v-bfa37f89]{gap:8px}}@media (min-width: 769px){.search-actions.before[data-v-bfa37f89]{display:none}}.search-actions button[data-v-bfa37f89]{padding:8px}.search-actions button[data-v-bfa37f89]:not([disabled]):hover,.toggle-layout-button.detailed-list[data-v-bfa37f89]{color:var(--vp-c-brand-1)}.search-actions button.clear-button[data-v-bfa37f89]:disabled{opacity:.37}.search-keyboard-shortcuts[data-v-bfa37f89]{font-size:.8rem;opacity:75%;display:flex;flex-wrap:wrap;gap:16px;line-height:14px}.search-keyboard-shortcuts span[data-v-bfa37f89]{display:flex;align-items:center;gap:4px}@media (max-width: 767px){.search-keyboard-shortcuts[data-v-bfa37f89]{display:none}}.search-keyboard-shortcuts kbd[data-v-bfa37f89]{background:#8080801a;border-radius:4px;padding:3px 6px;min-width:24px;display:inline-block;text-align:center;vertical-align:middle;border:1px solid rgba(128,128,128,.15);box-shadow:0 2px 2px #0000001a}.results[data-v-bfa37f89]{display:flex;flex-direction:column;gap:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.result[data-v-bfa37f89]{display:flex;align-items:center;gap:8px;border-radius:4px;transition:none;line-height:1rem;border:solid 2px var(--vp-local-search-result-border);outline:none}.result>div[data-v-bfa37f89]{margin:12px;width:100%;overflow:hidden}@media (max-width: 767px){.result>div[data-v-bfa37f89]{margin:8px}}.titles[data-v-bfa37f89]{display:flex;flex-wrap:wrap;gap:4px;position:relative;z-index:1001;padding:2px 0}.title[data-v-bfa37f89]{display:flex;align-items:center;gap:4px}.title.main[data-v-bfa37f89]{font-weight:500}.title-icon[data-v-bfa37f89]{opacity:.5;font-weight:500;color:var(--vp-c-brand-1)}.title svg[data-v-bfa37f89]{opacity:.5}.result.selected[data-v-bfa37f89]{--vp-local-search-result-bg: var(--vp-local-search-result-selected-bg);border-color:var(--vp-local-search-result-selected-border)}.excerpt-wrapper[data-v-bfa37f89]{position:relative}.excerpt[data-v-bfa37f89]{opacity:75%;pointer-events:none;max-height:140px;overflow:hidden;position:relative;opacity:.5;margin-top:4px}.result.selected .excerpt[data-v-bfa37f89]{opacity:1}.excerpt[data-v-bfa37f89] *{font-size:.8rem!important;line-height:130%!important}.titles[data-v-bfa37f89] mark,.excerpt[data-v-bfa37f89] mark{background-color:var(--vp-local-search-highlight-bg);color:var(--vp-local-search-highlight-text);border-radius:2px;padding:0 2px}.excerpt[data-v-bfa37f89] .vp-code-group .tabs{display:none}.excerpt[data-v-bfa37f89] .vp-code-group div[class*=language-]{border-radius:8px!important}.excerpt-gradient-bottom[data-v-bfa37f89]{position:absolute;bottom:-1px;left:0;width:100%;height:8px;background:linear-gradient(transparent,var(--vp-local-search-result-bg));z-index:1000}.excerpt-gradient-top[data-v-bfa37f89]{position:absolute;top:-1px;left:0;width:100%;height:8px;background:linear-gradient(var(--vp-local-search-result-bg),transparent);z-index:1000}.result.selected .titles[data-v-bfa37f89],.result.selected .title-icon[data-v-bfa37f89]{color:var(--vp-c-brand-1)!important}.no-results[data-v-bfa37f89]{font-size:.9rem;text-align:center;padding:12px}svg[data-v-bfa37f89]{flex:none}
diff --git a/en-US/guide/changelog.html b/en-US/guide/changelog.html
index 27fb67aa6..a033d8a55 100644
--- a/en-US/guide/changelog.html
+++ b/en-US/guide/changelog.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>📠 Change Log | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_changelog.md.PuflNzXt.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_changelog.md.oaiDMd4e.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/changelog.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/changelog.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_changelog" data-v-a47c012d><div><h1 id="📠-change-log" tabindex="-1">📠 Change Log <a class="header-anchor" href="#📠-change-log" aria-label="Permalink to &quot;📠 Change Log&quot;">​</a></h1><h2 id="_9-8-0" tabindex="-1">9.8.0 <a class="header-anchor" href="#_9-8-0" aria-label="Permalink to &quot;9.8.0&quot;">​</a></h2><p><code>2024-03-04</code></p><ul><li>🆕 Support custom coordinate axis.</li><li>🆕 Support indicator mapping to future time.</li><li>🆕 Support folding long decimals.</li><li>🆕 Support adding data forward and backward.</li><li>🐞 Fix formatting time issue for different browsers.</li></ul><p><code>2024-01-12</code></p><ul><li>🐞 Fix the issue of ineffective indicator attributes <code>minValue</code> and <code>maxValue</code>.</li><li>🐞 Fix the display issue on the x-axis of the overlay.</li><li>💄 Optimize the display of style <code>candle.type: &#39;ohlc&#39;</code>.</li><li>💄 Optimize drawing clarity.</li></ul><h2 id="_9-7-1" tabindex="-1">9.7.1 <a class="header-anchor" href="#_9-7-1" aria-label="Permalink to &quot;9.7.1&quot;">​</a></h2><p><code>2023-12-18</code></p><ul><li>🐞 Fix indicators and overlays methods not effect error.</li><li>🐞 Fix package manager download node version dependency error.</li></ul><h2 id="_9-7-0" tabindex="-1">9.7.0 <a class="header-anchor" href="#_9-7-0" aria-label="Permalink to &quot;9.7.0&quot;">​</a></h2><p><code>2023-12-12</code></p><ul><li>🆕 Add instance apis<code>setMaxOffsetLeftDistance</code> and <code>setMaxOffsetRightDistance</code>.</li><li>🆕 Add indicator attribute <code>zLevel</code>.</li><li>💄 Optimize the rendering of the ohlc candle bar.</li><li>🐞 Fix the blurry issue with the candle bar.</li><li>🐞 Fix the rendering rules for the <code>zLevel</code> overlay.</li></ul><h2 id="_9-6-0" tabindex="-1">9.6.0 <a class="header-anchor" href="#_9-6-0" aria-label="Permalink to &quot;9.6.0&quot;">​</a></h2><p><code>2023-11-14</code></p><ul><li>🖋️ Refactor the separator module.</li><li>🆕 Chart api <code>init(ds, options)</code>, parameter <code>options</code> add <code>layout</code>.</li><li>🆕 Instance api <code>createIndicator(value, isStack, paneOptions, callback)</code>, parameter <code>PaneOptions</code> add <code>position</code>.</li><li>🆕 Style <code>candle.tooltip.custom</code> adds <code>turnover</code> string template.</li><li>💄 Optimize the style <code>overlay.text</code> configuration.</li><li>💄 Optimize the implementation of <code>utils.clone</code> and <code>utils.merge</code>.</li><li>🐞 Fix the issue of multiple overlay styles display error.</li><li>🐞 Fix the issue of multiple indicator styles display error.</li></ul><h2 id="_9-5-4" tabindex="-1">9.5.4 <a class="header-anchor" href="#_9-5-4" aria-label="Permalink to &quot;9.5.4&quot;">​</a></h2><p><code>2023-09-22</code></p><ul><li>🐞 Fix the issue of not display the latest price line when the style <code>candle.type</code> is <code>area</code>.</li><li>🐞 Fix the issue of incorrect display of the style <code>crosshair.vertical.text.paddingLeft</code>.</li></ul><h2 id="_9-5-3" tabindex="-1">9.5.3 <a class="header-anchor" href="#_9-5-3" aria-label="Permalink to &quot;9.5.3&quot;">​</a></h2><p><code>2023-09-19</code></p><ul><li>🐞 Fix typescript import error.</li></ul><h2 id="_9-5-2" tabindex="-1">9.5.2 <a class="header-anchor" href="#_9-5-2" aria-label="Permalink to &quot;9.5.2&quot;">​</a></h2><p><code>2023-09-18</code></p><ul><li>💄 Optimize the figure <code>text</code>.</li><li>💄 Optimize built-in overlays <code>simpleAnnotation</code> and <code>simpleTag</code>.</li><li>💄 Optimize the free style of technical indicators and support increment.</li><li>🐞 Fix typescript declaration issue.</li></ul><h2 id="_9-5-1" tabindex="-1">9.5.1 <a class="header-anchor" href="#_9-5-1" aria-label="Permalink to &quot;9.5.1&quot;">​</a></h2><p><code>2023-08-14</code></p><ul><li>🆕 Add chart api <code>getOverlayClass</code>.</li><li>🆕 Style configuration <code>candle.tooltip.custom</code> add built-in support <code>change</code>.</li><li>💄 Optimize figure <code>rect</code> event trigger.</li><li>↩️ Separator event trigger optimization rollback.</li></ul><h2 id="_9-5-0" tabindex="-1">9.5.0 <a class="header-anchor" href="#_9-5-0" aria-label="Permalink to &quot;9.5.0&quot;">​</a></h2><p><code>2023-06-15</code></p><ul><li>🆕 <code>Overlay</code> add event <code>onDoubleClick</code>, add property <code>modeSensitivity</code>.</li><li>🆕 Style configuration <code>candle.tooltip.custom</code> supports string templates.</li><li>🐞 Optimize the scrolling frame drop issue on the mobile side.</li><li>🐞 Fix pane id naming typo.</li><li>💄 Optimize the response sensitivity of dividing line events.</li><li>💄 Optimize the attrs type declaration in OverlayFigure under typescript.</li></ul><h2 id="_9-4-0" tabindex="-1">9.4.0 <a class="header-anchor" href="#_9-4-0" aria-label="Permalink to &quot;9.4.0&quot;">​</a></h2><p><code>2023-05-25</code></p><ul><li>🆕 Instance API &#39;createOverlay&#39; supports arrays.</li><li>🆕 <code>overlay</code> add attributes <code>paneId</code>, <code>defaultZLevel</code> and <code>zLevel</code>.</li><li>🆕 <code>xAxis</code> add methods <code>convertTimestampFromPixel</code> and <code>convertTimestampToPixel</code>.</li><li>💄 Optimize the display of candle.</li></ul><h2 id="_9-3-0" tabindex="-1">9.3.0 <a class="header-anchor" href="#_9-3-0" aria-label="Permalink to &quot;9.3.0&quot;">​</a></h2><p><code>2023-05-13</code></p><ul><li>🆕 Add chart API <code>utils.calcTextWidth</code>.</li><li>🆕 The instance APIs <code>createIndicator(value, isStack, options)</code> and <code>setPaneOptions(options)</code> have added <code>options. axisOptions</code>.</li><li>🆕 The indicator graphic configuration supports customization.</li><li>💄 Optimize the bar width ratio.</li><li>💄 Optimize internal acquisition of screen pixel ratio.</li><li>💄 Optimize internal ID generation.</li></ul><h2 id="_9-2-2" tabindex="-1">9.2.2 <a class="header-anchor" href="#_9-2-2" aria-label="Permalink to &quot;9.2.2&quot;">​</a></h2><p><code>2023-05-04</code></p><ul><li>🐞 Fix figure <code>line</code> check event error.</li><li>💄 Optimize type check.</li></ul><h2 id="_9-2-1" tabindex="-1">9.2.1 <a class="header-anchor" href="#_9-2-1" aria-label="Permalink to &quot;9.2.1&quot;">​</a></h2><p><code>2023-04-27</code></p><ul><li>💄 Optimize the default style by changing <code>#EF5350</code> to <code>#F92855</code> and <code>#26A69A</code> to <code>#2DC08E</code>.</li><li>💄 Optimize typescript declarations.</li></ul><h2 id="_9-2-0" tabindex="-1">9.2.0 <a class="header-anchor" href="#_9-2-0" aria-label="Permalink to &quot;9.2.0&quot;">​</a></h2><p><code>2023-04-24</code></p><ul><li>🆕 Add instance API <code>getOffsetRightDistance</code> and <code>executeAction</code>.</li><li>🆕 Add success callback for instance API <code>applyNewData</code>, <code>applyMoreData</code> and <code>updateData</code>.</li><li>🆕 Support the display of thousands.</li><li>🆕 Add style configuration <code>candle.bar.upBorderColor</code>, <code>candle.bar.downBorderColor</code>, <code>candle.bar.noChangeBorderColor</code>, <code>candle.bar.upWickColor</code>, <code>candle.bar.downWickColor</code>, <code>candle.bar.noChangeWickColor</code>, <code>candle.tooltip.rect.position</code> and <code>candle.tooltip.rect.offsetBottom</code>.</li><li>🆕 Add <code>realFrom</code> and <code>realTo</code> to all <code>visibleRange</code>.</li><li>💄 Optimize API, <code>klinecharts.utils.isValid</code> and <code>klinecharts.utils.formatBigNumber</code>.</li><li>💄 Optimize the log output in the development environment.</li></ul><h2 id="_9-1-3" tabindex="-1">9.1.3 <a class="header-anchor" href="#_9-1-3" aria-label="Permalink to &quot;9.1.3&quot;">​</a></h2><p><code>2023-04-15</code></p><ul><li>🐞 Fix the issue of not refreshing when the input parameter of the chart API <code>applyNewData</code> is an empty array.</li><li>🐞 Fix the issue of cross cursor text not displaying on the y-axis when there is no data.</li><li>💄 Optimize the display of area chart.</li><li>💄 Optimize coverage event callback parameters and add <code>figureKey</code> and <code>figureIndex</code>.</li><li>💄 Optimize typescript overlay style types, as well as base types <code>DeepPartial</code> and <code>DeepRequired</code>.</li></ul><h2 id="_9-1-2" tabindex="-1">9.1.2 <a class="header-anchor" href="#_9-1-2" aria-label="Permalink to &quot;9.1.2&quot;">​</a></h2><p><code>2023-04-10</code></p><ul><li>🐞 Fix the issue of inaccurate triggering events for the built-in figure <code>line</code>.</li><li>🐞 Fix the issue of triggering events for the first time after the <code>simpleAnnotation</code> and <code>simpleTag</code> built-in overlays are drawn.</li><li>💄 Optimize overlay figure to ignore events and support event selection.</li></ul><h2 id="_9-1-1" tabindex="-1">9.1.1 <a class="header-anchor" href="#_9-1-1" aria-label="Permalink to &quot;9.1.1&quot;">​</a></h2><p><code>2023-03-14</code></p><ul><li>🐞 Fix the invalidity of the built-in figure <code>arc</code>.</li><li>💄 Optimize rendering updates.</li></ul><h2 id="_9-1-0" tabindex="-1">9.1.0 <a class="header-anchor" href="#_9-1-0" aria-label="Permalink to &quot;9.1.0&quot;">​</a></h2><p><code>2023-02-23</code></p><ul><li>🆕 The chart instance method <code>subscribeAction</code> and <code>unsubscribeAction</code> types add <code>onCandleBarClick</code>.</li><li>🆕 The overlay supports double-clicking to force the end of drawing.</li><li>💄 Optimize event handling.</li></ul><h2 id="_9-0-1" tabindex="-1">9.0.1 <a class="header-anchor" href="#_9-0-1" aria-label="Permalink to &quot;9.0.1&quot;">​</a></h2><p><code>2023-02-17</code> 🐞 Fix the introduction of typescript.</p><h2 id="_9-0-0" tabindex="-1">9.0.0 <a class="header-anchor" href="#_9-0-0" aria-label="Permalink to &quot;9.0.0&quot;">​</a></h2><p><code>2023-02-16</code></p><ul><li>🛠 Typescript refactoring.</li><li>🆕 New features <ul><li>Add Y axis direction zoom and scroll.</li><li>API <ul><li>New chart methods <code>registerFigure</code>, <code>getSupportFigures</code>, <code>getFigureClass</code>, <code>rigiderOverlay</code>, <code>getSupportOverlays</code>, <code>registerLocale</code>, <code>getSupportLocales</code>, <code>registerStyles</code> are added.</li><li>New instance methods, <code>getSize</code>, <code>setLocale</code>, <code>getLocal</code>, <code>setCustomApi</code>, <code>getVisibleRange</code>, <code>createOverlay</code>, <code>getOverlayById</code>, <code>overrideOverlay</code>, <code>removeOverlay</code>.</li></ul></li><li>Style Configuration <ul><li>Add <code>candle.priceMark.last.text.borderStyle</code>, <code>candle.tooltip.icons</code>, <code>indicator.lastValueMark.text.borderStyle</code>, <code>indicator.tooltip.icons</code>, <code>crosshair.horizontal. text.borderStyle</code>, <code>crosshair.vertical.text.borderStyle</code>.</li></ul></li></ul></li><li>👉 Change <ul><li>API <ul><li>Chart method <code>extension.addTechnicalIndicatorTemplate</code> is changed to <code>registerIndicator</code>.</li><li>Chart method <code>extension.addShapeTemplate</code> is changed to <code>registerOverlay</code>.</li><li>Instance method <code>setStyleOptions</code> is changed to <code>setStyles</code>.</li><li>Instance method <code>getStyleOptions</code> is changed to <code>getStyles</code>.</li><li>Instance method <code>setPaneOptions(options)</code>, <code>options</code> add new attribute <code>gap</code>.</li><li>Instance method <code>setOffsetRightSpace</code> is changed to <code>setOffsetRightDistance</code>.</li><li>Instance method <code>createTechnicalIndicator</code> is changed to <code>createIndicator</code></li><li>Instance method <code>overlayTechnicalIndicator</code> is changed to <code>overrideIndicator</code>.</li><li>Instance method <code>getTechnicalIndicatorByPaneId</code> is changed to <code>getIndicatorByPaneId</code>.</li><li>Instance method <code>removeTechnicalIndicator</code> is changed to <code>removeIndicator</code>.</li></ul></li><li>Style Configuration <ul><li>All <code>line.style</code> options are changed to <code>solid</code> and <code>dashed</code>.</li><li>All <code>dashValue</code> is changed to <code>dashedValue</code>.</li><li><code>xAxis.height</code> is changed to <code>xAxis.size</code>, <code>xAxis.tickeText.paddingTop</code> is changed to <code>xAxis.tickeText.marinStart</code>, and <code>xAxis.tickeText.paddingBottom</code> is changed to <code>xAxis.tickeText.marinEnd</code>.</li><li><code>yAxis.height</code> is changed to <code>yAxis.size</code>, <code>yAxis.tickeText.paddingTop</code> is changed to <code>yAxis.tickeText.marinStart</code>, and <code>yAxis.tickeText.paddingBottom</code> is changed to <code>yAxis.tickeText.marinEnd</code>.</li><li><code>technicalIndicator.bar</code> is changed to <code>indicator.bars</code>, <code>technicalIndicator.line</code> is changed to <code>indicator.lines</code>，<code>technicalIndicator.circle</code> is changed to <code>indicator.circles</code></li></ul></li><li>Custom Extension <ul><li>The technical indicator attribute <code>calcParams</code> has been changed to support any type.</li><li>The technical indicator attribute <code>plots</code> is changed to <code>figures</code>.</li><li>The technical indicator attribute <code>regeneratePlots</code> is changed to&#39; regeneratefigures&#39;.</li><li>The technical indicator attribute <code>calcTechnicalIndicator</code> is changed to <code>calc</code>.</li><li>The technical indicator attribute <code>render</code> is changed to &#39;draw&#39;.</li></ul></li></ul></li><li>🗑 Abandonment <ul><li>API <ul><li>Delete instance methods <code>getWidth</code>, <code>getHeight</code>, and use <code>getSize</code> instead.</li><li>Delete instance methods <code>createShape</code>, <code>createAnnotation</code>, <code>createTag</code>, and use <code>createOverlay</code> instead.</li><li>Delete instance methods <code>removeShape</code>, <code>removeAnnotation</code>, <code>removeTag</code>. Use <code>removeOverlay</code> instead.</li><li>Delete the instance method <code>setShapeOptions</code> and use <code>overrideOverlay</code> instead.</li><li>Delete instance methods <code>createHtml</code>, <code>removeHtml</code>, <code>addTechnicalIndicatorTemplate</code>, <code>getTechnicalIndicatorTemplate</code>, <code>addShapeTemplate</code>.</li></ul></li><li>Style Configuration <ul><li>Delete <code>shape</code>, <code>annotation</code>, <code>tag</code> and use <code>overlay</code> instead.</li><li>Delete <code>candle.margin</code>，<code>technicalIndicator.margin</code>。</li></ul></li><li>Custom Extension <ul><li>The related attributes are no longer saved in the technical indicator template.</li><li>Delete <code>Shape</code> and use <code>Overlay</code> instead.</li></ul></li></ul></li></ul><h2 id="_8-x" tabindex="-1">8.x <a class="header-anchor" href="#_8-x" aria-label="Permalink to &quot;8.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/blob/v8.6.3/docs/en/changelog.md" target="_blank" rel="noreferrer">Github</a> to check the change log for 8.x.</p><h2 id="_7-x" tabindex="-1">7.x <a class="header-anchor" href="#_7-x" aria-label="Permalink to &quot;7.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/blob/v7.5.0/docs/en/changelog.md" target="_blank" rel="noreferrer">Github</a> to check the change log for 7.x.</p><h2 id="_6-x" tabindex="-1">6.x <a class="header-anchor" href="#_6-x" aria-label="Permalink to &quot;6.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/blob/v6.1.0/docs/en/CHANGELOG.md" target="_blank" rel="noreferrer">Github</a> to check the change log for 6.x.</p><h2 id="_5-x" tabindex="-1">5.x <a class="header-anchor" href="#_5-x" aria-label="Permalink to &quot;5.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/releases/tag/v5.0.0" target="_blank" rel="noreferrer">Github</a> to view the 5.x release notes.</p><h2 id="_4-x" tabindex="-1">4.x <a class="header-anchor" href="#_4-x" aria-label="Permalink to &quot;4.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/releases/tag/v4.0.0" target="_blank" rel="noreferrer">Github</a> to view the 4.x release notes.</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/changelog.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2024-03-03T16:04:56.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/v8-to-v9.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>V8 To V9</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/feedback.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Feedback</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/changelog.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/changelog.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_changelog" data-v-42bb49df><div><h1 id="📠-change-log" tabindex="-1">📠 Change Log <a class="header-anchor" href="#📠-change-log" aria-label="Permalink to &quot;📠 Change Log&quot;">​</a></h1><h2 id="_9-8-0" tabindex="-1">9.8.0 <a class="header-anchor" href="#_9-8-0" aria-label="Permalink to &quot;9.8.0&quot;">​</a></h2><p><code>2024-03-04</code></p><ul><li>🆕 Support custom coordinate axis.</li><li>🆕 Support indicator mapping to future time.</li><li>🆕 Support folding long decimals.</li><li>🆕 Support adding data forward and backward.</li><li>🐞 Fix formatting time issue for different browsers.</li></ul><p><code>2024-01-12</code></p><ul><li>🐞 Fix the issue of ineffective indicator attributes <code>minValue</code> and <code>maxValue</code>.</li><li>🐞 Fix the display issue on the x-axis of the overlay.</li><li>💄 Optimize the display of style <code>candle.type: &#39;ohlc&#39;</code>.</li><li>💄 Optimize drawing clarity.</li></ul><h2 id="_9-7-1" tabindex="-1">9.7.1 <a class="header-anchor" href="#_9-7-1" aria-label="Permalink to &quot;9.7.1&quot;">​</a></h2><p><code>2023-12-18</code></p><ul><li>🐞 Fix indicators and overlays methods not effect error.</li><li>🐞 Fix package manager download node version dependency error.</li></ul><h2 id="_9-7-0" tabindex="-1">9.7.0 <a class="header-anchor" href="#_9-7-0" aria-label="Permalink to &quot;9.7.0&quot;">​</a></h2><p><code>2023-12-12</code></p><ul><li>🆕 Add instance apis<code>setMaxOffsetLeftDistance</code> and <code>setMaxOffsetRightDistance</code>.</li><li>🆕 Add indicator attribute <code>zLevel</code>.</li><li>💄 Optimize the rendering of the ohlc candle bar.</li><li>🐞 Fix the blurry issue with the candle bar.</li><li>🐞 Fix the rendering rules for the <code>zLevel</code> overlay.</li></ul><h2 id="_9-6-0" tabindex="-1">9.6.0 <a class="header-anchor" href="#_9-6-0" aria-label="Permalink to &quot;9.6.0&quot;">​</a></h2><p><code>2023-11-14</code></p><ul><li>🖋️ Refactor the separator module.</li><li>🆕 Chart api <code>init(ds, options)</code>, parameter <code>options</code> add <code>layout</code>.</li><li>🆕 Instance api <code>createIndicator(value, isStack, paneOptions, callback)</code>, parameter <code>PaneOptions</code> add <code>position</code>.</li><li>🆕 Style <code>candle.tooltip.custom</code> adds <code>turnover</code> string template.</li><li>💄 Optimize the style <code>overlay.text</code> configuration.</li><li>💄 Optimize the implementation of <code>utils.clone</code> and <code>utils.merge</code>.</li><li>🐞 Fix the issue of multiple overlay styles display error.</li><li>🐞 Fix the issue of multiple indicator styles display error.</li></ul><h2 id="_9-5-4" tabindex="-1">9.5.4 <a class="header-anchor" href="#_9-5-4" aria-label="Permalink to &quot;9.5.4&quot;">​</a></h2><p><code>2023-09-22</code></p><ul><li>🐞 Fix the issue of not display the latest price line when the style <code>candle.type</code> is <code>area</code>.</li><li>🐞 Fix the issue of incorrect display of the style <code>crosshair.vertical.text.paddingLeft</code>.</li></ul><h2 id="_9-5-3" tabindex="-1">9.5.3 <a class="header-anchor" href="#_9-5-3" aria-label="Permalink to &quot;9.5.3&quot;">​</a></h2><p><code>2023-09-19</code></p><ul><li>🐞 Fix typescript import error.</li></ul><h2 id="_9-5-2" tabindex="-1">9.5.2 <a class="header-anchor" href="#_9-5-2" aria-label="Permalink to &quot;9.5.2&quot;">​</a></h2><p><code>2023-09-18</code></p><ul><li>💄 Optimize the figure <code>text</code>.</li><li>💄 Optimize built-in overlays <code>simpleAnnotation</code> and <code>simpleTag</code>.</li><li>💄 Optimize the free style of technical indicators and support increment.</li><li>🐞 Fix typescript declaration issue.</li></ul><h2 id="_9-5-1" tabindex="-1">9.5.1 <a class="header-anchor" href="#_9-5-1" aria-label="Permalink to &quot;9.5.1&quot;">​</a></h2><p><code>2023-08-14</code></p><ul><li>🆕 Add chart api <code>getOverlayClass</code>.</li><li>🆕 Style configuration <code>candle.tooltip.custom</code> add built-in support <code>change</code>.</li><li>💄 Optimize figure <code>rect</code> event trigger.</li><li>↩️ Separator event trigger optimization rollback.</li></ul><h2 id="_9-5-0" tabindex="-1">9.5.0 <a class="header-anchor" href="#_9-5-0" aria-label="Permalink to &quot;9.5.0&quot;">​</a></h2><p><code>2023-06-15</code></p><ul><li>🆕 <code>Overlay</code> add event <code>onDoubleClick</code>, add property <code>modeSensitivity</code>.</li><li>🆕 Style configuration <code>candle.tooltip.custom</code> supports string templates.</li><li>🐞 Optimize the scrolling frame drop issue on the mobile side.</li><li>🐞 Fix pane id naming typo.</li><li>💄 Optimize the response sensitivity of dividing line events.</li><li>💄 Optimize the attrs type declaration in OverlayFigure under typescript.</li></ul><h2 id="_9-4-0" tabindex="-1">9.4.0 <a class="header-anchor" href="#_9-4-0" aria-label="Permalink to &quot;9.4.0&quot;">​</a></h2><p><code>2023-05-25</code></p><ul><li>🆕 Instance API &#39;createOverlay&#39; supports arrays.</li><li>🆕 <code>overlay</code> add attributes <code>paneId</code>, <code>defaultZLevel</code> and <code>zLevel</code>.</li><li>🆕 <code>xAxis</code> add methods <code>convertTimestampFromPixel</code> and <code>convertTimestampToPixel</code>.</li><li>💄 Optimize the display of candle.</li></ul><h2 id="_9-3-0" tabindex="-1">9.3.0 <a class="header-anchor" href="#_9-3-0" aria-label="Permalink to &quot;9.3.0&quot;">​</a></h2><p><code>2023-05-13</code></p><ul><li>🆕 Add chart API <code>utils.calcTextWidth</code>.</li><li>🆕 The instance APIs <code>createIndicator(value, isStack, options)</code> and <code>setPaneOptions(options)</code> have added <code>options. axisOptions</code>.</li><li>🆕 The indicator graphic configuration supports customization.</li><li>💄 Optimize the bar width ratio.</li><li>💄 Optimize internal acquisition of screen pixel ratio.</li><li>💄 Optimize internal ID generation.</li></ul><h2 id="_9-2-2" tabindex="-1">9.2.2 <a class="header-anchor" href="#_9-2-2" aria-label="Permalink to &quot;9.2.2&quot;">​</a></h2><p><code>2023-05-04</code></p><ul><li>🐞 Fix figure <code>line</code> check event error.</li><li>💄 Optimize type check.</li></ul><h2 id="_9-2-1" tabindex="-1">9.2.1 <a class="header-anchor" href="#_9-2-1" aria-label="Permalink to &quot;9.2.1&quot;">​</a></h2><p><code>2023-04-27</code></p><ul><li>💄 Optimize the default style by changing <code>#EF5350</code> to <code>#F92855</code> and <code>#26A69A</code> to <code>#2DC08E</code>.</li><li>💄 Optimize typescript declarations.</li></ul><h2 id="_9-2-0" tabindex="-1">9.2.0 <a class="header-anchor" href="#_9-2-0" aria-label="Permalink to &quot;9.2.0&quot;">​</a></h2><p><code>2023-04-24</code></p><ul><li>🆕 Add instance API <code>getOffsetRightDistance</code> and <code>executeAction</code>.</li><li>🆕 Add success callback for instance API <code>applyNewData</code>, <code>applyMoreData</code> and <code>updateData</code>.</li><li>🆕 Support the display of thousands.</li><li>🆕 Add style configuration <code>candle.bar.upBorderColor</code>, <code>candle.bar.downBorderColor</code>, <code>candle.bar.noChangeBorderColor</code>, <code>candle.bar.upWickColor</code>, <code>candle.bar.downWickColor</code>, <code>candle.bar.noChangeWickColor</code>, <code>candle.tooltip.rect.position</code> and <code>candle.tooltip.rect.offsetBottom</code>.</li><li>🆕 Add <code>realFrom</code> and <code>realTo</code> to all <code>visibleRange</code>.</li><li>💄 Optimize API, <code>klinecharts.utils.isValid</code> and <code>klinecharts.utils.formatBigNumber</code>.</li><li>💄 Optimize the log output in the development environment.</li></ul><h2 id="_9-1-3" tabindex="-1">9.1.3 <a class="header-anchor" href="#_9-1-3" aria-label="Permalink to &quot;9.1.3&quot;">​</a></h2><p><code>2023-04-15</code></p><ul><li>🐞 Fix the issue of not refreshing when the input parameter of the chart API <code>applyNewData</code> is an empty array.</li><li>🐞 Fix the issue of cross cursor text not displaying on the y-axis when there is no data.</li><li>💄 Optimize the display of area chart.</li><li>💄 Optimize coverage event callback parameters and add <code>figureKey</code> and <code>figureIndex</code>.</li><li>💄 Optimize typescript overlay style types, as well as base types <code>DeepPartial</code> and <code>DeepRequired</code>.</li></ul><h2 id="_9-1-2" tabindex="-1">9.1.2 <a class="header-anchor" href="#_9-1-2" aria-label="Permalink to &quot;9.1.2&quot;">​</a></h2><p><code>2023-04-10</code></p><ul><li>🐞 Fix the issue of inaccurate triggering events for the built-in figure <code>line</code>.</li><li>🐞 Fix the issue of triggering events for the first time after the <code>simpleAnnotation</code> and <code>simpleTag</code> built-in overlays are drawn.</li><li>💄 Optimize overlay figure to ignore events and support event selection.</li></ul><h2 id="_9-1-1" tabindex="-1">9.1.1 <a class="header-anchor" href="#_9-1-1" aria-label="Permalink to &quot;9.1.1&quot;">​</a></h2><p><code>2023-03-14</code></p><ul><li>🐞 Fix the invalidity of the built-in figure <code>arc</code>.</li><li>💄 Optimize rendering updates.</li></ul><h2 id="_9-1-0" tabindex="-1">9.1.0 <a class="header-anchor" href="#_9-1-0" aria-label="Permalink to &quot;9.1.0&quot;">​</a></h2><p><code>2023-02-23</code></p><ul><li>🆕 The chart instance method <code>subscribeAction</code> and <code>unsubscribeAction</code> types add <code>onCandleBarClick</code>.</li><li>🆕 The overlay supports double-clicking to force the end of drawing.</li><li>💄 Optimize event handling.</li></ul><h2 id="_9-0-1" tabindex="-1">9.0.1 <a class="header-anchor" href="#_9-0-1" aria-label="Permalink to &quot;9.0.1&quot;">​</a></h2><p><code>2023-02-17</code> 🐞 Fix the introduction of typescript.</p><h2 id="_9-0-0" tabindex="-1">9.0.0 <a class="header-anchor" href="#_9-0-0" aria-label="Permalink to &quot;9.0.0&quot;">​</a></h2><p><code>2023-02-16</code></p><ul><li>🛠 Typescript refactoring.</li><li>🆕 New features <ul><li>Add Y axis direction zoom and scroll.</li><li>API <ul><li>New chart methods <code>registerFigure</code>, <code>getSupportFigures</code>, <code>getFigureClass</code>, <code>rigiderOverlay</code>, <code>getSupportOverlays</code>, <code>registerLocale</code>, <code>getSupportLocales</code>, <code>registerStyles</code> are added.</li><li>New instance methods, <code>getSize</code>, <code>setLocale</code>, <code>getLocal</code>, <code>setCustomApi</code>, <code>getVisibleRange</code>, <code>createOverlay</code>, <code>getOverlayById</code>, <code>overrideOverlay</code>, <code>removeOverlay</code>.</li></ul></li><li>Style Configuration <ul><li>Add <code>candle.priceMark.last.text.borderStyle</code>, <code>candle.tooltip.icons</code>, <code>indicator.lastValueMark.text.borderStyle</code>, <code>indicator.tooltip.icons</code>, <code>crosshair.horizontal. text.borderStyle</code>, <code>crosshair.vertical.text.borderStyle</code>.</li></ul></li></ul></li><li>👉 Change <ul><li>API <ul><li>Chart method <code>extension.addTechnicalIndicatorTemplate</code> is changed to <code>registerIndicator</code>.</li><li>Chart method <code>extension.addShapeTemplate</code> is changed to <code>registerOverlay</code>.</li><li>Instance method <code>setStyleOptions</code> is changed to <code>setStyles</code>.</li><li>Instance method <code>getStyleOptions</code> is changed to <code>getStyles</code>.</li><li>Instance method <code>setPaneOptions(options)</code>, <code>options</code> add new attribute <code>gap</code>.</li><li>Instance method <code>setOffsetRightSpace</code> is changed to <code>setOffsetRightDistance</code>.</li><li>Instance method <code>createTechnicalIndicator</code> is changed to <code>createIndicator</code></li><li>Instance method <code>overlayTechnicalIndicator</code> is changed to <code>overrideIndicator</code>.</li><li>Instance method <code>getTechnicalIndicatorByPaneId</code> is changed to <code>getIndicatorByPaneId</code>.</li><li>Instance method <code>removeTechnicalIndicator</code> is changed to <code>removeIndicator</code>.</li></ul></li><li>Style Configuration <ul><li>All <code>line.style</code> options are changed to <code>solid</code> and <code>dashed</code>.</li><li>All <code>dashValue</code> is changed to <code>dashedValue</code>.</li><li><code>xAxis.height</code> is changed to <code>xAxis.size</code>, <code>xAxis.tickeText.paddingTop</code> is changed to <code>xAxis.tickeText.marinStart</code>, and <code>xAxis.tickeText.paddingBottom</code> is changed to <code>xAxis.tickeText.marinEnd</code>.</li><li><code>yAxis.height</code> is changed to <code>yAxis.size</code>, <code>yAxis.tickeText.paddingTop</code> is changed to <code>yAxis.tickeText.marinStart</code>, and <code>yAxis.tickeText.paddingBottom</code> is changed to <code>yAxis.tickeText.marinEnd</code>.</li><li><code>technicalIndicator.bar</code> is changed to <code>indicator.bars</code>, <code>technicalIndicator.line</code> is changed to <code>indicator.lines</code>，<code>technicalIndicator.circle</code> is changed to <code>indicator.circles</code></li></ul></li><li>Custom Extension <ul><li>The technical indicator attribute <code>calcParams</code> has been changed to support any type.</li><li>The technical indicator attribute <code>plots</code> is changed to <code>figures</code>.</li><li>The technical indicator attribute <code>regeneratePlots</code> is changed to&#39; regeneratefigures&#39;.</li><li>The technical indicator attribute <code>calcTechnicalIndicator</code> is changed to <code>calc</code>.</li><li>The technical indicator attribute <code>render</code> is changed to &#39;draw&#39;.</li></ul></li></ul></li><li>🗑 Abandonment <ul><li>API <ul><li>Delete instance methods <code>getWidth</code>, <code>getHeight</code>, and use <code>getSize</code> instead.</li><li>Delete instance methods <code>createShape</code>, <code>createAnnotation</code>, <code>createTag</code>, and use <code>createOverlay</code> instead.</li><li>Delete instance methods <code>removeShape</code>, <code>removeAnnotation</code>, <code>removeTag</code>. Use <code>removeOverlay</code> instead.</li><li>Delete the instance method <code>setShapeOptions</code> and use <code>overrideOverlay</code> instead.</li><li>Delete instance methods <code>createHtml</code>, <code>removeHtml</code>, <code>addTechnicalIndicatorTemplate</code>, <code>getTechnicalIndicatorTemplate</code>, <code>addShapeTemplate</code>.</li></ul></li><li>Style Configuration <ul><li>Delete <code>shape</code>, <code>annotation</code>, <code>tag</code> and use <code>overlay</code> instead.</li><li>Delete <code>candle.margin</code>，<code>technicalIndicator.margin</code>。</li></ul></li><li>Custom Extension <ul><li>The related attributes are no longer saved in the technical indicator template.</li><li>Delete <code>Shape</code> and use <code>Overlay</code> instead.</li></ul></li></ul></li></ul><h2 id="_8-x" tabindex="-1">8.x <a class="header-anchor" href="#_8-x" aria-label="Permalink to &quot;8.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/blob/v8.6.3/docs/en/changelog.md" target="_blank" rel="noreferrer">Github</a> to check the change log for 8.x.</p><h2 id="_7-x" tabindex="-1">7.x <a class="header-anchor" href="#_7-x" aria-label="Permalink to &quot;7.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/blob/v7.5.0/docs/en/changelog.md" target="_blank" rel="noreferrer">Github</a> to check the change log for 7.x.</p><h2 id="_6-x" tabindex="-1">6.x <a class="header-anchor" href="#_6-x" aria-label="Permalink to &quot;6.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/blob/v6.1.0/docs/en/CHANGELOG.md" target="_blank" rel="noreferrer">Github</a> to check the change log for 6.x.</p><h2 id="_5-x" tabindex="-1">5.x <a class="header-anchor" href="#_5-x" aria-label="Permalink to &quot;5.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/releases/tag/v5.0.0" target="_blank" rel="noreferrer">Github</a> to view the 5.x release notes.</p><h2 id="_4-x" tabindex="-1">4.x <a class="header-anchor" href="#_4-x" aria-label="Permalink to &quot;4.x&quot;">​</a></h2><p>Go to <a href="https://github.com/liihuu/KLineChart/releases/tag/v4.0.0" target="_blank" rel="noreferrer">Github</a> to view the 4.x release notes.</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/changelog.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2024-03-03T16:04:56.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/v8-to-v9.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>V8 To V9</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/feedback.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Feedback</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/chart-api.html b/en-US/guide/chart-api.html
index c87d7e2c3..d71a39f3b 100644
--- a/en-US/guide/chart-api.html
+++ b/en-US/guide/chart-api.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Chart API | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_chart-api.md.cmE8v6pI.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_chart-api.md.wkTQedMh.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/chart-api.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/chart-api.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_chart-api" data-v-a47c012d><div><h1 id="chart-api" tabindex="-1">Chart API <a class="header-anchor" href="#chart-api" aria-label="Permalink to &quot;Chart API&quot;">​</a></h1><h2 id="init-ds-options" tabindex="-1">init(ds, options) <a class="header-anchor" href="#init-ds-options" aria-label="Permalink to &quot;init(ds, options)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/chart-api.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/chart-api.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_chart-api" data-v-42bb49df><div><h1 id="chart-api" tabindex="-1">Chart API <a class="header-anchor" href="#chart-api" aria-label="Permalink to &quot;Chart API&quot;">​</a></h1><h2 id="init-ds-options" tabindex="-1">init(ds, options) <a class="header-anchor" href="#init-ds-options" aria-label="Permalink to &quot;init(ds, options)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">   ds: string </span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">|</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> HTMLElement</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">   options</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">      layout?</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Array</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;{</span></span>
@@ -432,8 +432,8 @@
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">      borderRadius</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">      backgroundColor</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">   }</span></span>
-<span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">) </span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">=&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> void</span></span></code></pre></div><p>Draw text.</p><ul><li><code>ctx</code> canvas context</li><li><code>rectText</code> text parameter <ul><li><code>x</code> starting point x-axis value</li><li><code>y</code> starting point y-axis value</li><li><code>text</code> text content</li><li><code>width</code> width</li><li><code>height</code> height</li><li><code>align</code> horizontal alignment</li><li><code>baseline</code> vertical alignment</li></ul></li><li><code>styles</code> styles <ul><li><code>style</code> style</li><li><code>color</code> color</li><li><code>size</code> size</li><li><code>family</code> font</li><li><code>weight</code> weight</li><li><code>paddingLeft</code> left padding,</li><li><code>paddingTop</code> top padding,</li><li><code>paddingRight</code> right padding,</li><li><code>paddingBottom</code> bottom padding,</li><li><code>borderColor</code> border color</li><li><code>borderSize</code> border thickness</li><li><code>borderStyle</code> border style</li><li><code>borderRadius</code> border radius size</li><li><code>borderDashedValue</code> border dashed line parameter value</li><li><code>backgroundColor</code> background color</li></ul></li></ul><h3 id="utils-drawrecttext-ctx-recttext-styles-1" tabindex="-1">utils.drawRectText(ctx, rectText, styles) <a class="header-anchor" href="#utils-drawrecttext-ctx-recttext-styles-1" aria-label="Permalink to &quot;utils.drawRectText(ctx, rectText, styles)&quot;">​</a></h3><p>Same as <code>utils.drawRectText(ctx, text, styles)</code>, it is deprecated and will be deleted after v10. Please use <code>utils.drawRectText(ctx, text, styles)</code> instead.</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/chart-api.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2024-03-03T16:04:56.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/custom-axis.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Custom Axis</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/instance-api.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Instance API</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">) </span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">=&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> void</span></span></code></pre></div><p>Draw text.</p><ul><li><code>ctx</code> canvas context</li><li><code>rectText</code> text parameter <ul><li><code>x</code> starting point x-axis value</li><li><code>y</code> starting point y-axis value</li><li><code>text</code> text content</li><li><code>width</code> width</li><li><code>height</code> height</li><li><code>align</code> horizontal alignment</li><li><code>baseline</code> vertical alignment</li></ul></li><li><code>styles</code> styles <ul><li><code>style</code> style</li><li><code>color</code> color</li><li><code>size</code> size</li><li><code>family</code> font</li><li><code>weight</code> weight</li><li><code>paddingLeft</code> left padding,</li><li><code>paddingTop</code> top padding,</li><li><code>paddingRight</code> right padding,</li><li><code>paddingBottom</code> bottom padding,</li><li><code>borderColor</code> border color</li><li><code>borderSize</code> border thickness</li><li><code>borderStyle</code> border style</li><li><code>borderRadius</code> border radius size</li><li><code>borderDashedValue</code> border dashed line parameter value</li><li><code>backgroundColor</code> background color</li></ul></li></ul><h3 id="utils-drawrecttext-ctx-recttext-styles-1" tabindex="-1">utils.drawRectText(ctx, rectText, styles) <a class="header-anchor" href="#utils-drawrecttext-ctx-recttext-styles-1" aria-label="Permalink to &quot;utils.drawRectText(ctx, rectText, styles)&quot;">​</a></h3><p>Same as <code>utils.drawRectText(ctx, text, styles)</code>, it is deprecated and will be deleted after v10. Please use <code>utils.drawRectText(ctx, text, styles)</code> instead.</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/chart-api.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2024-03-03T16:04:56.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/custom-axis.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Custom Axis</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/instance-api.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Instance API</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/custom-axis.html b/en-US/guide/custom-axis.html
index 8b90d1548..6d2f72a24 100644
--- a/en-US/guide/custom-axis.html
+++ b/en-US/guide/custom-axis.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Custom Axis v9.8.0+ | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_custom-axis.md.ml_n2IOs.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_custom-axis.md.sGMOj5c1.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/custom-axis.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/custom-axis.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_custom-axis" data-v-a47c012d><div><h1 id="custom-axis-v9-8-0" tabindex="-1">Custom Axis <span class="Tag" data-v-90b04f6b><!--[-->v9.8.0+<!--]--></span> <a class="header-anchor" href="#custom-axis-v9-8-0" aria-label="Permalink to &quot;Custom Axis &lt;Tag&gt;v9.8.0+&lt;/Tag&gt;&quot;">​</a></h1><p>Chart support custom axis, which can be achieved through the chart api <a href="./chart-api.html#registerxaxis-axis">registerXAxis(axis)</a> and <a href="./chart-api.html#registeryaxis-axis">registerYAxis(axis)</a>.</p><h2 id="input-params-introduction" tabindex="-1">Input params introduction <a class="header-anchor" href="#input-params-introduction" aria-label="Permalink to &quot;Input params introduction&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/custom-axis.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/custom-axis.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_custom-axis" data-v-42bb49df><div><h1 id="custom-axis-v9-8-0" tabindex="-1">Custom Axis <span class="Tag" data-v-90b04f6b><!--[-->v9.8.0+<!--]--></span> <a class="header-anchor" href="#custom-axis-v9-8-0" aria-label="Permalink to &quot;Custom Axis &lt;Tag&gt;v9.8.0+&lt;/Tag&gt;&quot;">​</a></h1><p>Chart support custom axis, which can be achieved through the chart api <a href="./chart-api.html#registerxaxis-axis">registerXAxis(axis)</a> and <a href="./chart-api.html#registeryaxis-axis">registerYAxis(axis)</a>.</p><h2 id="input-params-introduction" tabindex="-1">Input params introduction <a class="header-anchor" href="#input-params-introduction" aria-label="Permalink to &quot;Input params introduction&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // axis name</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // implementation of create ticks</span></span>
@@ -94,8 +94,8 @@
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">    // The customYAxisName here uses the name used when customizing the y-axis instead</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">    name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> `${</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">customYAxisName</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">}`</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  }</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/custom-axis.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2024-03-03T16:04:56.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/overlay.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Overlay</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/chart-api.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Chart API</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/custom-axis.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2024-03-03T16:04:56.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/overlay.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Overlay</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/chart-api.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Chart API</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/datasource.html b/en-US/guide/datasource.html
index aa07ef7d3..71a875eb9 100644
--- a/en-US/guide/datasource.html
+++ b/en-US/guide/datasource.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>📚 Data | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_datasource.md.qxuuuQiO.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_datasource.md.vNNGCJ0f.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/datasource.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/datasource.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_datasource" data-v-a47c012d><div><h1 id="📚-data" tabindex="-1">📚 Data <a class="header-anchor" href="#📚-data" aria-label="Permalink to &quot;📚 Data&quot;">​</a></h1><p>The data required for the chart must be in a fixed format. Through the chart API <a href="./instance-api.html#applynewdata-datalist-more">applyNewData(dataList, more)</a>, <a href="./instance-api.html#applymoredatadatalist-more">applyMoreData(dataList, more)</a> and <a href="./instance-api.html#updatedatadata">updateData(data)</a> to interact data with the chart.</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/datasource.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/datasource.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_datasource" data-v-42bb49df><div><h1 id="📚-data" tabindex="-1">📚 Data <a class="header-anchor" href="#📚-data" aria-label="Permalink to &quot;📚 Data&quot;">​</a></h1><p>The data required for the chart must be in a fixed format. Through the chart API <a href="./instance-api.html#applynewdata-datalist-more">applyNewData(dataList, more)</a>, <a href="./instance-api.html#applymoredatadatalist-more">applyMoreData(dataList, more)</a> and <a href="./instance-api.html#updatedatadata">updateData(data)</a> to interact data with the chart.</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // Timestamp, millisecond, required fields</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // Open price, required fields</span></span>
@@ -34,8 +34,8 @@
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  volume</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // Turnover, a non-required field, if you need to display the technical indicators &#39;EMV&#39; and &#39;AVP&#39;, you need to fill this field with data.</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  turnover</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/datasource.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-08-19T20:26:36.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/styles.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Style Configuration</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/environment.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Environment</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/datasource.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-08-19T20:26:36.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/styles.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Style Configuration</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/environment.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Environment</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/environment.html b/en-US/guide/environment.html
index d6b29c8a0..a791ea968 100644
--- a/en-US/guide/environment.html
+++ b/en-US/guide/environment.html
@@ -5,25 +5,25 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>🏝️ Environment | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_environment.md.CNdfrxHT.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_environment.md.OgXnMEhO.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/environment.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/environment.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_environment" data-v-a47c012d><div><h1 id="🏝️-environment" tabindex="-1">🏝️ Environment <a class="header-anchor" href="#🏝️-environment" aria-label="Permalink to &quot;🏝️ Environment&quot;">​</a></h1><h2 id="browser-support" tabindex="-1">Browser support <a class="header-anchor" href="#browser-support" aria-label="Permalink to &quot;Browser support&quot;">​</a></h2><p>The chart is built based on html5 canvas and needs to run on a browser that supports canvas. If it needs to run on the mobile terminal, please use webview to load it.</p><h2 id="polyfill" tabindex="-1">Polyfill <a class="header-anchor" href="#polyfill" aria-label="Permalink to &quot;Polyfill&quot;">​</a></h2><h3 id="core-js" tabindex="-1"><a href="https://github.com/zloirock/core-js" target="_blank" rel="noreferrer">core.js</a> <a class="header-anchor" href="#core-js" aria-label="Permalink to &quot;[core.js](https://github.com/zloirock/core-js)&quot;">​</a></h3><p>The internal collection of the chart uses <code>Map</code> for compatibility with unsupported older browsers.</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">core.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/environment.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/environment.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_environment" data-v-42bb49df><div><h1 id="🏝️-environment" tabindex="-1">🏝️ Environment <a class="header-anchor" href="#🏝️-environment" aria-label="Permalink to &quot;🏝️ Environment&quot;">​</a></h1><h2 id="browser-support" tabindex="-1">Browser support <a class="header-anchor" href="#browser-support" aria-label="Permalink to &quot;Browser support&quot;">​</a></h2><p>The chart is built based on html5 canvas and needs to run on a browser that supports canvas. If it needs to run on the mobile terminal, please use webview to load it.</p><h2 id="polyfill" tabindex="-1">Polyfill <a class="header-anchor" href="#polyfill" aria-label="Permalink to &quot;Polyfill&quot;">​</a></h2><h3 id="core-js" tabindex="-1"><a href="https://github.com/zloirock/core-js" target="_blank" rel="noreferrer">core.js</a> <a class="header-anchor" href="#core-js" aria-label="Permalink to &quot;[core.js](https://github.com/zloirock/core-js)&quot;">​</a></h3><p>The internal collection of the chart uses <code>Map</code> for compatibility with unsupported older browsers.</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">core.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klincharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div><h3 id="intl-js" tabindex="-1"><a href="https://github.com/andyearnshaw/Intl.js" target="_blank" rel="noreferrer">Intl.js</a> <a class="header-anchor" href="#intl-js" aria-label="Permalink to &quot;[Intl.js](https://github.com/andyearnshaw/Intl.js)&quot;">​</a></h3><p>Charts rely on <code>Intl</code>, some browsers do not have this API.</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">intl</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">intl/local-data/jsonp/en</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klincharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/environment.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-03-17T15:26:35.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/datasource.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Datasource</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/hot-key.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Hot Key</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klincharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/environment.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-03-17T15:26:35.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/datasource.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Datasource</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/hot-key.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Hot Key</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/faq.html b/en-US/guide/faq.html
index d0a2707c1..15417d123 100644
--- a/en-US/guide/faq.html
+++ b/en-US/guide/faq.html
@@ -5,26 +5,26 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>🙋 FAQ | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_faq.md.pd9bHuij.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_faq.md.SzAwqCkH.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/faq.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/faq.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_faq" data-v-a47c012d><div><h1 id="🙋-faq" tabindex="-1">🙋 FAQ <a class="header-anchor" href="#🙋-faq" aria-label="Permalink to &quot;🙋 FAQ&quot;">​</a></h1><h2 id="after-the-chart-is-initialized-only-one-line-can-be-seen" tabindex="-1">After the chart is initialized, only one line can be seen? <a class="header-anchor" href="#after-the-chart-is-initialized-only-one-line-can-be-seen" aria-label="Permalink to &quot;After the chart is initialized, only one line can be seen?&quot;">​</a></h2><p>The chart always fills the container, checking to see if the container has height.</p><h2 id="the-candle-shows-a-line-no-fluctuation-what-to-do" tabindex="-1">The candle shows a line, no fluctuation, what to do? <a class="header-anchor" href="#the-candle-shows-a-line-no-fluctuation-what-to-do" aria-label="Permalink to &quot;The candle shows a line, no fluctuation, what to do?&quot;">​</a></h2><p>Chart default price precision is two decimal, call <code>setPriceVolumePrecision(pricePrecision, volumePrecision)</code> to set the precision.</p><h2 id="how-to-create-a-real-time-chart" tabindex="-1">How to create a real-time chart? <a class="header-anchor" href="#how-to-create-a-real-time-chart" aria-label="Permalink to &quot;How to create a real-time chart?&quot;">​</a></h2><p>Through style settings.</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">setStyles</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/faq.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/faq.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_faq" data-v-42bb49df><div><h1 id="🙋-faq" tabindex="-1">🙋 FAQ <a class="header-anchor" href="#🙋-faq" aria-label="Permalink to &quot;🙋 FAQ&quot;">​</a></h1><h2 id="after-the-chart-is-initialized-only-one-line-can-be-seen" tabindex="-1">After the chart is initialized, only one line can be seen? <a class="header-anchor" href="#after-the-chart-is-initialized-only-one-line-can-be-seen" aria-label="Permalink to &quot;After the chart is initialized, only one line can be seen?&quot;">​</a></h2><p>The chart always fills the container, checking to see if the container has height.</p><h2 id="the-candle-shows-a-line-no-fluctuation-what-to-do" tabindex="-1">The candle shows a line, no fluctuation, what to do? <a class="header-anchor" href="#the-candle-shows-a-line-no-fluctuation-what-to-do" aria-label="Permalink to &quot;The candle shows a line, no fluctuation, what to do?&quot;">​</a></h2><p>Chart default price precision is two decimal, call <code>setPriceVolumePrecision(pricePrecision, volumePrecision)</code> to set the precision.</p><h2 id="how-to-create-a-real-time-chart" tabindex="-1">How to create a real-time chart? <a class="header-anchor" href="#how-to-create-a-real-time-chart" aria-label="Permalink to &quot;How to create a real-time chart?&quot;">​</a></h2><p>Through style settings.</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">setStyles</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  candle</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">    type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">area</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  },</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div><h2 id="built-in-technical-indicators-calculated-data-is-not-what-you-want-how-to-do" tabindex="-1">Built-in technical indicators, calculated data is not what you want, how to do? <a class="header-anchor" href="#built-in-technical-indicators-calculated-data-is-not-what-you-want-how-to-do" aria-label="Permalink to &quot;Built-in technical indicators, calculated data is not what you want, how to do?&quot;">​</a></h2><p>You can override <code>calc</code> by the chart method <code>createIndicator</code> or <code>overrideIndicator</code>.</p><h2 id="what-if-i-want-to-create-an-indicator-other-than-the-built-in-technical-indicator" tabindex="-1">What if I want to create an indicator other than the built-in technical indicator? <a class="header-anchor" href="#what-if-i-want-to-create-an-indicator-other-than-the-built-in-technical-indicator" aria-label="Permalink to &quot;What if I want to create an indicator other than the built-in technical indicator?&quot;">​</a></h2><p>Charts support custom technical indicators, see <a href="./indicator.html">indicators</a> for details.</p><h2 id="want-to-mark-the-point-of-sale-how-should-do" tabindex="-1">Want to mark the point of sale, how should do? <a class="header-anchor" href="#want-to-mark-the-point-of-sale-how-should-do" aria-label="Permalink to &quot;Want to mark the point of sale, how should do?&quot;">​</a></h2><p>Overlays can be used. The built-in overlay has a <code>simpleAnnotation</code>, which can be created with the chart api <code>createOverlay({ name: &#39;simpleAnnotation&#39;, ... }, paneId)</code>.</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/faq.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-04-15T11:18:21.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/instance-api.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Instance API</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/v8-to-v9.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>V8 To V9</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div><h2 id="built-in-technical-indicators-calculated-data-is-not-what-you-want-how-to-do" tabindex="-1">Built-in technical indicators, calculated data is not what you want, how to do? <a class="header-anchor" href="#built-in-technical-indicators-calculated-data-is-not-what-you-want-how-to-do" aria-label="Permalink to &quot;Built-in technical indicators, calculated data is not what you want, how to do?&quot;">​</a></h2><p>You can override <code>calc</code> by the chart method <code>createIndicator</code> or <code>overrideIndicator</code>.</p><h2 id="what-if-i-want-to-create-an-indicator-other-than-the-built-in-technical-indicator" tabindex="-1">What if I want to create an indicator other than the built-in technical indicator? <a class="header-anchor" href="#what-if-i-want-to-create-an-indicator-other-than-the-built-in-technical-indicator" aria-label="Permalink to &quot;What if I want to create an indicator other than the built-in technical indicator?&quot;">​</a></h2><p>Charts support custom technical indicators, see <a href="./indicator.html">indicators</a> for details.</p><h2 id="want-to-mark-the-point-of-sale-how-should-do" tabindex="-1">Want to mark the point of sale, how should do? <a class="header-anchor" href="#want-to-mark-the-point-of-sale-how-should-do" aria-label="Permalink to &quot;Want to mark the point of sale, how should do?&quot;">​</a></h2><p>Overlays can be used. The built-in overlay has a <code>simpleAnnotation</code>, which can be created with the chart api <code>createOverlay({ name: &#39;simpleAnnotation&#39;, ... }, paneId)</code>.</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/faq.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-04-15T11:18:21.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/instance-api.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Instance API</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/v8-to-v9.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>V8 To V9</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/feedback.html b/en-US/guide/feedback.html
index d3d58bec0..86d5d5624 100644
--- a/en-US/guide/feedback.html
+++ b/en-US/guide/feedback.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>💬 Feedback | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_feedback.md.JJEH-tah.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_feedback.md.3xu-SDzA.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/feedback.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/feedback.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_feedback" data-v-a47c012d><div><h1 id="💬-feedback" tabindex="-1">💬 Feedback <a class="header-anchor" href="#💬-feedback" aria-label="Permalink to &quot;💬 Feedback&quot;">​</a></h1><h2 id="github" tabindex="-1">Github <a class="header-anchor" href="#github" aria-label="Permalink to &quot;Github&quot;">​</a></h2><ul><li>Issues: <a href="https://github.com/liihuu/KLineChart/issues" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/issues</a></li><li>Discussions: <a href="https://github.com/liihuu/KLineChart/discussions" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/discussions</a></li></ul><h2 id="telegram" tabindex="-1">Telegram <a class="header-anchor" href="#telegram" aria-label="Permalink to &quot;Telegram&quot;">​</a></h2><p><a href="https://t.me/+098syuQtzI0yNzll" target="_blank" rel="noreferrer">https://t.me/+098syuQtzI0yNzll</a></p><h2 id="discord" tabindex="-1">Discord <a class="header-anchor" href="#discord" aria-label="Permalink to &quot;Discord&quot;">​</a></h2><p><a href="https://discord.gg/7YjHYgvvvZ" target="_blank" rel="noreferrer">https://discord.gg/7YjHYgvvvZ</a></p><h2 id="wechat-discussion-group" tabindex="-1">Wechat discussion group <a class="header-anchor" href="#wechat-discussion-group" aria-label="Permalink to &quot;Wechat discussion group&quot;">​</a></h2><p>Scan to add developers, note KLineChart, and join the group chat. <img style="width:180px;margin-top:10px;" src="/images/wechat.jpeg"></p><h2 id="qq-discussion-group" tabindex="-1">QQ discussion group <a class="header-anchor" href="#qq-discussion-group" aria-label="Permalink to &quot;QQ discussion group&quot;">​</a></h2><img style="width:180px;margin-top:10px;" src="/images/qq_group_qr_code.png"></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/feedback.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-05-24T20:06:48.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/changelog.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Changelog</span><!--]--></a></div><div class="pager" data-v-5583ab76><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/feedback.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/feedback.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_feedback" data-v-42bb49df><div><h1 id="💬-feedback" tabindex="-1">💬 Feedback <a class="header-anchor" href="#💬-feedback" aria-label="Permalink to &quot;💬 Feedback&quot;">​</a></h1><h2 id="github" tabindex="-1">Github <a class="header-anchor" href="#github" aria-label="Permalink to &quot;Github&quot;">​</a></h2><ul><li>Issues: <a href="https://github.com/liihuu/KLineChart/issues" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/issues</a></li><li>Discussions: <a href="https://github.com/liihuu/KLineChart/discussions" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/discussions</a></li></ul><h2 id="telegram" tabindex="-1">Telegram <a class="header-anchor" href="#telegram" aria-label="Permalink to &quot;Telegram&quot;">​</a></h2><p><a href="https://t.me/+098syuQtzI0yNzll" target="_blank" rel="noreferrer">https://t.me/+098syuQtzI0yNzll</a></p><h2 id="discord" tabindex="-1">Discord <a class="header-anchor" href="#discord" aria-label="Permalink to &quot;Discord&quot;">​</a></h2><p><a href="https://discord.gg/7YjHYgvvvZ" target="_blank" rel="noreferrer">https://discord.gg/7YjHYgvvvZ</a></p><h2 id="wechat-discussion-group" tabindex="-1">Wechat discussion group <a class="header-anchor" href="#wechat-discussion-group" aria-label="Permalink to &quot;Wechat discussion group&quot;">​</a></h2><p>Scan to add developers, note KLineChart, and join the group chat. <img style="width:180px;margin-top:10px;" src="/images/wechat.jpeg"></p><h2 id="qq-discussion-group" tabindex="-1">QQ discussion group <a class="header-anchor" href="#qq-discussion-group" aria-label="Permalink to &quot;QQ discussion group&quot;">​</a></h2><img style="width:180px;margin-top:10px;" src="/images/qq_group_qr_code.png"></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/feedback.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-05-24T20:06:48.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/changelog.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Changelog</span><!--]--></a></div><div class="pager" data-v-8dd15667><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/figure.html b/en-US/guide/figure.html
index 34853fe44..a39cd2e09 100644
--- a/en-US/guide/figure.html
+++ b/en-US/guide/figure.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Figure | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_figure.md.eDRtTELF.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_figure.md.JPACf3cm.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/figure.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/figure.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_figure" data-v-a47c012d><div><h1 id="figure" tabindex="-1">Figure <a class="header-anchor" href="#figure" aria-label="Permalink to &quot;Figure&quot;">​</a></h1><p>Figure are an important part of the chart. All elements on the chart are composed of figures. If you need to make complex custom technical indicators and overlays, it is recommended to read carefully. This document describes the built-in figures and how to customize a figure. The basic figure can be obtained through the chart method <code>klinecharts.getFigureClass(name)</code>.</p><h2 id="example-of-use" tabindex="-1">Example of use <a class="header-anchor" href="#example-of-use" aria-label="Permalink to &quot;Example of use&quot;">​</a></h2><div class="warning custom-block"><p class="custom-block-title">Note</p><p>It needs to be used when there is a canvas context.</p></div><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// Get the figure class</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/figure.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/figure.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_figure" data-v-42bb49df><div><h1 id="figure" tabindex="-1">Figure <a class="header-anchor" href="#figure" aria-label="Permalink to &quot;Figure&quot;">​</a></h1><p>Figure are an important part of the chart. All elements on the chart are composed of figures. If you need to make complex custom technical indicators and overlays, it is recommended to read carefully. This document describes the built-in figures and how to customize a figure. The basic figure can be obtained through the chart method <code>klinecharts.getFigureClass(name)</code>.</p><h2 id="example-of-use" tabindex="-1">Example of use <a class="header-anchor" href="#example-of-use" aria-label="Permalink to &quot;Example of use&quot;">​</a></h2><div class="warning custom-block"><p class="custom-block-title">Note</p><p>It needs to be used when there is a canvas context.</p></div><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// Get the figure class</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// name is the name of the figure, such as &#39;arc&#39;, &#39;circle&#39;, etc.</span></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">const</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> Figure</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getFigureClass</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(name)</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// instantiate and draw</span></span>
@@ -262,8 +262,8 @@
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">       ctx</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">stroke</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">()</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">     }</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">   }</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div><p>So a custom figure is completed.</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/figure.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-08-19T20:26:36.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/i18n.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Internationalization</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/indicator.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Indicator</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div><p>So a custom figure is completed.</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/figure.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-08-19T20:26:36.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/i18n.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Internationalization</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/indicator.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Indicator</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/getting-started.html b/en-US/guide/getting-started.html
index bc35d5c44..f6efc6ac1 100644
--- a/en-US/guide/getting-started.html
+++ b/en-US/guide/getting-started.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>🚀 Getting started | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_getting-started.md.B44rFZxd.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_getting-started.md.6h25yVqP.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/getting-started.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/getting-started.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_getting-started" data-v-a47c012d><div><h1 id="🚀-getting-started" tabindex="-1">🚀 Getting started <a class="header-anchor" href="#🚀-getting-started" aria-label="Permalink to &quot;🚀 Getting started&quot;">​</a></h1><h2 id="get-klinechart" tabindex="-1">Get KLineChart <a class="header-anchor" href="#get-klinechart" aria-label="Permalink to &quot;Get KLineChart&quot;">​</a></h2><p>KLineChart supports multiple download methods, you can get it through package management tools such as <code>npm</code> or <code>yarn</code>, or through <code>CDN</code>.</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-2FVH7" id="tab-jb7fL11" checked="checked"><label for="tab-jb7fL11">npm</label><input type="radio" name="group-2FVH7" id="tab-Oav_yuU"><label for="tab-Oav_yuU">yarn</label><input type="radio" name="group-2FVH7" id="tab-qnrkhpK"><label for="tab-qnrkhpK">cdn</label></div><div class="blocks"><div class="language-bash vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">npm</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> install</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">yarn</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> add</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">text/javascript</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> src</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">https://cdn.jsdelivr.net/npm/klinecharts/dist/umd/klinecharts.min.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;&lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre></div></div></div><h2 id="create-the-first-chart" tabindex="-1">Create the first chart <a class="header-anchor" href="#create-the-first-chart" aria-label="Permalink to &quot;Create the first chart&quot;">​</a></h2><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-3zJuS" id="tab-NPbK0x1" checked="checked"><label for="tab-NPbK0x1">React</label><input type="radio" name="group-3zJuS" id="tab-wEdDzXc"><label for="tab-wEdDzXc">Vue</label><input type="radio" name="group-3zJuS" id="tab-2_HmTet"><label for="tab-2_HmTet">Angular</label><input type="radio" name="group-3zJuS" id="tab-twiSS59"><label for="tab-twiSS59">Preact</label><input type="radio" name="group-3zJuS" id="tab-2BDYdKA"><label for="tab-2BDYdKA">Solid</label><input type="radio" name="group-3zJuS" id="tab-n5ICnkB"><label for="tab-n5ICnkB">Svelte</label><input type="radio" name="group-3zJuS" id="tab-PDfLQyE"><label for="tab-PDfLQyE">Vanilla</label></div><div class="blocks"><div class="language-jsx vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">jsx</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> useEffect</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">react</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/getting-started.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/getting-started.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_getting-started" data-v-42bb49df><div><h1 id="🚀-getting-started" tabindex="-1">🚀 Getting started <a class="header-anchor" href="#🚀-getting-started" aria-label="Permalink to &quot;🚀 Getting started&quot;">​</a></h1><h2 id="get-klinechart" tabindex="-1">Get KLineChart <a class="header-anchor" href="#get-klinechart" aria-label="Permalink to &quot;Get KLineChart&quot;">​</a></h2><p>KLineChart supports multiple download methods, you can get it through package management tools such as <code>npm</code> or <code>yarn</code>, or through <code>CDN</code>.</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-Ebl9M" id="tab-14xhfjp" checked="checked"><label for="tab-14xhfjp">npm</label><input type="radio" name="group-Ebl9M" id="tab-Zaqsj08"><label for="tab-Zaqsj08">yarn</label><input type="radio" name="group-Ebl9M" id="tab-XscwlWU"><label for="tab-XscwlWU">cdn</label></div><div class="blocks"><div class="language-bash vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">npm</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> install</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">yarn</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> add</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">text/javascript</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> src</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">https://cdn.jsdelivr.net/npm/klinecharts/dist/umd/klinecharts.min.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;&lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre></div></div></div><h2 id="create-the-first-chart" tabindex="-1">Create the first chart <a class="header-anchor" href="#create-the-first-chart" aria-label="Permalink to &quot;Create the first chart&quot;">​</a></h2><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-klCRw" id="tab-7hqK2YN" checked="checked"><label for="tab-7hqK2YN">React</label><input type="radio" name="group-klCRw" id="tab-lVhVUJ2"><label for="tab-lVhVUJ2">Vue</label><input type="radio" name="group-klCRw" id="tab-_ckUeqj"><label for="tab-_ckUeqj">Angular</label><input type="radio" name="group-klCRw" id="tab-uR-mlgW"><label for="tab-uR-mlgW">Preact</label><input type="radio" name="group-klCRw" id="tab-5CmeICk"><label for="tab-5CmeICk">Solid</label><input type="radio" name="group-klCRw" id="tab-mF9f_Rs"><label for="tab-mF9f_Rs">Svelte</label><input type="radio" name="group-klCRw" id="tab-_2EcwmF"><label for="tab-_2EcwmF">Vanilla</label></div><div class="blocks"><div class="language-jsx vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">jsx</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> useEffect</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">react</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> dispose</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">export</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> default</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> ()</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -230,8 +230,8 @@
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">      }</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">    &lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  &lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">body</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">html</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre></div></div></div><p>This completes your first chart creation.</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/getting-started.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-10-28T21:31:46.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/what-is-klinechart.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>What is KLineChart?</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/styles.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Style Configuration</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">html</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre></div></div></div><p>This completes your first chart creation.</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/getting-started.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2024-03-04T15:42:38.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/what-is-klinechart.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>What is KLineChart?</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/styles.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Style Configuration</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/hot-key.html b/en-US/guide/hot-key.html
index ff1497148..a391dfa4e 100644
--- a/en-US/guide/hot-key.html
+++ b/en-US/guide/hot-key.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>⌨️ Hot Key | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_hot-key.md.rgHqonm8.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_hot-key.md.dz6HVI4o.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/hot-key.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/hot-key.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_hot-key" data-v-a47c012d><div><h1 id="⌨️-hot-key" tabindex="-1">⌨️ Hot Key <a class="header-anchor" href="#⌨️-hot-key" aria-label="Permalink to &quot;⌨️ Hot Key&quot;">​</a></h1><p>Currently only supports moving and zooming.</p><ul><li><code>shift</code> + <code>→</code> move right</li><li><code>shift</code> + <code>←</code> move left</li><li><code>shift</code> + <code>+</code> zoom in</li><li><code>shift</code> + <code>-</code> zoom out</li></ul></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/hot-key.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-03-17T15:26:35.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/environment.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Environment</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/i18n.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Internationalization</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/hot-key.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/hot-key.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_hot-key" data-v-42bb49df><div><h1 id="⌨️-hot-key" tabindex="-1">⌨️ Hot Key <a class="header-anchor" href="#⌨️-hot-key" aria-label="Permalink to &quot;⌨️ Hot Key&quot;">​</a></h1><p>Currently only supports moving and zooming.</p><ul><li><code>shift</code> + <code>→</code> move right</li><li><code>shift</code> + <code>←</code> move left</li><li><code>shift</code> + <code>+</code> zoom in</li><li><code>shift</code> + <code>-</code> zoom out</li></ul></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/hot-key.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-03-17T15:26:35.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/environment.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Environment</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/i18n.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Internationalization</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/i18n.html b/en-US/guide/i18n.html
index cc69ba9ef..af7838305 100644
--- a/en-US/guide/i18n.html
+++ b/en-US/guide/i18n.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>🌏 Internationalization | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_i18n.md.AvfNv76i.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_i18n.md.pHHaeKrO.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/i18n.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/i18n.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_i18n" data-v-a47c012d><div><h1 id="🌏-internationalization" tabindex="-1">🌏 Internationalization <a class="header-anchor" href="#🌏-internationalization" aria-label="Permalink to &quot;🌏 Internationalization&quot;">​</a></h1><p>Currently, the chart has two built-in <code>en-US</code> and <code>zh-CN</code>. The default language is <code>en-US</code>. If you need to use other languages, you can refer to the following scheme.</p><h2 id="adding-new-language" tabindex="-1">Adding new language <a class="header-anchor" href="#adding-new-language" aria-label="Permalink to &quot;Adding new language&quot;">​</a></h2><p>Adding new language is accomplished through <code>klinecharts.registerLocale(key, locales)</code>.</p><p>For example, to add traditional Chinese language, you can do this,</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">registerLocale</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">zh-HK</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/i18n.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/i18n.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_i18n" data-v-42bb49df><div><h1 id="🌏-internationalization" tabindex="-1">🌏 Internationalization <a class="header-anchor" href="#🌏-internationalization" aria-label="Permalink to &quot;🌏 Internationalization&quot;">​</a></h1><p>Currently, the chart has two built-in <code>en-US</code> and <code>zh-CN</code>. The default language is <code>en-US</code>. If you need to use other languages, you can refer to the following scheme.</p><h2 id="adding-new-language" tabindex="-1">Adding new language <a class="header-anchor" href="#adding-new-language" aria-label="Permalink to &quot;Adding new language&quot;">​</a></h2><p>Adding new language is accomplished through <code>klinecharts.registerLocale(key, locales)</code>.</p><p>For example, to add traditional Chinese language, you can do this,</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">registerLocale</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">zh-HK</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  time</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">時間：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  open</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">開：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  high</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">高：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
@@ -28,8 +28,8 @@
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  volume</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">成交量：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  turnover</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">成交額：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  change</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">漲幅：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span></span></code></pre></div><h2 id="use-new-language" tabindex="-1">Use new language <a class="header-anchor" href="#use-new-language" aria-label="Permalink to &quot;Use new language&quot;">​</a></h2><p>After adding new language, you can complete language switching through the chart API <code>init(options)</code> or <code>setLocale(key)</code>.</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/i18n.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-11-07T16:26:59.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><!----></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/what-is-klinechart.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>What is KLineChart?</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span></span></code></pre></div><h2 id="use-new-language" tabindex="-1">Use new language <a class="header-anchor" href="#use-new-language" aria-label="Permalink to &quot;Use new language&quot;">​</a></h2><p>After adding new language, you can complete language switching through the chart API <code>init(options)</code> or <code>setLocale(key)</code>.</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/i18n.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-11-07T16:26:59.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><!----></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/what-is-klinechart.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>What is KLineChart?</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/indicator.html b/en-US/guide/indicator.html
index 62cbb5f4f..77c5baf72 100644
--- a/en-US/guide/indicator.html
+++ b/en-US/guide/indicator.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Technical indicator | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_indicator.md.eZNsWP3p.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_indicator.md.KL5sZ2Xa.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/indicator.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/indicator.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_indicator" data-v-a47c012d><div><h1 id="technical-indicator" tabindex="-1">Technical indicator <a class="header-anchor" href="#technical-indicator" aria-label="Permalink to &quot;Technical indicator&quot;">​</a></h1><p>This document introduces the built-in technical indicators in the chart and how to customize a technical indicator.</p><h2 id="built-in-technical-indicators" tabindex="-1">Built-in technical indicators <a class="header-anchor" href="#built-in-technical-indicators" aria-label="Permalink to &quot;Built-in technical indicators&quot;">​</a></h2><table><thead><tr><th style="text-align:center;"><strong>Name</strong></th><th style="text-align:center;"><strong>Default calc params</strong></th><th style="text-align:center;"><strong>Name</strong></th><th style="text-align:center;"><strong>Default calc params</strong></th><th style="text-align:center;"><strong>Name</strong></th><th style="text-align:center;"><strong>Default calc params</strong></th></tr></thead><tbody><tr><td style="text-align:center;">MA</td><td style="text-align:center;">[5, 10, 30, 60]</td><td style="text-align:center;">BIAS</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">VR</td><td style="text-align:center;">[24, 30]</td></tr><tr><td style="text-align:center;">EMA</td><td style="text-align:center;">[6, 12, 20]</td><td style="text-align:center;">BRAR</td><td style="text-align:center;">[26]</td><td style="text-align:center;">WR</td><td style="text-align:center;">[6, 10, 14]</td></tr><tr><td style="text-align:center;">SMA</td><td style="text-align:center;">[12, 2]</td><td style="text-align:center;">CCI</td><td style="text-align:center;">[13]</td><td style="text-align:center;">MTM</td><td style="text-align:center;">[6, 10]</td></tr><tr><td style="text-align:center;">BBI</td><td style="text-align:center;">[3, 6, 12, 24]</td><td style="text-align:center;">DMI</td><td style="text-align:center;">[14, 6]</td><td style="text-align:center;">EMV</td><td style="text-align:center;">[14, 9]</td></tr><tr><td style="text-align:center;">VOL</td><td style="text-align:center;">[5, 10, 20]</td><td style="text-align:center;">CR</td><td style="text-align:center;">[26, 10, 20, 40, 60]</td><td style="text-align:center;">SAR</td><td style="text-align:center;">[2, 2, 20]</td></tr><tr><td style="text-align:center;">MACD</td><td style="text-align:center;">[12, 26, 9]</td><td style="text-align:center;">PSY</td><td style="text-align:center;">[12, 6]</td><td style="text-align:center;">AO</td><td style="text-align:center;">[5, 34]</td></tr><tr><td style="text-align:center;">BOLL</td><td style="text-align:center;">[20]</td><td style="text-align:center;">DMA</td><td style="text-align:center;">[10, 50, 10]</td><td style="text-align:center;">ROC</td><td style="text-align:center;">[12, 6]</td></tr><tr><td style="text-align:center;">KDJ</td><td style="text-align:center;">[9, 3, 3]</td><td style="text-align:center;">TRIX</td><td style="text-align:center;">[12, 20]</td><td style="text-align:center;">PVT</td><td style="text-align:center;">None</td></tr><tr><td style="text-align:center;">RSI</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">OBV</td><td style="text-align:center;">[30]</td><td style="text-align:center;">AVP</td><td style="text-align:center;">None</td></tr></tbody></table><h2 id="custom-technical-indicators" tabindex="-1">Custom Technical Indicators <a class="header-anchor" href="#custom-technical-indicators" aria-label="Permalink to &quot;Custom Technical Indicators&quot;">​</a></h2><p>To create a custom technical indicator, you only need to generate a technical indicator information, and then add it globally through <code>klinecharts.registerIndicator</code>, add it to the chart and use it like the built-in technical indicator.</p><h3 id="attribute-description" tabindex="-1">Attribute description <a class="header-anchor" href="#attribute-description" aria-label="Permalink to &quot;Attribute description&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/indicator.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/indicator.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_indicator" data-v-42bb49df><div><h1 id="technical-indicator" tabindex="-1">Technical indicator <a class="header-anchor" href="#technical-indicator" aria-label="Permalink to &quot;Technical indicator&quot;">​</a></h1><p>This document introduces the built-in technical indicators in the chart and how to customize a technical indicator.</p><h2 id="built-in-technical-indicators" tabindex="-1">Built-in technical indicators <a class="header-anchor" href="#built-in-technical-indicators" aria-label="Permalink to &quot;Built-in technical indicators&quot;">​</a></h2><table><thead><tr><th style="text-align:center;"><strong>Name</strong></th><th style="text-align:center;"><strong>Default calc params</strong></th><th style="text-align:center;"><strong>Name</strong></th><th style="text-align:center;"><strong>Default calc params</strong></th><th style="text-align:center;"><strong>Name</strong></th><th style="text-align:center;"><strong>Default calc params</strong></th></tr></thead><tbody><tr><td style="text-align:center;">MA</td><td style="text-align:center;">[5, 10, 30, 60]</td><td style="text-align:center;">BIAS</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">VR</td><td style="text-align:center;">[24, 30]</td></tr><tr><td style="text-align:center;">EMA</td><td style="text-align:center;">[6, 12, 20]</td><td style="text-align:center;">BRAR</td><td style="text-align:center;">[26]</td><td style="text-align:center;">WR</td><td style="text-align:center;">[6, 10, 14]</td></tr><tr><td style="text-align:center;">SMA</td><td style="text-align:center;">[12, 2]</td><td style="text-align:center;">CCI</td><td style="text-align:center;">[13]</td><td style="text-align:center;">MTM</td><td style="text-align:center;">[6, 10]</td></tr><tr><td style="text-align:center;">BBI</td><td style="text-align:center;">[3, 6, 12, 24]</td><td style="text-align:center;">DMI</td><td style="text-align:center;">[14, 6]</td><td style="text-align:center;">EMV</td><td style="text-align:center;">[14, 9]</td></tr><tr><td style="text-align:center;">VOL</td><td style="text-align:center;">[5, 10, 20]</td><td style="text-align:center;">CR</td><td style="text-align:center;">[26, 10, 20, 40, 60]</td><td style="text-align:center;">SAR</td><td style="text-align:center;">[2, 2, 20]</td></tr><tr><td style="text-align:center;">MACD</td><td style="text-align:center;">[12, 26, 9]</td><td style="text-align:center;">PSY</td><td style="text-align:center;">[12, 6]</td><td style="text-align:center;">AO</td><td style="text-align:center;">[5, 34]</td></tr><tr><td style="text-align:center;">BOLL</td><td style="text-align:center;">[20]</td><td style="text-align:center;">DMA</td><td style="text-align:center;">[10, 50, 10]</td><td style="text-align:center;">ROC</td><td style="text-align:center;">[12, 6]</td></tr><tr><td style="text-align:center;">KDJ</td><td style="text-align:center;">[9, 3, 3]</td><td style="text-align:center;">TRIX</td><td style="text-align:center;">[12, 20]</td><td style="text-align:center;">PVT</td><td style="text-align:center;">None</td></tr><tr><td style="text-align:center;">RSI</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">OBV</td><td style="text-align:center;">[30]</td><td style="text-align:center;">AVP</td><td style="text-align:center;">None</td></tr></tbody></table><h2 id="custom-technical-indicators" tabindex="-1">Custom Technical Indicators <a class="header-anchor" href="#custom-technical-indicators" aria-label="Permalink to &quot;Custom Technical Indicators&quot;">​</a></h2><p>To create a custom technical indicator, you only need to generate a technical indicator information, and then add it globally through <code>klinecharts.registerIndicator</code>, add it to the chart and use it like the built-in technical indicator.</p><h3 id="attribute-description" tabindex="-1">Attribute description <a class="header-anchor" href="#attribute-description" aria-label="Permalink to &quot;Attribute description&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // indicator name</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // The short name of the indicator, used for display, the name will be displayed by default</span></span>
@@ -260,8 +260,8 @@
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">       return</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> ma</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">     }</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">)</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">   }</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div><p>So a custom indicator is completed.</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/indicator.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-12-11T20:52:55.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/figure.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Figure</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/overlay.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Overlay</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div><p>So a custom indicator is completed.</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/indicator.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-12-11T20:52:55.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/figure.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Figure</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/overlay.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Overlay</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/instance-api.html b/en-US/guide/instance-api.html
index 20c8b0568..f233ad233 100644
--- a/en-US/guide/instance-api.html
+++ b/en-US/guide/instance-api.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Instance API | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_instance-api.md.J-9lOfxo.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_instance-api.md.MuhSVJeX.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/instance-api.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/instance-api.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_instance-api" data-v-a47c012d><div><h1 id="instance-api" tabindex="-1">Instance API <a class="header-anchor" href="#instance-api" aria-label="Permalink to &quot;Instance API&quot;">​</a></h1><h2 id="getdom-paneid-position" tabindex="-1">getDom(paneId, position) <a class="header-anchor" href="#getdom-paneid-position" aria-label="Permalink to &quot;getDom(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> HTMLElement</span></span></code></pre></div><p>Get the dom container.</p><ul><li><code>paneId</code> window id, the default is the entire chart container</li><li><code>position</code> supports <code>root</code>, <code>main</code>, <code>yAxis</code>, the default is <code>root</code></li></ul><h2 id="getsize-paneid-position" tabindex="-1">getSize(paneId, position) <a class="header-anchor" href="#getsize-paneid-position" aria-label="Permalink to &quot;getSize(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/instance-api.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/instance-api.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_instance-api" data-v-42bb49df><div><h1 id="instance-api" tabindex="-1">Instance API <a class="header-anchor" href="#instance-api" aria-label="Permalink to &quot;Instance API&quot;">​</a></h1><h2 id="getdom-paneid-position" tabindex="-1">getDom(paneId, position) <a class="header-anchor" href="#getdom-paneid-position" aria-label="Permalink to &quot;getDom(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> HTMLElement</span></span></code></pre></div><p>Get the dom container.</p><ul><li><code>paneId</code> window id, the default is the entire chart container</li><li><code>position</code> supports <code>root</code>, <code>main</code>, <code>yAxis</code>, the default is <code>root</code></li></ul><h2 id="getsize-paneid-position" tabindex="-1">getSize(paneId, position) <a class="header-anchor" href="#getsize-paneid-position" aria-label="Permalink to &quot;getSize(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">   width</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">   height</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">   left</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
@@ -529,8 +529,8 @@
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#E36209;">    dataIndex</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#E36209;">    timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#E36209;">    value</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> number</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  }&gt;</span></span></code></pre></div><p>Convert coordinates to values.</p><ul><li><code>coordinate</code> needs to be converted, it can be an object or an array</li><li><code>finder</code> filter <ul><li><code>paneId</code> window id</li><li><code>absolute</code> is an absolute coordinate, only works on the y axis</li></ul></li></ul><h2 id="getconvertpictureurl-includeoverlay-type-backgroundcolor" tabindex="-1">getConvertPictureUrl(includeOverlay, type, backgroundColor) <a class="header-anchor" href="#getconvertpictureurl-includeoverlay-type-backgroundcolor" aria-label="Permalink to &quot;getConvertPictureUrl(includeOverlay, type, backgroundColor)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">includeOverlay</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> boolean</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> backgroundColor</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span></code></pre></div><p>Get the image url after the chart is converted into an image.</p><ul><li><code>includeOverlay</code> needs to include the overlay layer, it can be defaulted</li><li><code>type</code> The converted image type, one of the three types of &#39;png&#39;, &#39;jpeg&#39;, &#39;bmp&#39;, can be defaulted, the default is &#39;jpeg&#39;</li><li><code>backgroundColor</code> background color, can be defaulted, the default is &#39;#FFFFFF&#39;</li></ul><h2 id="resize" tabindex="-1">resize() <a class="header-anchor" href="#resize" aria-label="Permalink to &quot;resize()&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> void</span></span></code></pre></div><p>Resizing the chart will always fill the container size.</p><div class="warning custom-block"><p class="custom-block-title">Note</p><p>This method will recalculate the size of each module in the entire chart, frequent calls may affect performance, please call with caution.</p></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/instance-api.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2024-03-03T16:04:56.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/chart-api.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Chart API</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/faq.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>FAQ</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  }&gt;</span></span></code></pre></div><p>Convert coordinates to values.</p><ul><li><code>coordinate</code> needs to be converted, it can be an object or an array</li><li><code>finder</code> filter <ul><li><code>paneId</code> window id</li><li><code>absolute</code> is an absolute coordinate, only works on the y axis</li></ul></li></ul><h2 id="getconvertpictureurl-includeoverlay-type-backgroundcolor" tabindex="-1">getConvertPictureUrl(includeOverlay, type, backgroundColor) <a class="header-anchor" href="#getconvertpictureurl-includeoverlay-type-backgroundcolor" aria-label="Permalink to &quot;getConvertPictureUrl(includeOverlay, type, backgroundColor)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">includeOverlay</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> boolean</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> backgroundColor</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span></code></pre></div><p>Get the image url after the chart is converted into an image.</p><ul><li><code>includeOverlay</code> needs to include the overlay layer, it can be defaulted</li><li><code>type</code> The converted image type, one of the three types of &#39;png&#39;, &#39;jpeg&#39;, &#39;bmp&#39;, can be defaulted, the default is &#39;jpeg&#39;</li><li><code>backgroundColor</code> background color, can be defaulted, the default is &#39;#FFFFFF&#39;</li></ul><h2 id="resize" tabindex="-1">resize() <a class="header-anchor" href="#resize" aria-label="Permalink to &quot;resize()&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> void</span></span></code></pre></div><p>Resizing the chart will always fill the container size.</p><div class="warning custom-block"><p class="custom-block-title">Note</p><p>This method will recalculate the size of each module in the entire chart, frequent calls may affect performance, please call with caution.</p></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/instance-api.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2024-03-03T16:04:56.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/chart-api.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Chart API</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/faq.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>FAQ</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/overlay.html b/en-US/guide/overlay.html
index 694f990f6..a8757bbfb 100644
--- a/en-US/guide/overlay.html
+++ b/en-US/guide/overlay.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Overlay | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_overlay.md.NL-bUeUU.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_overlay.md.qs_GiGcg.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/overlay.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/overlay.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_overlay" data-v-a47c012d><div><h1 id="overlay" tabindex="-1">Overlay <a class="header-anchor" href="#overlay" aria-label="Permalink to &quot;Overlay&quot;">​</a></h1><p>This document introduces the built-in overlays in the chart and how to customize a overlay.</p><h2 id="built-in-overlay-types" tabindex="-1">Built-in overlay types <a class="header-anchor" href="#built-in-overlay-types" aria-label="Permalink to &quot;Built-in overlay types&quot;">​</a></h2><p><code>horizontalRayLine</code>, <code>horizontalSegment</code>, <code>horizontalStraightLine</code>, <code>verticalRayLine</code>, <code>verticalSegment</code>, <code>verticalStraightLine</code>, <code>rayLine</code>, <code>segment</code>, <code>straightLine</code>, <code>priceLine</code>, <code>priceChannelLine</code>, <code>parallelL</code>filineLine<code>, ci </code>, <code>simpleAnnotation</code>, <code>simpleTag</code></p><h2 id="custom-overlays" tabindex="-1">Custom overlays <a class="header-anchor" href="#custom-overlays" aria-label="Permalink to &quot;Custom overlays&quot;">​</a></h2><p>Customize an overlay, then add it globally through <code>klinecharts.registerOverlay</code>, add it to the chart and use it like the built-in overlay.</p><h3 id="attribute-description" tabindex="-1">Attribute description <a class="header-anchor" href="#attribute-description" aria-label="Permalink to &quot;Attribute description&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/overlay.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/overlay.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_overlay" data-v-42bb49df><div><h1 id="overlay" tabindex="-1">Overlay <a class="header-anchor" href="#overlay" aria-label="Permalink to &quot;Overlay&quot;">​</a></h1><p>This document introduces the built-in overlays in the chart and how to customize a overlay.</p><h2 id="built-in-overlay-types" tabindex="-1">Built-in overlay types <a class="header-anchor" href="#built-in-overlay-types" aria-label="Permalink to &quot;Built-in overlay types&quot;">​</a></h2><p><code>horizontalRayLine</code>, <code>horizontalSegment</code>, <code>horizontalStraightLine</code>, <code>verticalRayLine</code>, <code>verticalSegment</code>, <code>verticalStraightLine</code>, <code>rayLine</code>, <code>segment</code>, <code>straightLine</code>, <code>priceLine</code>, <code>priceChannelLine</code>, <code>parallelL</code>filineLine<code>, ci </code>, <code>simpleAnnotation</code>, <code>simpleTag</code></p><h2 id="custom-overlays" tabindex="-1">Custom overlays <a class="header-anchor" href="#custom-overlays" aria-label="Permalink to &quot;Custom overlays&quot;">​</a></h2><p>Customize an overlay, then add it globally through <code>klinecharts.registerOverlay</code>, add it to the chart and use it like the built-in overlay.</p><h3 id="attribute-description" tabindex="-1">Attribute description <a class="header-anchor" href="#attribute-description" aria-label="Permalink to &quot;Attribute description&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // Name, a required field, used as the unique identifier for overlay creation</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"></span>
@@ -246,8 +246,8 @@
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">     }</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">     return</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;"> []</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">   }</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div><p>So a custom overlay is complete.</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/overlay.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2024-02-29T15:16:34.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/indicator.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Indicator</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/custom-axis.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Custom Axis</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div><p>So a custom overlay is complete.</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/overlay.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2024-02-29T15:16:34.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/indicator.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Indicator</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/custom-axis.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Custom Axis</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/styles.html b/en-US/guide/styles.html
index fd08e34cd..37c230b93 100644
--- a/en-US/guide/styles.html
+++ b/en-US/guide/styles.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>🎨 Style | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/StyleExplain.5uViWWeX.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_styles.md.2d4oDT-0.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/StyleExplain.80h5cdQ4.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_styles.md.NxUSGPkk.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/styles.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/styles.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_styles" data-v-a47c012d><div><h1 id="🎨-style" tabindex="-1">🎨 Style <a class="header-anchor" href="#🎨-style" aria-label="Permalink to &quot;🎨 Style&quot;">​</a></h1><p>Whether you see a point or a line on the chart, you can basically customize the style. Changes can be made via the chart method <code>init(ds, options)</code> or the chart instance method <code>setStyles(styles)</code>.</p><h2 id="picture-explanation" tabindex="-1">Picture explanation <a class="header-anchor" href="#picture-explanation" aria-label="Permalink to &quot;Picture explanation&quot;">​</a></h2><!--[--><img src="/images/style.jpg" data-v-214cdbcb><div class="style-explain" data-v-214cdbcb><!--[--><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>1</strong> grid.horizontal</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>2</strong> grid.vertical</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>3</strong> candle.bar</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>4</strong> candle.candle.priceMark.last.line</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>5</strong> candle.candle.priceMark.last.text</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>6</strong> candle.candle.priceMark.high</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>7</strong> candle.candle.priceMark.low</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>8</strong> candle.candle.tooltip</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>9</strong> indicator.ohlc</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>10</strong> indicator.lastValueMark</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>11</strong> indicator.tooltip</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>12</strong> xAxis.axisLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>13</strong> xAxis.tickLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>14</strong> xAxis.tickText</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>15</strong> yAxis.axisLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>16</strong> yAxis.tickLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>17</strong> yAxis.tickText</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>18</strong> separator</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>19</strong> crosshair.horizontal.line</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>20</strong> crosshair.horizontal.text</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>21</strong> crosshair.vertical.line</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>22</strong> crosshair.vertical.text</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>23</strong> overlay</span><!--]--></div><!--]--><h2 id="default-full-configuration" tabindex="-1">Default full configuration <a class="header-anchor" href="#default-full-configuration" aria-label="Permalink to &quot;Default full configuration&quot;">​</a></h2><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/styles.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/styles.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_styles" data-v-42bb49df><div><h1 id="🎨-style" tabindex="-1">🎨 Style <a class="header-anchor" href="#🎨-style" aria-label="Permalink to &quot;🎨 Style&quot;">​</a></h1><p>Whether you see a point or a line on the chart, you can basically customize the style. Changes can be made via the chart method <code>init(ds, options)</code> or the chart instance method <code>setStyles(styles)</code>.</p><h2 id="picture-explanation" tabindex="-1">Picture explanation <a class="header-anchor" href="#picture-explanation" aria-label="Permalink to &quot;Picture explanation&quot;">​</a></h2><!--[--><img src="/images/style.jpg" data-v-214cdbcb><div class="style-explain" data-v-214cdbcb><!--[--><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>1</strong> grid.horizontal</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>2</strong> grid.vertical</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>3</strong> candle.bar</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>4</strong> candle.candle.priceMark.last.line</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>5</strong> candle.candle.priceMark.last.text</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>6</strong> candle.candle.priceMark.high</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>7</strong> candle.candle.priceMark.low</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>8</strong> candle.candle.tooltip</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>9</strong> indicator.ohlc</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>10</strong> indicator.lastValueMark</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>11</strong> indicator.tooltip</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>12</strong> xAxis.axisLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>13</strong> xAxis.tickLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>14</strong> xAxis.tickText</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>15</strong> yAxis.axisLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>16</strong> yAxis.tickLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>17</strong> yAxis.tickText</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>18</strong> separator</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>19</strong> crosshair.horizontal.line</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>20</strong> crosshair.horizontal.text</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>21</strong> crosshair.vertical.line</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>22</strong> crosshair.vertical.text</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>23</strong> overlay</span><!--]--></div><!--]--><h2 id="default-full-configuration" tabindex="-1">Default full configuration <a class="header-anchor" href="#default-full-configuration" aria-label="Permalink to &quot;Default full configuration&quot;">​</a></h2><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  grid</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">    show</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#FF9CAC;--shiki-light:#005CC5;"> true</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">    horizontal</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -520,8 +520,8 @@
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">      backgroundColor</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">#1677FF</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">    }</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  }</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/styles.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-11-01T20:03:19.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/getting-started.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Getting Started</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/datasource.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Datasource</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/styles.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-11-01T20:03:19.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/getting-started.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Getting Started</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/datasource.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Datasource</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/v8-to-v9.html b/en-US/guide/v8-to-v9.html
index 0c5a3a841..c3bffb94d 100644
--- a/en-US/guide/v8-to-v9.html
+++ b/en-US/guide/v8-to-v9.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>🛠️ From V8 to V9 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_v8-to-v9.md.bmmxtubU.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_v8-to-v9.md.8sr1qjpO.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/v8-to-v9.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/v8-to-v9.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_v8-to-v9" data-v-a47c012d><div><h1 id="🛠️-from-v8-to-v9" tabindex="-1">🛠️ From V8 to V9 <a class="header-anchor" href="#🛠️-from-v8-to-v9" aria-label="Permalink to &quot;🛠️ From V8 to V9&quot;">​</a></h1><p>This document will help you upgrade from kinecharts 8.x to klinecharts 9.x. If you are 7.x or older, please refer to the previous upgrade document to upgrade to 8.x.</p><h2 id="import-adjustment" tabindex="-1">Import adjustment <a class="header-anchor" href="#import-adjustment" aria-label="Permalink to &quot;Import adjustment&quot;">​</a></h2><p><code>klinecharts/index.blank&#39;</code> and <code>klinecharts/index.simple</code> are no longer distinguished. Please use <code>import {...} from klinecharts</code> uniformly.</p><h2 id="design-adjustment" tabindex="-1">Design adjustment <a class="header-anchor" href="#design-adjustment" aria-label="Permalink to &quot;Design adjustment&quot;">​</a></h2><p><code>shape</code>, <code>annotation</code>, <code>tag</code> are merged into <code>overlay</code>. Please refer to <a href="./overlay.html">overlay</a> for details.</p><h2 id="style-configuration-adjustment" tabindex="-1">Style configuration adjustment <a class="header-anchor" href="#style-configuration-adjustment" aria-label="Permalink to &quot;Style configuration adjustment&quot;">​</a></h2><ul><li>The style options of all lines are changed to <code>dashed</code> and <code>dashValue</code> to <code>dashedValue</code>.</li><li><code>candle.tooltip.labels</code> and <code>candle.tooltip.values</code> are merged into <code>candle.tooltip.custom</code>.</li><li><code>xAxis.height</code> is changed to <code>xAxis.size</code>, <code>xAxis.tickeText.paddingTop</code> is changed to <code>xAxis.tickeText.marinStart</code>, and <code>xAxis.tickeText.paddingBottom</code> is changed to <code>xAxis.tickeText.marginEnd</code>.</li><li><code>yAxis.height</code> is changed to <code>yAxis.size</code>, <code>yAxis.tickeText.paddingTop</code> is changed to <code>yAxis.tickeText.marinStart</code>, and <code>yAxis.tickeText.paddingBottom</code> is changed to <code>yAxis.tickeText.marginEnd</code>.</li><li><code>technicalIndicator.bar</code> is changed to <code>indicator.bars</code>, <code>technicalIndicator.line</code> is changed to <code>indicator.lines</code>，<code>technicalIndicator.circle</code> is changed to <code>indicator.circles</code>.</li><li>Delete <code>shape</code>, <code>annotation</code>, <code>tag</code>, please use <code>overlay</code> instead.</li></ul><h2 id="api-adjustment" tabindex="-1">API adjustment <a class="header-anchor" href="#api-adjustment" aria-label="Permalink to &quot;API adjustment&quot;">​</a></h2><h3 id="chart-api" tabindex="-1">Chart API <a class="header-anchor" href="#chart-api" aria-label="Permalink to &quot;Chart API&quot;">​</a></h3><ul><li><code>extension.addTechnicalIndicatorTemplate(template)</code> is changed to <code>registerIndicator(template)</code>.</li><li>Delete <code>extension.addShapeTemplate(template)</code>, please use <code>registerOverlay(template)</code> instead.</li></ul><h3 id="instance-api" tabindex="-1">Instance API <a class="header-anchor" href="#instance-api" aria-label="Permalink to &quot;Instance API&quot;">​</a></h3><ul><li><code>getDom({paneId, position})</code> is changed to <code>getDom(paneId, position)</code>, and the parameter <code>position</code> option is changed to <code>root</code>, <code>main</code> and <code>yAxis</code>.</li><li><code>getWidth()</code> and <code>getHeight()</code> are combined into a method &#39;<code>getSize(paneId, position)</code>.</li><li><code>setStyleOptions(styles)</code> is changed to <code>setStyles(styles)</code>.</li><li><code>getStyleOptions()</code> is changed to <code>getStyles()</code>.</li><li><code>setOffsetRightSpace(space)</code> is changed to <code>setOffsetRightDistance(distance)</code>.</li><li><code>createTechnicalIndicator(value, isStack, paneOptions)</code> is changed to <code>createIndicator(value, isStack, paneOptions)</code>.</li><li><code>overrideTechnicalIndicator(override, paneId)</code> is changed to <code>overrideIndicator(override, paneId)</code>.</li><li><code>getTechnicalIndicatorByPaneId(paneId, name)</code> is changed to <code>getIndicatorByPaneId(paneId, name)</code>.</li><li><code>removeTechnicalIndicator(paneId, name)</code> is changed to <code>removeIndicator(paneId, name)</code>.</li><li><code>subscribeAction(type, callback)</code> and <code>unsubscribeAction(type, callback)</code>. The parameter <code>type</code> option is changed to <code> onZoom</code>, <code>onScroll</code>, <code>onCrosshairChange</code>, <code>onVisibleRangeChange</code> and <code>onPaneDrag</code>.</li><li><code>convertToPixel(value, finder)</code> and <code>convertFromPixel(coordinate, finder)</code>, the parameter <code>finder.absoluteYAxis</code> is changed to <code>finder.absolute</code>.</li><li>To delete <code>createShape(value, paneId)</code>, <code>createAnnotation(annotation, paneId)</code>, <code>createTag(tag, paneId)</code>, please use <code>createOverlay(value, paneId)</code> instead.</li><li>To delete <code>removeShape(id)</code>, <code>removeAnnotation(paneId, points)</code>, <code>removeTag(paneId, tagId)</code>, please use <code>removeOverlay(id)</code> instead.</li><li>To delete <code>setShapeOptions(options)</code>, use <code>overrideOverlay(override)</code> instead.</li><li>To delete <code>createHtml(html, paneId)</code>, <code>removeHtml(paneId, htmlId)</code>, please obtain the corresponding dom through <code>getDom(paneId, position)</code>.</li><li>To delete <code>getTechnicalIndicatorByPaneId(paneId, name)</code>.</li></ul><h3 id="shape-help-api" tabindex="-1">Shape help API <a class="header-anchor" href="#shape-help-api" aria-label="Permalink to &quot;Shape help API&quot;">​</a></h3><ul><li>All APIs are migrated to &#39;klinecharts.utils&#39;.</li></ul><h2 id="customized-technical-indicator-adjustment" tabindex="-1">Customized technical indicator adjustment <a class="header-anchor" href="#customized-technical-indicator-adjustment" aria-label="Permalink to &quot;Customized technical indicator adjustment&quot;">​</a></h2><ul><li>Attribute <code>plots</code> is changed to <code>figures</code>, sub item methods <code>color</code>, <code>isStroke</code>, <code>isDashed</code> are merged into <code>styles</code>.</li><li>Change the method &#39;<code>regeneratePlots(params)</code> to <code>regenerateFigures(params)</code>.</li><li>The method <code>calcTechnicalIndicator(kLineDataList, options)</code> is changed to <code>calc(kLineDataList, indicator)</code>.</li><li>The method <code>createTooltipDataSource({ dataSource, viewport, crosshair, technicalIndicator, xAxis, yAxis, defaultStyles })</code> is changed to <code>createTooltipDataSource({ kLineDataList, indicator, visibleRange, bounding, crosshair, defaultStyles, xAxis, yAxis })</code>. The return value is determined by <code>[{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; } ]</code> Change to <code>{ name: &#39;xxx&#39;, calcParamsText: &#39;xxx&#39;, values: [{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; }, ...] }</code>.</li><li>The method <code>render({ctx, dataSource, viewport, styles, xAxis, yAxis})</code> is changed to <code>draw({ ctx, kLineDataList, indicator, visibleRange, bounding, barSpace, defaultStyles, xAxis, yAxis })</code>.</li><li>Delete the attribute <code>shouldCheckParamCount</code>.</li></ul></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/v8-to-v9.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2024-02-29T15:16:34.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/guide/faq.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>FAQ</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/changelog.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Changelog</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/v8-to-v9.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/v8-to-v9.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_v8-to-v9" data-v-42bb49df><div><h1 id="🛠️-from-v8-to-v9" tabindex="-1">🛠️ From V8 to V9 <a class="header-anchor" href="#🛠️-from-v8-to-v9" aria-label="Permalink to &quot;🛠️ From V8 to V9&quot;">​</a></h1><p>This document will help you upgrade from kinecharts 8.x to klinecharts 9.x. If you are 7.x or older, please refer to the previous upgrade document to upgrade to 8.x.</p><h2 id="import-adjustment" tabindex="-1">Import adjustment <a class="header-anchor" href="#import-adjustment" aria-label="Permalink to &quot;Import adjustment&quot;">​</a></h2><p><code>klinecharts/index.blank&#39;</code> and <code>klinecharts/index.simple</code> are no longer distinguished. Please use <code>import {...} from klinecharts</code> uniformly.</p><h2 id="design-adjustment" tabindex="-1">Design adjustment <a class="header-anchor" href="#design-adjustment" aria-label="Permalink to &quot;Design adjustment&quot;">​</a></h2><p><code>shape</code>, <code>annotation</code>, <code>tag</code> are merged into <code>overlay</code>. Please refer to <a href="./overlay.html">overlay</a> for details.</p><h2 id="style-configuration-adjustment" tabindex="-1">Style configuration adjustment <a class="header-anchor" href="#style-configuration-adjustment" aria-label="Permalink to &quot;Style configuration adjustment&quot;">​</a></h2><ul><li>The style options of all lines are changed to <code>dashed</code> and <code>dashValue</code> to <code>dashedValue</code>.</li><li><code>candle.tooltip.labels</code> and <code>candle.tooltip.values</code> are merged into <code>candle.tooltip.custom</code>.</li><li><code>xAxis.height</code> is changed to <code>xAxis.size</code>, <code>xAxis.tickeText.paddingTop</code> is changed to <code>xAxis.tickeText.marinStart</code>, and <code>xAxis.tickeText.paddingBottom</code> is changed to <code>xAxis.tickeText.marginEnd</code>.</li><li><code>yAxis.height</code> is changed to <code>yAxis.size</code>, <code>yAxis.tickeText.paddingTop</code> is changed to <code>yAxis.tickeText.marinStart</code>, and <code>yAxis.tickeText.paddingBottom</code> is changed to <code>yAxis.tickeText.marginEnd</code>.</li><li><code>technicalIndicator.bar</code> is changed to <code>indicator.bars</code>, <code>technicalIndicator.line</code> is changed to <code>indicator.lines</code>，<code>technicalIndicator.circle</code> is changed to <code>indicator.circles</code>.</li><li>Delete <code>shape</code>, <code>annotation</code>, <code>tag</code>, please use <code>overlay</code> instead.</li></ul><h2 id="api-adjustment" tabindex="-1">API adjustment <a class="header-anchor" href="#api-adjustment" aria-label="Permalink to &quot;API adjustment&quot;">​</a></h2><h3 id="chart-api" tabindex="-1">Chart API <a class="header-anchor" href="#chart-api" aria-label="Permalink to &quot;Chart API&quot;">​</a></h3><ul><li><code>extension.addTechnicalIndicatorTemplate(template)</code> is changed to <code>registerIndicator(template)</code>.</li><li>Delete <code>extension.addShapeTemplate(template)</code>, please use <code>registerOverlay(template)</code> instead.</li></ul><h3 id="instance-api" tabindex="-1">Instance API <a class="header-anchor" href="#instance-api" aria-label="Permalink to &quot;Instance API&quot;">​</a></h3><ul><li><code>getDom({paneId, position})</code> is changed to <code>getDom(paneId, position)</code>, and the parameter <code>position</code> option is changed to <code>root</code>, <code>main</code> and <code>yAxis</code>.</li><li><code>getWidth()</code> and <code>getHeight()</code> are combined into a method &#39;<code>getSize(paneId, position)</code>.</li><li><code>setStyleOptions(styles)</code> is changed to <code>setStyles(styles)</code>.</li><li><code>getStyleOptions()</code> is changed to <code>getStyles()</code>.</li><li><code>setOffsetRightSpace(space)</code> is changed to <code>setOffsetRightDistance(distance)</code>.</li><li><code>createTechnicalIndicator(value, isStack, paneOptions)</code> is changed to <code>createIndicator(value, isStack, paneOptions)</code>.</li><li><code>overrideTechnicalIndicator(override, paneId)</code> is changed to <code>overrideIndicator(override, paneId)</code>.</li><li><code>getTechnicalIndicatorByPaneId(paneId, name)</code> is changed to <code>getIndicatorByPaneId(paneId, name)</code>.</li><li><code>removeTechnicalIndicator(paneId, name)</code> is changed to <code>removeIndicator(paneId, name)</code>.</li><li><code>subscribeAction(type, callback)</code> and <code>unsubscribeAction(type, callback)</code>. The parameter <code>type</code> option is changed to <code> onZoom</code>, <code>onScroll</code>, <code>onCrosshairChange</code>, <code>onVisibleRangeChange</code> and <code>onPaneDrag</code>.</li><li><code>convertToPixel(value, finder)</code> and <code>convertFromPixel(coordinate, finder)</code>, the parameter <code>finder.absoluteYAxis</code> is changed to <code>finder.absolute</code>.</li><li>To delete <code>createShape(value, paneId)</code>, <code>createAnnotation(annotation, paneId)</code>, <code>createTag(tag, paneId)</code>, please use <code>createOverlay(value, paneId)</code> instead.</li><li>To delete <code>removeShape(id)</code>, <code>removeAnnotation(paneId, points)</code>, <code>removeTag(paneId, tagId)</code>, please use <code>removeOverlay(id)</code> instead.</li><li>To delete <code>setShapeOptions(options)</code>, use <code>overrideOverlay(override)</code> instead.</li><li>To delete <code>createHtml(html, paneId)</code>, <code>removeHtml(paneId, htmlId)</code>, please obtain the corresponding dom through <code>getDom(paneId, position)</code>.</li><li>To delete <code>getTechnicalIndicatorByPaneId(paneId, name)</code>.</li></ul><h3 id="shape-help-api" tabindex="-1">Shape help API <a class="header-anchor" href="#shape-help-api" aria-label="Permalink to &quot;Shape help API&quot;">​</a></h3><ul><li>All APIs are migrated to &#39;klinecharts.utils&#39;.</li></ul><h2 id="customized-technical-indicator-adjustment" tabindex="-1">Customized technical indicator adjustment <a class="header-anchor" href="#customized-technical-indicator-adjustment" aria-label="Permalink to &quot;Customized technical indicator adjustment&quot;">​</a></h2><ul><li>Attribute <code>plots</code> is changed to <code>figures</code>, sub item methods <code>color</code>, <code>isStroke</code>, <code>isDashed</code> are merged into <code>styles</code>.</li><li>Change the method &#39;<code>regeneratePlots(params)</code> to <code>regenerateFigures(params)</code>.</li><li>The method <code>calcTechnicalIndicator(kLineDataList, options)</code> is changed to <code>calc(kLineDataList, indicator)</code>.</li><li>The method <code>createTooltipDataSource({ dataSource, viewport, crosshair, technicalIndicator, xAxis, yAxis, defaultStyles })</code> is changed to <code>createTooltipDataSource({ kLineDataList, indicator, visibleRange, bounding, crosshair, defaultStyles, xAxis, yAxis })</code>. The return value is determined by <code>[{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; } ]</code> Change to <code>{ name: &#39;xxx&#39;, calcParamsText: &#39;xxx&#39;, values: [{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; }, ...] }</code>.</li><li>The method <code>render({ctx, dataSource, viewport, styles, xAxis, yAxis})</code> is changed to <code>draw({ ctx, kLineDataList, indicator, visibleRange, bounding, barSpace, defaultStyles, xAxis, yAxis })</code>.</li><li>Delete the attribute <code>shouldCheckParamCount</code>.</li></ul></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/v8-to-v9.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2024-02-29T15:16:34.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/guide/faq.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>FAQ</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/changelog.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Changelog</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/guide/what-is-klinechart.html b/en-US/guide/what-is-klinechart.html
index e598fb725..2df71d8dd 100644
--- a/en-US/guide/what-is-klinechart.html
+++ b/en-US/guide/what-is-klinechart.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>📃 Introducation | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_guide_what-is-klinechart.md.IeSNEnMI.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_guide_what-is-klinechart.md.DomNlsHt.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/guide/what-is-klinechart.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/guide/what-is-klinechart.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_guide_what-is-klinechart" data-v-a47c012d><div><h1 id="📃-introducation" tabindex="-1">📃 Introducation <a class="header-anchor" href="#📃-introducation" aria-label="Permalink to &quot;📃 Introducation&quot;">​</a></h1><h2 id="what-s-klinechart" tabindex="-1">What&#39;s KLineChart? <a class="header-anchor" href="#what-s-klinechart" aria-label="Permalink to &quot;What&#39;s KLineChart?&quot;">​</a></h2><p>KLineChart，it is a highly customizable professional lightweight financial chart.</p><h2 id="features" tabindex="-1">Features <a class="header-anchor" href="#features" aria-label="Permalink to &quot;Features&quot;">​</a></h2><ul><li>📦 <strong>Out of the box:</strong> Simple and fast integration, basically zero cost to get started.</li><li>🚀 <strong>Lightweight and smooth:</strong> Zero dependencies, only 40k under gzip compression.</li><li>💪 <strong>Powerful functions:</strong> Built-in multiple indicators and line drawing models.</li><li>🎨 <strong>Highly scalable:</strong> With rich style configuration and API, the function can be extended as you like.</li><li>📱 <strong>Mobile:</strong> Support mobile, one chart, handle multiple terminals.</li><li>🛡 <strong>Typescript development:</strong> Provide complete type definition files.</li></ul></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/what-is-klinechart.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-03-18T19:10:38.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><!----></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/guide/getting-started.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Getting Started</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/guide/what-is-klinechart.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/guide/what-is-klinechart.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Introduction</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>What is KLineChart?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Basic</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Style Configuration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Datasource</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Environment</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Hot Key</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Internationalization</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Advanced</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Figure</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Custom Axis</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Chart API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Instance API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>Others</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>FAQ</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>V8 To V9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Changelog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Feedback</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_guide_what-is-klinechart" data-v-42bb49df><div><h1 id="📃-introducation" tabindex="-1">📃 Introducation <a class="header-anchor" href="#📃-introducation" aria-label="Permalink to &quot;📃 Introducation&quot;">​</a></h1><h2 id="what-s-klinechart" tabindex="-1">What&#39;s KLineChart? <a class="header-anchor" href="#what-s-klinechart" aria-label="Permalink to &quot;What&#39;s KLineChart?&quot;">​</a></h2><p>KLineChart，it is a highly customizable professional lightweight financial chart.</p><h2 id="features" tabindex="-1">Features <a class="header-anchor" href="#features" aria-label="Permalink to &quot;Features&quot;">​</a></h2><ul><li>📦 <strong>Out of the box:</strong> Simple and fast integration, basically zero cost to get started.</li><li>🚀 <strong>Lightweight and smooth:</strong> Zero dependencies, only 40k under gzip compression.</li><li>💪 <strong>Powerful functions:</strong> Built-in multiple indicators and line drawing models.</li><li>🎨 <strong>Highly scalable:</strong> With rich style configuration and API, the function can be extended as you like.</li><li>📱 <strong>Mobile:</strong> Support mobile, one chart, handle multiple terminals.</li><li>🛡 <strong>Typescript development:</strong> Provide complete type definition files.</li></ul></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/en-US/guide/what-is-klinechart.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> Edit this page<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-03-18T19:10:38.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><!----></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/guide/getting-started.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Getting Started</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/index.html b/en-US/index.html
index a1017ef4d..256d6cd1b 100644
--- a/en-US/index.html
+++ b/en-US/index.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Highly customizable professional lightweight financial chart | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_index.md.FPotMOGe.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_index.md.OS0zQc9a.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar top" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPHome" data-v-a693ae2c data-v-e7e32b23><!--[--><!--]--><div class="VPHero has-image VPHomeHero" data-v-e7e32b23 data-v-9473646b><div class="container" data-v-9473646b><div class="main" data-v-9473646b><!--[--><!--]--><!--[--><h1 class="name" data-v-9473646b><span class="clip" data-v-9473646b>KLineChart</span></h1><p class="text" data-v-9473646b>Highly customizable professional lightweight financial chart</p><p class="tagline" data-v-9473646b>Easy to use, lightweight and smooth, suitable for web front-end financial chart with rich scenarios.</p><!--]--><!--[--><!--]--><div class="actions" data-v-9473646b><!--[--><div class="action" data-v-9473646b><a class="VPButton medium brand" href="/en-US/guide/getting-started.html" data-v-9473646b data-v-6c60cf55>Getting Started</a></div><div class="action" data-v-9473646b><a class="VPButton medium alt" href="https://github.com/liihuu/KLineChart" target="_blank" rel="noreferrer" data-v-9473646b data-v-6c60cf55>View on Github</a></div><!--]--></div><!--[--><!--]--></div><div class="image" data-v-9473646b><div class="image-container" data-v-9473646b><div class="image-bg" data-v-9473646b></div><!--[--><!--[--><img class="VPImage image-src" src="/images/logo_hero.svg" alt="KLineChart" data-v-c589c9f8><!--]--><!--]--></div></div></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-e7e32b23 data-v-850f8ea6><div class="container" data-v-850f8ea6><div class="items" data-v-850f8ea6><!--[--><div class="grid-3 item" data-v-850f8ea6><div class="VPLink no-icon VPFeature" data-v-850f8ea6 data-v-850c8f15><!--[--><article class="box" data-v-850c8f15><!--[--><img class="VPImage" src="/images/box.png" height="48" width="48" alt data-v-c589c9f8><!--]--><h2 class="title" data-v-850c8f15>Out of the box</h2><p class="details" data-v-850c8f15>Simple and fast integration, zero cost to get started, only 3 lines of code to display a chart, so that all attention can be focused on data docking.</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-850f8ea6><div class="VPLink no-icon VPFeature" data-v-850f8ea6 data-v-850c8f15><!--[--><article class="box" data-v-850c8f15><!--[--><img class="VPImage" src="/images/rocket.png" height="48" width="48" alt data-v-c589c9f8><!--]--><h2 class="title" data-v-850c8f15>Lightweight and smooth</h2><p class="details" data-v-850c8f15>Zero dependency, only about 50k under Gzip compression, and less than 1 millisecond to load under 4G network. Charts remain fluid even with thousands of candles.</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-850f8ea6><div class="VPLink no-icon VPFeature" data-v-850f8ea6 data-v-850c8f15><!--[--><article class="box" data-v-850c8f15><!--[--><img class="VPImage" src="/images/expand.png" height="48" width="48" alt data-v-c589c9f8><!--]--><h2 class="title" data-v-850c8f15>Highly expand</h2><p class="details" data-v-850c8f15>Provide rich configuration and Api, style modification, function collocation as you like. Provide technical indicators and line drawing model extensions, so that the chart has more possibilities.</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--[--><!--[--><section class="home-section sponsor-section" data-v-7d2a1d4b><div class="home-section-content sponsor" data-v-7d2a1d4b><h2 data-v-7d2a1d4b>Sponsors</h2><div class="sponsor-grid sponsor-top-grid" data-v-7d2a1d4b><a class="sponsor-grid-item item-no1" href="https://github.com/flameOnYou" target="_blank" rel="noreferrer" data-v-7d2a1d4b><img class="image" src="/images/sponsors/flameOnYou.jpg" data-v-7d2a1d4b><span class="text" data-v-7d2a1d4b>flameOnYou</span></a><a class="sponsor-grid-item item-no1" href="https://www.quantit.tech" target="_blank" rel="noreferrer" data-v-7d2a1d4b><img class="image" src="/images/sponsors/Northstar.png" data-v-7d2a1d4b><!----></a></div><!----><!----><!----><!----></div></section><!--]--><!--]--><!--]--><div class="vp-doc container" style="--vp-offset:calc(50% - Infinitypx);" data-v-e7e32b23 data-v-2136577c><!--[--><div style="position:relative;" data-v-e7e32b23><div></div></div><!--]--></div></div></div><footer class="VPFooter" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar top" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPHome" data-v-aa32f6e2 data-v-72415cf3><!--[--><!--]--><div class="VPHero has-image VPHomeHero" data-v-72415cf3 data-v-2bb8ed43><div class="container" data-v-2bb8ed43><div class="main" data-v-2bb8ed43><!--[--><!--]--><!--[--><h1 class="name" data-v-2bb8ed43><span class="clip" data-v-2bb8ed43>KLineChart</span></h1><p class="text" data-v-2bb8ed43>Highly customizable professional lightweight financial chart</p><p class="tagline" data-v-2bb8ed43>Easy to use, lightweight and smooth, suitable for web front-end financial chart with rich scenarios.</p><!--]--><!--[--><!--]--><div class="actions" data-v-2bb8ed43><!--[--><div class="action" data-v-2bb8ed43><a class="VPButton medium brand" href="/en-US/guide/getting-started.html" data-v-2bb8ed43 data-v-632f99d4>Getting Started</a></div><div class="action" data-v-2bb8ed43><a class="VPButton medium alt" href="https://github.com/liihuu/KLineChart" target="_blank" rel="noreferrer" data-v-2bb8ed43 data-v-632f99d4>View on Github</a></div><!--]--></div><!--[--><!--]--></div><div class="image" data-v-2bb8ed43><div class="image-container" data-v-2bb8ed43><div class="image-bg" data-v-2bb8ed43></div><!--[--><!--[--><img class="VPImage image-src" src="/images/logo_hero.svg" alt="KLineChart" data-v-dcd2c7a0><!--]--><!--]--></div></div></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-72415cf3 data-v-ebb108d2><div class="container" data-v-ebb108d2><div class="items" data-v-ebb108d2><!--[--><div class="grid-3 item" data-v-ebb108d2><div class="VPLink no-icon VPFeature" data-v-ebb108d2 data-v-7414d768><!--[--><article class="box" data-v-7414d768><!--[--><img class="VPImage" src="/images/box.png" height="48" width="48" alt data-v-dcd2c7a0><!--]--><h2 class="title" data-v-7414d768>Out of the box</h2><p class="details" data-v-7414d768>Simple and fast integration, zero cost to get started, only 3 lines of code to display a chart, so that all attention can be focused on data docking.</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-ebb108d2><div class="VPLink no-icon VPFeature" data-v-ebb108d2 data-v-7414d768><!--[--><article class="box" data-v-7414d768><!--[--><img class="VPImage" src="/images/rocket.png" height="48" width="48" alt data-v-dcd2c7a0><!--]--><h2 class="title" data-v-7414d768>Lightweight and smooth</h2><p class="details" data-v-7414d768>Zero dependency, only about 50k under Gzip compression, and less than 1 millisecond to load under 4G network. Charts remain fluid even with thousands of candles.</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-ebb108d2><div class="VPLink no-icon VPFeature" data-v-ebb108d2 data-v-7414d768><!--[--><article class="box" data-v-7414d768><!--[--><img class="VPImage" src="/images/expand.png" height="48" width="48" alt data-v-dcd2c7a0><!--]--><h2 class="title" data-v-7414d768>Highly expand</h2><p class="details" data-v-7414d768>Provide rich configuration and Api, style modification, function collocation as you like. Provide technical indicators and line drawing model extensions, so that the chart has more possibilities.</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--[--><!--[--><section class="home-section sponsor-section" data-v-7d2a1d4b><div class="home-section-content sponsor" data-v-7d2a1d4b><h2 data-v-7d2a1d4b>Sponsors</h2><div class="sponsor-grid sponsor-top-grid" data-v-7d2a1d4b><a class="sponsor-grid-item item-no1" href="https://github.com/flameOnYou" target="_blank" rel="noreferrer" data-v-7d2a1d4b><img class="image" src="/images/sponsors/flameOnYou.jpg" data-v-7d2a1d4b><span class="text" data-v-7d2a1d4b>flameOnYou</span></a><a class="sponsor-grid-item item-no1" href="https://www.quantit.tech" target="_blank" rel="noreferrer" data-v-7d2a1d4b><img class="image" src="/images/sponsors/Northstar.png" data-v-7d2a1d4b><!----></a></div><!----><!----><!----><!----></div></section><!--]--><!--]--><!--]--><div class="vp-doc container" style="--vp-offset:calc(50% - Infinitypx);" data-v-72415cf3 data-v-03c2a94c><!--[--><div style="position:relative;" data-v-72415cf3><div></div></div><!--]--></div></div></div><footer class="VPFooter" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/sample/axis.html b/en-US/sample/axis.html
index 5d9ed6fa9..af07b2eb8 100644
--- a/en-US/sample/axis.html
+++ b/en-US/sample/axis.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Axis | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.NJyxUrxi.js">
-    <link rel="modulepreload" href="/assets/en-US_sample_axis.md.JNg0QnHJ.lean.js">
+    <link rel="modulepreload" href="/assets/en-US_sample_axis.md.5e2auj5u.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/sample/axis.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/sample/axis.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_sample_axis" data-v-a47c012d><div><h1 id="axis" tabindex="-1">Axis <a class="header-anchor" href="#axis" aria-label="Permalink to &quot;Axis&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgCiMIwUAAJ4AHLhFECieE4qDabEBGoJY1i2PYDQUI0L68HYVamtZZmoEyY7yRq1QAMoUKpsBwJ4GJjpUqkAIJYJ8iDlAF1bMHANnkMqvT4TxZjGVYNi2ewFkAJKPBAmBeGgMWYM5WKKGwbkUJ53nwH5xLBaFcDhf51bVgVuXkZFTGVIlqC8SlpnpRZiSqYaXheYaxXsK5FmVT5NWRXVYURc1lRje1zWdXhla9SZaXmdUABKMAniwjaeCxx2vktk2lQp01ebNTXVgtDVXc152ng08WMVtyW6MsgCncoA0HKAKNywOAPRmgBccoAYXKAPLKgCVSoAx3KAIAegAo9oAXJ6ADD_gAU6oAedqAKJpgCeGYAd26ALRygCcFoAdsaAKMGgCtioA2_GADIRgDAMYALqaAEAM6h_ewiRyO0gJQDmaAONwBLkGpJJnrk7Sciw0XtKQYDsPUMXzEL3BVmQeWYPQtYSo5GSOkr6B4FyFC-JQBJhNAUDsDU7T0AoeUKMQZAsOgaten0vNKzYFgKDbMX7m46VoF70vCHgsgKXxtaTeQ7gyGewROsQ6GUPE1QAKKwObFAAEKqZltpiA8CehCwskx1mtsWBQXqoAAwvHCiJ_kKdpwpxAsW4MDZzAueeGI7uTpXqA1LX9dN5QLflzg9bK-pgztMEYjj3X5BSc3idqKgVc4g5tkEj8vRcBIMCqeFYgtNGFBiJh2AUJfgDPyoA5fInPtUZyLfeFpCf7BnxfcQsAwC33vlgR-4hABnum_N4MAQFiDwuof41hY6tUwAAeVroVZe7Bvh_wAeFMA_sUJ9AfpfQAaJqAAuEk4mCKDYIQXwX-Y5T7n3ChQFgFgMKkPAZfQAoYrUOyvQxBqBkETlWkfXB-DWHiCPCwB2UA77cIgWIQA_X6AHIDQALvEnA-OXdgIVPgMKYZUFhgCxCGhYG0aeThFFUB4eIQAfm6ADAlQAK9ZaMaKeSx7gnBK3qoYqRpipgOBsWQ8QgBP7UAA6mWi3ikAcEoXgchRAKF8T_JBe8ODvROjgvBzD_7SKIVAEhtjlGAGNrQAiCrvxgA4CwUA4leT8TkghfQOFcKKZfQAs8rlMOhdGADDUmoGirFR4ExWCZ2djyPyuTVJgP4GUQIAA-K6E4171zbqQVOuc57dyoH3Aeq8J7kFHpUZZ5AcBoHLokB--Qim9GOagRS6B0CZxPJQACVBy6D3rK0CQiiZTzM4BlaoVlA62U8AAso3Ujn7MblvWeSlDQYAbpGKAtpblbUrGgmAtDsHDJYKM-QngJkAOmZtIICzHpLKhas9Z1BO5bN7jnGlg9bmHJruvO5ZzTwXPAVch-NyoX3Mec8igrzqCng-dIYg3yMi_LJQCiggi2qgvPuCyskK2VTzLqeRSylqDoERdAFFUK0XqHETivF4yTHEvwqSxZsdblUo7psmAPcdmMr2WylltzTmoHOZc4I1yxxesdoKmlIr3klwlVKrwszZWDWGqkMFm0-XqphVquFur9XIt5EanilYMkNDNWMgllqlEkr-eSu1lLk5rMdV3Z12yGWUCZVCz1_KOUsC5UJJRyb64CqeaGrioqWDiq-T8mN_yLJdI-gm5VSbA1Qo1TPNNOqEVIsNWy41KDp6J21fCvVa7s0pu3eXSsIBGF0AwNgHAX96BQCQKAUuNLaAwmHtwdAgRVAkFTSwT9czegvogJON9H6QASHEjIKSN1P0ZXujAEDvNP6P1pIqRgWBf3qBhLoYecyz1pAvYYOeJh71fsoE-xAIAcC3M3se3Cj13ZwBUgoQBkxsAQgBLALAJwwgSkYOFbjSk2Njn9lGVAJxeD9xep408gnKixN44UVDMn2AOxYA4NAJwvTybWIp3ojBg1C3CtprA7BAyBh0z1ZKlGoXUc1Wee1j09MPIMyZ1DWxzNHOdhIBw7Z0CbymCwcKABiFYmwADsoXvTeiUzUVgmAWAnAlO7Lk4VaTuZJJQE4MUABeMBDNmawEpsg_mgtgFK0ppcFAJK5ZCOQGA0XYunnCkeUIgm-C4ZAHpyVCgnD4E1KgYjj6aBEFsJVmAtB9EEjOFIGQ8k4AAAEACcOAOg4CKCAPDmA93UGIBAeAxHpuhFm7QJbK21t8HO-doAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Axis - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setPosition (position) {\n  chart.setStyles({\n    yAxis: {\n      position\n    }\n  })\n}\n\nfunction setInside (inside) {\n  chart.setStyles({\n    yAxis: {\n      inside\n    }\n  })\n}\n\nfunction setType (type) {\n  chart.setStyles({\n    yAxis: {\n      type\n    }\n  })\n}\n\nfunction setReverse (reverse) {\n  chart.setStyles({\n    yAxis: {\n      reverse\n    }\n  })\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\n\nconst positions = [\n  { key: &#39;right&#39;, text: &#39;右侧-Right&#39; },\n  { key: &#39;left&#39;, text: &#39;左侧-Left&#39; }\n]\nconst insideOutside = [\n  { key: false, text: &#39;外部-Outside&#39; },\n  { key: true, text: &#39;内部-Inside&#39; }\n]\nconst types = [\n  { key: &#39;normal&#39;, text: &#39;线性轴-Liner Axis&#39; },\n  { key: &#39;percentage&#39;, text: &#39;百分比轴-Percentage axis&#39; },\n  { key: &#39;log&#39;, text: &#39;对数轴-Logarithm axis&#39; },\n]\nconst reverse = [\n  { key: false, text: &#39;正向-Regularity&#39; },\n  { key: true, text: &#39;反向-Reverse&#39; }\n]\npositions.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setPosition(key) })\n  buttonContainer.appendChild(button)\n})\ninsideOutside.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setInside(key) })\n  buttonContainer.appendChild(button)\n})\ntypes.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setType(key) })\n  buttonContainer.appendChild(button)\n})\nreverse.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setReverse(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-X95qH" id="tab--9TVuST" checked="checked"><label for="tab--9TVuST">JavaScript</label><input type="radio" name="group-X95qH" id="tab-5C7MumL"><label for="tab-5C7MumL">HTML</label><input type="radio" name="group-X95qH" id="tab-fWk5rMU"><label for="tab-fWk5rMU">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/sample/axis.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/sample/axis.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_sample_axis" data-v-42bb49df><div><h1 id="axis" tabindex="-1">Axis <a class="header-anchor" href="#axis" aria-label="Permalink to &quot;Axis&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgCiMIwUAAJ4AHLhFECieE4qDabEBGoJY1i2PYDQUI0L68HYVamtZZmoEyY7yRq1QAMoUKpsBwJ4GJjpUqkAIJYJ8iDlAF1bMHANnkMqvT4TxZjGVYNi2ewFkAJKPBAmBeGgMWYM5WKKGwbkUJ53nwH5xLBaFcDhf51bVgVuXkZFTGVIlqC8SlpnpRZiSqYaXheYaxXsK5FmVT5NWRXVYURc1lRje1zWdXhla9SZaXmdUABKMAniwjaeCxx2vktk2lQp01ebNTXVgtDVXc152ng08WMVtyW6MsgCncoA0HKAKNywOAPRmgBccoAYXKAPLKgCVSoAx3KAIAegAo9oAXJ6ADD_gAU6oAedqAKJpgCeGYAd26ALRygCcFoAdsaAKMGgCtioA2_GADIRgDAMYALqaAEAM6h_ewiRyO0gJQDmaAONwBLkGpJJnrk7Sciw0XtKQYDsPUMXzEL3BVmQeWYPQtYSo5GSOkr6B4FyFC-JQBJhNAUDsDU7T0AoeUKMQZAsOgaten0vNKzYFgKDbMX7m46VoF70vCHgsgKXxtaTeQ7gyGewROsQ6GUPE1QAKKwObFAAEKqZltpiA8CehCwskx1mtsWBQXqoAAwvHCiJ_kKdpwpxAsW4MDZzAueeGI7uTpXqA1LX9dN5QLflzg9bK-pgztMEYjj3X5BSc3idqKgVc4g5tkEj8vRcBIMCqeFYgtNGFBiJh2AUJfgDPyoA5fInPtUZyLfeFpCf7BnxfcQsAwC33vlgR-4hABnum_N4MAQFiDwuof41hY6tUwAAeVroVZe7Bvh_wAeFMA_sUJ9AfpfQAaJqAAuEk4mCKDYIQXwX-Y5T7n3ChQFgFgMKkPAZfQAoYrUOyvQxBqBkETlWkfXB-DWHiCPCwB2UA77cIgWIQA_X6AHIDQALvEnA-OXdgIVPgMKYZUFhgCxCGhYG0aeThFFUB4eIQAfm6ADAlQAK9ZaMaKeSx7gnBK3qoYqRpipgOBsWQ8QgBP7UAA6mWi3ikAcEoXgchRAKF8T_JBe8ODvROjgvBzD_7SKIVAEhtjlGAGNrQAiCrvxgA4CwUA4leT8TkghfQOFcKKZfQAs8rlMOhdGADDUmoGirFR4ExWCZ2djyPyuTVJgP4GUQIAA-K6E4171zbqQVOuc57dyoH3Aeq8J7kFHpUZZ5AcBoHLokB--Qim9GOagRS6B0CZxPJQACVBy6D3rK0CQiiZTzM4BlaoVlA62U8AAso3Ujn7MblvWeSlDQYAbpGKAtpblbUrGgmAtDsHDJYKM-QngJkAOmZtIICzHpLKhas9Z1BO5bN7jnGlg9bmHJruvO5ZzTwXPAVch-NyoX3Mec8igrzqCng-dIYg3yMi_LJQCiggi2qgvPuCyskK2VTzLqeRSylqDoERdAFFUK0XqHETivF4yTHEvwqSxZsdblUo7psmAPcdmMr2WylltzTmoHOZc4I1yxxesdoKmlIr3klwlVKrwszZWDWGqkMFm0-XqphVquFur9XIt5EanilYMkNDNWMgllqlEkr-eSu1lLk5rMdV3Z12yGWUCZVCz1_KOUsC5UJJRyb64CqeaGrioqWDiq-T8mN_yLJdI-gm5VSbA1Qo1TPNNOqEVIsNWy41KDp6J21fCvVa7s0pu3eXSsIBGF0AwNgHAX96BQCQKAUuNLaAwmHtwdAgRVAkFTSwT9czegvogJON9H6QASHEjIKSN1P0ZXujAEDvNP6P1pIqRgWBf3qBhLoYecyz1pAvYYOeJh71fsoE-xAIAcC3M3se3Cj13ZwBUgoQBkxsAQgBLALAJwwgSkYOFbjSk2Njn9lGVAJxeD9xep408gnKixN44UVDMn2AOxYA4NAJwvTybWIp3ojBg1C3CtprA7BAyBh0z1ZKlGoXUc1Wee1j09MPIMyZ1DWxzNHOdhIBw7Z0CbymCwcKABiFYmwADsoXvTeiUzUVgmAWAnAlO7Lk4VaTuZJJQE4MUABeMBDNmawEpsg_mgtgFK0ppcFAJK5ZCOQGA0XYunnCkeUIgm-C4ZAHpyVCgnD4E1KgYjj6aBEFsJVmAtB9EEjOFIGQ8k4AAAEACcOAOg4CKCAPDmA93UGIBAeAxHpuhFm7QJbK21t8HO-doAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Axis - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setPosition (position) {\n  chart.setStyles({\n    yAxis: {\n      position\n    }\n  })\n}\n\nfunction setInside (inside) {\n  chart.setStyles({\n    yAxis: {\n      inside\n    }\n  })\n}\n\nfunction setType (type) {\n  chart.setStyles({\n    yAxis: {\n      type\n    }\n  })\n}\n\nfunction setReverse (reverse) {\n  chart.setStyles({\n    yAxis: {\n      reverse\n    }\n  })\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\n\nconst positions = [\n  { key: &#39;right&#39;, text: &#39;右侧-Right&#39; },\n  { key: &#39;left&#39;, text: &#39;左侧-Left&#39; }\n]\nconst insideOutside = [\n  { key: false, text: &#39;外部-Outside&#39; },\n  { key: true, text: &#39;内部-Inside&#39; }\n]\nconst types = [\n  { key: &#39;normal&#39;, text: &#39;线性轴-Liner Axis&#39; },\n  { key: &#39;percentage&#39;, text: &#39;百分比轴-Percentage axis&#39; },\n  { key: &#39;log&#39;, text: &#39;对数轴-Logarithm axis&#39; },\n]\nconst reverse = [\n  { key: false, text: &#39;正向-Regularity&#39; },\n  { key: true, text: &#39;反向-Reverse&#39; }\n]\npositions.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setPosition(key) })\n  buttonContainer.appendChild(button)\n})\ninsideOutside.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setInside(key) })\n  buttonContainer.appendChild(button)\n})\ntypes.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setType(key) })\n  buttonContainer.appendChild(button)\n})\nreverse.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setReverse(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-Kh8rm" id="tab-cPhNStb" checked="checked"><label for="tab-cPhNStb">JavaScript</label><input type="radio" name="group-Kh8rm" id="tab-sZc8GqH"><label for="tab-sZc8GqH">HTML</label><input type="radio" name="group-Kh8rm" id="tab-a4ZshFh"><label for="tab-a4ZshFh">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -149,8 +149,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/sample/indicator.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Indicator</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/sample/tooltip.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Tooltip</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/sample/indicator.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Indicator</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/sample/tooltip.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Tooltip</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/sample/basic.html b/en-US/sample/basic.html
index 5dacb4a7b..6beee774d 100644
--- a/en-US/sample/basic.html
+++ b/en-US/sample/basic.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Basic | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.NF-J8PY-.js">
-    <link rel="modulepreload" href="/assets/en-US_sample_basic.md.QvgKzbO9.lean.js">
+    <link rel="modulepreload" href="/assets/en-US_sample_basic.md.3PMOaPoH.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/sample/basic.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/sample/basic.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_sample_basic" data-v-a47c012d><div><h1 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qdWACuqYhQjl2Ac2oARBRQXsAFPvrxLTdgF52qGAHd25qtYCUOCYUACoMMP4ANOywqEYUci7sABwADCl-nOrs0TAcAEYKcDAACiwQxDCJAKxpKVnsdg4KTq4AshZyOGBQpKy2YXCOjOwA9OwAjLWj7ABs6ewAVLMpixNTALQ5sfGrc6uTafVkqIPs6BYKADIQp64A2gC69WCsNrAcEIkpANzc7AA8Wzicl-EAA1GCMsB6tljqdGGUKnBEo8YYJXtZ3uw8F9fjjAQAWPEQqFo7II8rwHCMLRwOTWApFUqU9hg9jteI4FgKDAify7FabADM6TRfDRFKRODgrAo_jRcI4pEY1ESYOskvgdw5nWEOnQ1h1XJ56D5GSWQr8DxwFFIADEIFgYAaAEx-PwK8inOQQIwJVzqzVwO5C622h1O13uz0nDg9LwBjWIrUpMP2x3O6xuj2obKwr0cYg9IpqpOU4NGvUYQ0dY28-j8i1Wm3pyNZ6O5vOK9gAN1IUC09kSldI-prnO59cba3mbMmMdOFC0LFQpB7MBYiWsytVbJ9ftZ0VIXjZRdIRQyYwJqz7A_saPOlmug2ptPpXEag2ajCiO9QUX3OQInjKIzyKKJb0HGAoiXFc1w3dg-BzNFGRKZNEjAmA0U_IZWVcPYlgOOpO3FTsWFyZdc0fK4bgodRSPUbt5CUDhXB4OVJHWaR3HWZi2DEHM-IoHAFEYRgoAATwAOU8HwFGsExUDk_w_BAPgIjoDBsBwOQKHoKAkFAY4qBoRAQH-dAIB7bh0GcVQQAkLiZF4xQ2Hs9hBgk2A7JAOQYF9XTEAJEVGCweyRgAPjUjS0EwXBiDgQhgHUkBGAUYgJAUEx8BlVBDJIcgTIofL9AoWBaAAIUKcp2E2KQZCEuAAAEAE4cCqHAUhADTMBVLTdAgeB8vq9xGtoNqOq6vhpumoA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Basic - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;/&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-UzekR" id="tab-_XHjg-V" checked="checked"><label for="tab-_XHjg-V">JavaScript</label><input type="radio" name="group-UzekR" id="tab-eTKFaon"><label for="tab-eTKFaon">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/sample/basic.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/sample/basic.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_sample_basic" data-v-42bb49df><div><h1 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qdWACuqYhQjl2Ac2oARBRQXsAFPvrxLTdgF52qGAHd25qtYCUOCYUACoMMP4ANOywqEYUci7sABwADCl-nOrs0TAcAEYKcDAACiwQxDCJAKxpKVnsdg4KTq4AshZyOGBQpKy2YXCOjOwA9OwAjLWj7ABs6ewAVLMpixNTALQ5sfGrc6uTafVkqIPs6BYKADIQp64A2gC69WCsNrAcEIkpANzc7AA8Wzicl-EAA1GCMsB6tljqdGGUKnBEo8YYJXtZ3uw8F9fjjAQAWPEQqFo7II8rwHCMLRwOTWApFUqU9hg9jteI4FgKDAify7FabADM6TRfDRFKRODgrAo_jRcI4pEY1ESYOskvgdw5nWEOnQ1h1XJ56D5GSWQr8DxwFFIADEIFgYAaAEx-PwK8inOQQIwJVzqzVwO5C622h1O13uz0nDg9LwBjWIrUpMP2x3O6xuj2obKwr0cYg9IpqpOU4NGvUYQ0dY28-j8i1Wm3pyNZ6O5vOK9gAN1IUC09kSldI-prnO59cba3mbMmMdOFC0LFQpB7MBYiWsytVbJ9ftZ0VIXjZRdIRQyYwJqz7A_saPOlmug2ptPpXEag2ajCiO9QUX3OQInjKIzyKKJb0HGAoiXFc1w3dg-BzNFGRKZNEjAmA0U_IZWVcPYlgOOpO3FTsWFyZdc0fK4bgodRSPUbt5CUDhXB4OVJHWaR3HWZi2DEHM-IoHAFEYRgoAATwAOU8HwFGsExUDk_w_BAPgIjoDBsBwOQKHoKAkFAY4qBoRAQH-dAIB7bh0GcVQQAkLiZF4xQ2Hs9hBgk2A7JAOQYF9XTEAJEVGCweyRgAPjUjS0EwXBiDgQhgHUkBGAUYgJAUEx8BlVBDJIcgTIofL9AoWBaAAIUKcp2E2KQZCEuAAAEAE4cCqHAUhADTMBVLTdAgeB8vq9xGtoNqOq6vhpumoA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Basic - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;/&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-bHqQi" id="tab-5sSGi_i" checked="checked"><label for="tab-5sSGi_i">JavaScript</label><input type="radio" name="group-bHqQi" id="tab-0r99GaB"><label for="tab-0r99GaB">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">  let</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> basePrice</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 5000</span></span>
@@ -48,8 +48,8 @@
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">const</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> init</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">k-line-chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span></span>
-<span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">applyNewData</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">genData</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">())</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br></div></div><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">div</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> id</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">k-line-chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> style</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">height:430px</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#B31D28;--shiki-dark-font-style:inherit;--shiki-light-font-style:italic;">/</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><!----></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/sample/candle-type.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Candle Type</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">applyNewData</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">genData</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">())</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br></div></div><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">div</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> id</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">k-line-chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> style</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">height:430px</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#B31D28;--shiki-dark-font-style:inherit;--shiki-light-font-style:italic;">/</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><!----></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/sample/candle-type.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Candle Type</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/sample/candle-type.html b/en-US/sample/candle-type.html
index 65f32fa39..9f13c9def 100644
--- a/en-US/sample/candle-type.html
+++ b/en-US/sample/candle-type.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Candle Type | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.OtKzJCHs.js">
-    <link rel="modulepreload" href="/assets/en-US_sample_candle-type.md.AteKF25b.lean.js">
+    <link rel="modulepreload" href="/assets/en-US_sample_candle-type.md.jwCYpV7R.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/sample/candle-type.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/sample/candle-type.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_sample_candle-type" data-v-a47c012d><div><h1 id="candle-type" tabindex="-1">Candle Type <a class="header-anchor" href="#candle-type" aria-label="Permalink to &quot;Candle Type&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgCiMIwUAAJ4AHLhFECieE4qDabEBGoJY1i2PYDRJKphpeBQVkwEyY7yRq1QAMq2bAcCeBiY5Yo6sCIJwfR2XhvT4TxZioLoyyAKdygDQcoAo3LxYA9GaAFxygBhcoA8sqAJVKgDHcoAgB6ACj2gBcnoAMP-ABTqgB52oAommAJ4ZgB3boAtHKAJwWgB2xoAowaAK2KgDb8YAMhGAMAxgAupoAQAzqFF7CJHI7SAlAOZoA43AEuQakkmeuTtJyLDMI2pBgOw9RwFxc3cFWZCYM8MD0LWEpmTBe0YHt6B4FyFC-JQBJhNAUDsDU7T0AoZ0KMQZAsOgR1en0k17TYFgKF9B37m4dhVmgEPrcIeCyApfG1uwDzuDIZ7BE6xDoZQ8TVAAorAr0UAAQqpACStpiHjCgE7J2NZt9FgUF6qAAMLkPjoSE88pAkzTODECxbgwFTF3UKJoOThzqA1DzfOC5QbMi1LUD7epgztMEYjq7z5BSULOunmo1g47wF0Ej8vRcBIMCqQFLN-TAAD6mrSOgYiYdgFCe4AFooVYAw_onAAgjN7D-xAgd4WkLvsG7HviMQ3t-xQwhu0HfQh-HgBeXtHcdw3npAFynacZ572cYLAPsWIwuf5zAhdUFgofiIAFbZlycACqizzB3Yi12Orvuw3OdOmEqDt9XnfBz3nuADOxg_OA-VZj8vE98KnU_pzP4ikHIUDEF3xfiAA8gAEm8_MH0flTT5nYhKDACjX2v4iAEbpgB7z0AH9qscZYH3UP8DQVB6BwAmKwCmgMeReRPqpVe_AyiBAAHzlEcjjM2fN8jE1JgpaW38qDyxpp4U2GtyCq0qAQ8gOA0Ai0SCHfI3duJjkYagRS6B0AUxPJQACVARbUPrK0CQhcZTYMChZRIdlPAZzKGFbhtCBZWwJopZS1B0D80jFAW0PDKyqNZlopShoMD6OgEY9RWthanhiCAQ-dAMDYBwHIF6UAkCgDxorWgMJlbcHQIEVQJBNEizCVg3ogSICTmCaEkAEhxIyCkooNgYSE7uRgIkyaUZPGIFpIqRgWAonqBhLoZWWDnFpFcYYKWJgfHhMoP4xAIAcA8MttrAmuDKigzgCpBQmdJjYAhACWAWAThhAlIwAK0ylJjLHLDKMqATgO1gQFNoLSWCLMqA4JSAUCglN2ewP6LAHBoBOF6WZxxjm9EYP9UG2QAprBKewQMgY7moF4rwzpZiRbc3NlWbyLJHlzQCp8rAWwvkMMBhIBw7Z0CWymCwAKABiFYmwADsWLvTehOTUVgmAWAnAlKDLkAVaQwpJJQE4B0ABeMAXmQpOWQFF6KwCcpOUuCgEkmUhHIDAAlRLTwBSPKERZfAakgAecQCQCgnD4E1KgJpfiaBEFsLymAtB-be3YGcKQMh5JwAAAIAE4cAdBwEUEAtTMCWMwNYCA8AmmGtCMa2gFqrU2r4L631QA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Candle - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setType (type) {\n  chart.setStyles({\n    candle: { type }\n  })\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;candle_solid&#39;, text: &#39;全实心-All solid&#39; },\n  { key: &#39;candle_stroke&#39;, text: &#39;全空心-All stroke&#39; },\n  { key: &#39;candle_up_stroke&#39;, text: &#39;涨空心-Up stroke&#39; },\n  { key: &#39;candle_down_stroke&#39;, text: &#39;跌空心-Down stroke&#39; },\n  { key: &#39;ohlc&#39;, text: &#39;OHLC&#39; },\n  { key: &#39;area&#39;, text: &#39;面积图-Area&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setType(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-pw5PA" id="tab-SR2KcG0" checked="checked"><label for="tab-SR2KcG0">JavaScript</label><input type="radio" name="group-pw5PA" id="tab-xOfVKqM"><label for="tab-xOfVKqM">HTML</label><input type="radio" name="group-pw5PA" id="tab-OqEMlt2"><label for="tab-OqEMlt2">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/sample/candle-type.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/sample/candle-type.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_sample_candle-type" data-v-42bb49df><div><h1 id="candle-type" tabindex="-1">Candle Type <a class="header-anchor" href="#candle-type" aria-label="Permalink to &quot;Candle Type&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgCiMIwUAAJ4AHLhFECieE4qDabEBGoJY1i2PYDRJKphpeBQVkwEyY7yRq1QAMq2bAcCeBiY5Yo6sCIJwfR2XhvT4TxZioLoyyAKdygDQcoAo3LxYA9GaAFxygBhcoA8sqAJVKgDHcoAgB6ACj2gBcnoAMP-ABTqgB52oAommAJ4ZgB3boAtHKAJwWgB2xoAowaAK2KgDb8YAMhGAMAxgAupoAQAzqFF7CJHI7SAlAOZoA43AEuQakkmeuTtJyLDMI2pBgOw9RwFxc3cFWZCYM8MD0LWEpmTBe0YHt6B4FyFC-JQBJhNAUDsDU7T0AoZ0KMQZAsOgR1en0k17TYFgKF9B37m4dhVmgEPrcIeCyApfG1uwDzuDIZ7BE6xDoZQ8TVAAorAr0UAAQqpACStpiHjCgE7J2NZt9FgUF6qAAMLkPjoSE88pAkzTODECxbgwFTF3UKJoOThzqA1DzfOC5QbMi1LUD7epgztMEYjq7z5BSULOunmo1g47wF0Ej8vRcBIMCqQFLN-TAAD6mrSOgYiYdgFCe4AFooVYAw_onAAgjN7D-xAgd4WkLvsG7HviMQ3t-xQwhu0HfQh-HgBeXtHcdw3npAFynacZ572cYLAPsWIwuf5zAhdUFgofiIAFbZlycACqizzB3Yi12Orvuw3OdOmEqDt9XnfBz3nuADOxg_OA-VZj8vE98KnU_pzP4ikHIUDEF3xfiAA8gAEm8_MH0flTT5nYhKDACjX2v4iAEbpgB7z0AH9qscZYH3UP8DQVB6BwAmKwCmgMeReRPqpVe_AyiBAAHzlEcjjM2fN8jE1JgpaW38qDyxpp4U2GtyCq0qAQ8gOA0Ai0SCHfI3duJjkYagRS6B0AUxPJQACVARbUPrK0CQhcZTYMChZRIdlPAZzKGFbhtCBZWwJopZS1B0D80jFAW0PDKyqNZlopShoMD6OgEY9RWthanhiCAQ-dAMDYBwHIF6UAkCgDxorWgMJlbcHQIEVQJBNEizCVg3ogSICTmCaEkAEhxIyCkooNgYSE7uRgIkyaUZPGIFpIqRgWAonqBhLoZWWDnFpFcYYKWJgfHhMoP4xAIAcA8MttrAmuDKigzgCpBQmdJjYAhACWAWAThhAlIwAK0ylJjLHLDKMqATgO1gQFNoLSWCLMqA4JSAUCglN2ewP6LAHBoBOF6WZxxjm9EYP9UG2QAprBKewQMgY7moF4rwzpZiRbc3NlWbyLJHlzQCp8rAWwvkMMBhIBw7Z0CWymCwAKABiFYmwADsWLvTehOTUVgmAWAnAlKDLkAVaQwpJJQE4B0ABeMAXmQpOWQFF6KwCcpOUuCgEkmUhHIDAAlRLTwBSPKERZfAakgAecQCQCgnD4E1KgJpfiaBEFsLymAtB-be3YGcKQMh5JwAAAIAE4cAdBwEUEAtTMCWMwNYCA8AmmGtCMa2gFqrU2r4L631QA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Candle - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setType (type) {\n  chart.setStyles({\n    candle: { type }\n  })\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;candle_solid&#39;, text: &#39;全实心-All solid&#39; },\n  { key: &#39;candle_stroke&#39;, text: &#39;全空心-All stroke&#39; },\n  { key: &#39;candle_up_stroke&#39;, text: &#39;涨空心-Up stroke&#39; },\n  { key: &#39;candle_down_stroke&#39;, text: &#39;跌空心-Down stroke&#39; },\n  { key: &#39;ohlc&#39;, text: &#39;OHLC&#39; },\n  { key: &#39;area&#39;, text: &#39;面积图-Area&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setType(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-S7gJS" id="tab-1Og9Jxt" checked="checked"><label for="tab-1Og9Jxt">JavaScript</label><input type="radio" name="group-S7gJS" id="tab-Upry-OW"><label for="tab-Upry-OW">HTML</label><input type="radio" name="group-S7gJS" id="tab-H0Wome-"><label for="tab-H0Wome-">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -95,8 +95,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/sample/basic.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Basic</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/sample/indicator.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Indicator</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/sample/basic.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Basic</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/sample/indicator.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Indicator</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/sample/data.html b/en-US/sample/data.html
index 71e6465e2..30c0fa9f0 100644
--- a/en-US/sample/data.html
+++ b/en-US/sample/data.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Data | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.cB-cgzs-.js">
-    <link rel="modulepreload" href="/assets/en-US_sample_data.md.makqmGdU.lean.js">
+    <link rel="modulepreload" href="/assets/en-US_sample_data.md.KwS-0Ey9.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/sample/data.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/sample/data.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_sample_data" data-v-a47c012d><div><h1 id="data" tabindex="-1">Data <a class="header-anchor" href="#data" aria-label="Permalink to &quot;Data&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qdWACuqYhQjl2Ac2oARBRQXsAFPvrxLTdgF52qGAHd25qtYCUOCYUACoMMP4ANOywqEYUci7sABwADCl-nOrs0TAcAEYKcDAACiwQxDCJAKxpKVnsdg4KTq4AshZyOGBQpKy2YXCOjOwA9OwAjLWj7ABs6ewAVLMpixNTALQ5sfGrc6uTafVkqIPs6BYKADIQp64A2gC69WCsNrAcEIkpANzc7AA8Wzicl-EAA1GCMsB6tljqdGGUKnBEo8YYJXtZ3uw8F9fjjAQAWPEQqFo7II8rwHCMLRwOTWApFUqU9hg9jteI4FgKDAify7FabADM6TRfDRFKRODgrAo_jRcI4pEY1ESYOskvgdw5nWEOnQ1h1XJ56D5GSWQr8DxwFFIADEIFgYAaAEx-PwK8inOQQIwJVzqzVwO5C622h1O13uz0nDg9LwBjWIrUpMP2x3O6xuj2obKwr0cYg9IpqpOU4NGvUYQ0dY28-j8i1Wm3pyNZ6O5vOK9gAN1IUC09kSldI-prnO59cba3mbMmMdOFC0LFQpB7MBYiWsytVbJ9ftZ0VIXjZRdIRQyYwJqz7A_saPOlmug2ptPpXEag2ajCiO9QUX3OQInjKIzyKKJb0HGAoiXFc1w3dg-BzNFGRKZNEjAmA0U_IZWVcPYlgOOpO3FTsWFyZdc0fK4bgodRSPUbt5CUDhXB4OVJHWaR3HWZi2DEHM-IoHAFEYRgoAATwAOU8HwFGsExUDk_xBMUNgcB6BR0FaVhwn6ewvyYDJnAAPkyTtNO03TQnsTdXCKEIwlHOV-VM8y83YISRLEySdPI5TFOUnDvz8GCWC0GAc2yPgohdWocyQxi1OE0TxOk2SLgUsxMtChpwsi9QtEYR8YGU5DUG0XR9EMIqSrkmxSU7BybJgZzrFcszoU7fNYzOC5n1YzzksCXI5IG-Vus8gtokKCh6tcaiBruRbaI06hgXYTZxieSbu3cDx5s4dgcBOqBZvq0iPP2uScEwvCbErE0zVWOLNrWKK82ui4cEA4da3oBQsGsL7LB-30gLcDLQcwj7shBhQNOPP7OXoNBgahhGQMhg7vphtF4ZwSChzBNpayrA1Hqnc13oVYbaosUrMvh2H2HpqgyvqGLllFVBSJAGK6AwbAfooegoCQUBjioGhEBAf50AgHtuHQZxVBACQuJkXjkrV9hBgk2BVZAOQYHBihEAJEVGCwNWRhM_mIkFzBcGIOBCGAAXGAUYgJAUEx8BlVAJZIchpYoYP9AoWBaHqzYpBkIS4AAAQAThwKocBSEBHcwFUhd0CB4GD-P3ET2g04zrO-Gr6ugA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Data - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;/&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\nchart.loadMore((timestamp) =&gt; {\n  loadMoreTimer = setTimeout(() =&gt; {\n    chart.applyMoreData(genData(timestamp), true)\n  }, 2000)\n})\nchart.applyNewData(genData(), true)\nupdateData()\n\nfunction updateData () {\n  setTimeout(() =&gt; {\n    const dataList = chart.getDataList()\n    const lastData = dataList[dataList.length - 1]\n    const newData = { ...lastData }\n    newData.close += (Math.random() * 20 - 10)\n    newData.high = Math.max(newData.high, newData.close)\n    newData.low = Math.min(newData.low, newData.close)\n    newData.volume += Math.round(Math.random() * 10)\n    chart.updateData(newData)\n    updateData()\n  }, 600)\n}\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-HHcWC" id="tab-WDZFKkt" checked="checked"><label for="tab-WDZFKkt">JavaScript</label><input type="radio" name="group-HHcWC" id="tab-ZKCq1ad"><label for="tab-ZKCq1ad">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/sample/data.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/sample/data.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_sample_data" data-v-42bb49df><div><h1 id="data" tabindex="-1">Data <a class="header-anchor" href="#data" aria-label="Permalink to &quot;Data&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qdWACuqYhQjl2Ac2oARBRQXsAFPvrxLTdgF52qGAHd25qtYCUOCYUACoMMP4ANOywqEYUci7sABwADCl-nOrs0TAcAEYKcDAACiwQxDCJAKxpKVnsdg4KTq4AshZyOGBQpKy2YXCOjOwA9OwAjLWj7ABs6ewAVLMpixNTALQ5sfGrc6uTafVkqIPs6BYKADIQp64A2gC69WCsNrAcEIkpANzc7AA8Wzicl-EAA1GCMsB6tljqdGGUKnBEo8YYJXtZ3uw8F9fjjAQAWPEQqFo7II8rwHCMLRwOTWApFUqU9hg9jteI4FgKDAify7FabADM6TRfDRFKRODgrAo_jRcI4pEY1ESYOskvgdw5nWEOnQ1h1XJ56D5GSWQr8DxwFFIADEIFgYAaAEx-PwK8inOQQIwJVzqzVwO5C622h1O13uz0nDg9LwBjWIrUpMP2x3O6xuj2obKwr0cYg9IpqpOU4NGvUYQ0dY28-j8i1Wm3pyNZ6O5vOK9gAN1IUC09kSldI-prnO59cba3mbMmMdOFC0LFQpB7MBYiWsytVbJ9ftZ0VIXjZRdIRQyYwJqz7A_saPOlmug2ptPpXEag2ajCiO9QUX3OQInjKIzyKKJb0HGAoiXFc1w3dg-BzNFGRKZNEjAmA0U_IZWVcPYlgOOpO3FTsWFyZdc0fK4bgodRSPUbt5CUDhXB4OVJHWaR3HWZi2DEHM-IoHAFEYRgoAATwAOU8HwFGsExUDk_xBMUNgcB6BR0FaVhwn6ewvyYDJnAAPkyTtNO03TQnsTdXCKEIwlHOV-VM8y83YISRLEySdPI5TFOUnDvz8GCWC0GAc2yPgohdWocyQxi1OE0TxOk2SLgUsxMtChpwsi9QtEYR8YGU5DUG0XR9EMIqSrkmxSU7BybJgZzrFcszoU7fNYzOC5n1YzzksCXI5IG-Vus8gtokKCh6tcaiBruRbaI06hgXYTZxieSbu3cDx5s4dgcBOqBZvq0iPP2uScEwvCbErE0zVWOLNrWKK82ui4cEA4da3oBQsGsL7LB-30gLcDLQcwj7shBhQNOPP7OXoNBgahhGQMhg7vphtF4ZwSChzBNpayrA1Hqnc13oVYbaosUrMvh2H2HpqgyvqGLllFVBSJAGK6AwbAfooegoCQUBjioGhEBAf50AgHtuHQZxVBACQuJkXjkrV9hBgk2BVZAOQYHBihEAJEVGCwNWRhM_mIkFzBcGIOBCGAAXGAUYgJAUEx8BlVAJZIchpYoYP9AoWBaHqzYpBkIS4AAAQAThwKocBSEBHcwFUhd0CB4GD-P3ET2g04zrO-Gr6ugA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Data - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;/&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\nchart.loadMore((timestamp) =&gt; {\n  loadMoreTimer = setTimeout(() =&gt; {\n    chart.applyMoreData(genData(timestamp), true)\n  }, 2000)\n})\nchart.applyNewData(genData(), true)\nupdateData()\n\nfunction updateData () {\n  setTimeout(() =&gt; {\n    const dataList = chart.getDataList()\n    const lastData = dataList[dataList.length - 1]\n    const newData = { ...lastData }\n    newData.close += (Math.random() * 20 - 10)\n    newData.high = Math.max(newData.high, newData.close)\n    newData.low = Math.min(newData.low, newData.close)\n    newData.volume += Math.round(Math.random() * 10)\n    chart.updateData(newData)\n    updateData()\n  }, 600)\n}\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-VtjGR" id="tab-stIdVQl" checked="checked"><label for="tab-stIdVQl">JavaScript</label><input type="radio" name="group-VtjGR" id="tab-Ire6MIi"><label for="tab-Ire6MIi">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">  let</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> basePrice</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 5000</span></span>
@@ -69,8 +69,8 @@
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">    chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">updateData</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">newData</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">)</span></span>
 <span class="line"><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">    updateData</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">()</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  },</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 600</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">)</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br></div></div><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">div</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> id</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">k-line-chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> style</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">height:430px</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#B31D28;--shiki-dark-font-style:inherit;--shiki-light-font-style:italic;">/</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/sample/overlay.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Overlay</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/sample/theme.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Theme</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br></div></div><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">div</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> id</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">k-line-chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> style</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">height:430px</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#B31D28;--shiki-dark-font-style:inherit;--shiki-light-font-style:italic;">/</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/sample/overlay.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Overlay</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/sample/theme.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Theme</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/sample/i18n.html b/en-US/sample/i18n.html
index 834a1937c..5f9ef14c7 100644
--- a/en-US/sample/i18n.html
+++ b/en-US/sample/i18n.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>I18n | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.y2z3XanR.js">
-    <link rel="modulepreload" href="/assets/en-US_sample_i18n.md.gISjueFG.lean.js">
+    <link rel="modulepreload" href="/assets/en-US_sample_i18n.md.V8elJXsA.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/sample/i18n.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/sample/i18n.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_sample_i18n" data-v-a47c012d><div><h1 id="i18n" tabindex="-1">I18n <a class="header-anchor" href="#i18n" aria-label="Permalink to &quot;I18n&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWAGVLEAhrHYBfdmBal67AOQBrKGhjEAFrLZxNAHVQNmbLTgD0aTLlhwzly2ACuqYhQjk7MLUACKyFLLsABT-9PARTOwAvOyoMADu7GFUUQCUOMEUACoMMHkCsKjCFIbJ7AAcAAyNuZyW7OywHABGsnAwAAosEMQwdQCszY3t7LHxsokpALLhhjhgUKSsMaXiC4zs9uwAjFOH7ABsLewAVJeNtydnALSd1NW1d1ePp80zZKhxOx0OFZJIxBwUgBtAC6MzArGiXW4dUaAG4UQAeN5VGoYiAAagJrWAMw6AKBjGGozgdVhZJUiKiyLwqIxrOxABZ2USSQyOlSRvAcIwvHBDFFev0hkL2AT2CsajgWLIMOo8o9vq8AMwtBmKBmCmk4OCsCh5BkUjikRjUOoEqJG-BQxVrNQ-dBRV3K1XodWtO7a3IwnAUUgAMQgWBgnoATLlcpbyEDDBBhLUUg6nXAodqQ2HI9G4wmk4COJtMpnHdTnY18xGozGovHE6gOuTkxxiJt-vbq0Kc973RgvasfWr6BrA8HQw2i82S2321b2AA3UhQLxxOpD0ge0dKlUTqdPa7y06loEULwsVCkVcwFh1KI2u3y1PpuWdUiZeXd0j9K0Ryco866bnEDIghE4LiCKYoSlwcx7EwAivqgAgfoYfAVgI_79AIYFbjAAjXre96PkorYMlKgw1nUeEwAySEJAcBIpN8dy_NMS4GkuQikW2UFghCli8ZYQiiOIj7SHIsBRJoABehjPAAEgA0poAikkucyIFogBCZoAyamAFj_mkzGhemaIA0ammXwMyYZZgAbWbZMwVpZgBy8i5S4MZZgBspl5HSEXElmAAhGgAlcoA84mmaJVG-J27BGCYkLcFY5o6M8ehpM8iVsJorY5RQOCyIwjBQAAngAchk2SyFEwSoDVeSxd4vj-IE_QUJIqrCEi3V8t5xhsCaMCdTI8hlFAfWiR4qD2EcgCncoA0HKAKNyy2APRmgBccoAYXKAPLKgCVSoAx3KAIAegAo9oAXJ6ADD_gAU6oAedqAKJpgCeGYAd26ALRygCcFoAdsaAKMGgCtioA2_GADIRgDAMYALqaAEAMlhzewRSGGMCJQBWaA9WI7DkOVjJPjUYyiiwzC9qQYDsH0cAQkjKUJaQmDAjA9CdiqbXoUTGBE-geBihQcSULS6TQFA7DdGM9CyFTsjEGQLDoGTYazLDRN-F48jsCT17hAEbZoDL2NqHgBiFZYK4AhE-hPikfrEERlAFCNACisCcxQABCZUAJKepohuyMbeX6_F3ReBQYaoAAwuQRtpCbwIyBbhXEEI4QwLbNPUGlkurt7qB-wH5Ah5Qnvhzg3bExVCxjCkmiZ4H2Wh3nj4WHFZbcFQ9C0tCMxcNoMBlZZSnPEHFWabM2AUJZgAB3oAyvIvYA4aaaEodlLu3nfd8p6kD1QWDD1ogCCfhP0-z237Ad13WjUM8ACqADKq9D5Z1tVHo4oz7xcKpTTcDrKw1uixKUQL2VJFD5RZIAA-No3lfb-0DnUM20cC5xyoIne28kK7kHTh0ZBqAcBoHDkUABKQ14UBmOgoq6B0DWwfJQGCVBw7yW7CMbQA8NRJBAVwDqXUqhREPq0RQrY0EQOztXY2RUSrUHQEHVMUBPToNbNwn2udBHFVtBgMR0BJF8ODgI8OrYQCKD4HQDA2AcCGA5lAJAoBDbJ1oJiVO3B0BJHMCQDRj57FAJmFYiAq4bF2JANoDK-hsqDQISAJWFAyqwC8bDNMRjECcl1IwLAzjLCYnsKnIB2jdFOAMcQNwpiHGUAsYgEAOB0FVzkeHUBHRJZwFKrII-GxsBonhLALAzx0gqkYHpVpxUGlLnkGmVAzxeCvz0qMPJLBukdGEMVPS9Q4njPYELFgoh-lhnaU8WZMxGDC0llUPSpw4nsFjLGdZqAxIYOKR7Y2_M1HlPYJskhSM9JHKwJcY5aDRbaGEMOdAVdNgsD0gAYmOBcAA7MC8M4Y5ndFYJgFgzwVSSzFHpTkrzGSUGeCTBSMBdlPLmWQX5AKwCErmXuCgmUsWpHIDASF0LHx6TvGkbpig0kgE2cQbQshgj4FNKgHJ5iaBEH8KSmAtBnbHHqG2V4uh9AFTgAAAQAJw4HGDgRoIBdGYEUZgXwEB4A5KlWkGVtBFXKtVYoM1ZqgA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;I18n - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerLocale } = klinecharts\nimport &#39;./index.less&#39;\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nregisterLocale(&#39;zh-HK&#39;, {\n  time: &#39;時間：&#39;,\n  open: &#39;開：&#39;,\n  high: &#39;高：&#39;,\n  low: &#39;低：&#39;,\n  close: &#39;收：&#39;,\n  volume: &#39;成交量：&#39;\n})\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setLang (lang) {\n  chart.setLocale(lang)\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;zh-CN&#39;, text: &#39;简体中文&#39; },\n  { key: &#39;zh-HK&#39;, text: &#39;繁体中文&#39; },\n  { key: &#39;en-US&#39;, text: &#39;English&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setLang(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-wvEBK" id="tab-CDeShzT" checked="checked"><label for="tab-CDeShzT">JavaScript</label><input type="radio" name="group-wvEBK" id="tab-ytbB0BN"><label for="tab-ytbB0BN">HTML</label><input type="radio" name="group-wvEBK" id="tab-nj2meC0"><label for="tab-nj2meC0">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerLocale</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/sample/i18n.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/sample/i18n.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_sample_i18n" data-v-42bb49df><div><h1 id="i18n" tabindex="-1">I18n <a class="header-anchor" href="#i18n" aria-label="Permalink to &quot;I18n&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWAGVLEAhrHYBfdmBal67AOQBrKGhjEAFrLZxNAHVQNmbLTgD0aTLlhwzly2ACuqYhQjk7MLUACKyFLLsABT-9PARTOwAvOyoMADu7GFUUQCUOMEUACoMMHkCsKjCFIbJ7AAcAAyNuZyW7OywHABGsnAwAAosEMQwdQCszY3t7LHxsokpALLhhjhgUKSsMaXiC4zs9uwAjFOH7ABsLewAVJeNtydnALSd1NW1d1ePp80zZKhxOx0OFZJIxBwUgBtAC6MzArGiXW4dUaAG4UQAeN5VGoYiAAagJrWAMw6AKBjGGozgdVhZJUiKiyLwqIxrOxABZ2USSQyOlSRvAcIwvHBDFFev0hkL2AT2CsajgWLIMOo8o9vq8AMwtBmKBmCmk4OCsCh5BkUjikRjUOoEqJG-BQxVrNQ-dBRV3K1XodWtO7a3IwnAUUgAMQgWBgnoATLlcpbyEDDBBhLUUg6nXAodqQ2HI9G4wmk4COJtMpnHdTnY18xGozGovHE6gOuTkxxiJt-vbq0Kc973RgvasfWr6BrA8HQw2i82S2321b2AA3UhQLxxOpD0ge0dKlUTqdPa7y06loEULwsVCkVcwFh1KI2u3y1PpuWdUiZeXd0j9K0Ryco866bnEDIghE4LiCKYoSlwcx7EwAivqgAgfoYfAVgI_79AIYFbjAAjXre96PkorYMlKgw1nUeEwAySEJAcBIpN8dy_NMS4GkuQikW2UFghCli8ZYQiiOIj7SHIsBRJoABehjPAAEgA0poAikkucyIFogBCZoAyamAFj_mkzGhemaIA0ammXwMyYZZgAbWbZMwVpZgBy8i5S4MZZgBspl5HSEXElmAAhGgAlcoA84mmaJVG-J27BGCYkLcFY5o6M8ehpM8iVsJorY5RQOCyIwjBQAAngAchk2SyFEwSoDVeSxd4vj-IE_QUJIqrCEi3V8t5xhsCaMCdTI8hlFAfWiR4qD2EcgCncoA0HKAKNyy2APRmgBccoAYXKAPLKgCVSoAx3KAIAegAo9oAXJ6ADD_gAU6oAedqAKJpgCeGYAd26ALRygCcFoAdsaAKMGgCtioA2_GADIRgDAMYALqaAEAMlhzewRSGGMCJQBWaA9WI7DkOVjJPjUYyiiwzC9qQYDsH0cAQkjKUJaQmDAjA9CdiqbXoUTGBE-geBihQcSULS6TQFA7DdGM9CyFTsjEGQLDoGTYazLDRN-F48jsCT17hAEbZoDL2NqHgBiFZYK4AhE-hPikfrEERlAFCNACisCcxQABCZUAJKepohuyMbeX6_F3ReBQYaoAAwuQRtpCbwIyBbhXEEI4QwLbNPUGlkurt7qB-wH5Ah5Qnvhzg3bExVCxjCkmiZ4H2Wh3nj4WHFZbcFQ9C0tCMxcNoMBlZZSnPEHFWabM2AUJZgAB3oAyvIvYA4aaaEodlLu3nfd8p6kD1QWDD1ogCCfhP0-z237Ad13WjUM8ACqADKq9D5Z1tVHo4oz7xcKpTTcDrKw1uixKUQL2VJFD5RZIAA-No3lfb-0DnUM20cC5xyoIne28kK7kHTh0ZBqAcBoHDkUABKQ14UBmOgoq6B0DWwfJQGCVBw7yW7CMbQA8NRJBAVwDqXUqhREPq0RQrY0EQOztXY2RUSrUHQEHVMUBPToNbNwn2udBHFVtBgMR0BJF8ODgI8OrYQCKD4HQDA2AcCGA5lAJAoBDbJ1oJiVO3B0BJHMCQDRj57FAJmFYiAq4bF2JANoDK-hsqDQISAJWFAyqwC8bDNMRjECcl1IwLAzjLCYnsKnIB2jdFOAMcQNwpiHGUAsYgEAOB0FVzkeHUBHRJZwFKrII-GxsBonhLALAzx0gqkYHpVpxUGlLnkGmVAzxeCvz0qMPJLBukdGEMVPS9Q4njPYELFgoh-lhnaU8WZMxGDC0llUPSpw4nsFjLGdZqAxIYOKR7Y2_M1HlPYJskhSM9JHKwJcY5aDRbaGEMOdAVdNgsD0gAYmOBcAA7MC8M4Y5ndFYJgFgzwVSSzFHpTkrzGSUGeCTBSMBdlPLmWQX5AKwCErmXuCgmUsWpHIDASF0LHx6TvGkbpig0kgE2cQbQshgj4FNKgHJ5iaBEH8KSmAtBnbHHqG2V4uh9AFTgAAAQAJw4HGDgRoIBdGYEUZgXwEB4A5KlWkGVtBFXKtVYoM1ZqgA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;I18n - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerLocale } = klinecharts\nimport &#39;./index.less&#39;\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nregisterLocale(&#39;zh-HK&#39;, {\n  time: &#39;時間：&#39;,\n  open: &#39;開：&#39;,\n  high: &#39;高：&#39;,\n  low: &#39;低：&#39;,\n  close: &#39;收：&#39;,\n  volume: &#39;成交量：&#39;\n})\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setLang (lang) {\n  chart.setLocale(lang)\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;zh-CN&#39;, text: &#39;简体中文&#39; },\n  { key: &#39;zh-HK&#39;, text: &#39;繁体中文&#39; },\n  { key: &#39;en-US&#39;, text: &#39;English&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setLang(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-xVuql" id="tab-ELfQ8GC" checked="checked"><label for="tab-ELfQ8GC">JavaScript</label><input type="radio" name="group-xVuql" id="tab-GrG9cwW"><label for="tab-GrG9cwW">HTML</label><input type="radio" name="group-xVuql" id="tab-aSRJoXK"><label for="tab-aSRJoXK">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerLocale</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.less</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -99,8 +99,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/sample/timezone.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Timezone</span><!--]--></a></div><div class="pager" data-v-5583ab76><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/sample/timezone.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Timezone</span><!--]--></a></div><div class="pager" data-v-8dd15667><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/sample/indicator.html b/en-US/sample/indicator.html
index 99b008b75..2478c1668 100644
--- a/en-US/sample/indicator.html
+++ b/en-US/sample/indicator.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Indicator | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.kgSofxY-.js">
-    <link rel="modulepreload" href="/assets/en-US_sample_indicator.md.sM_nm4lX.lean.js">
+    <link rel="modulepreload" href="/assets/en-US_sample_indicator.md.vpibD4Ua.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/sample/indicator.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/sample/indicator.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_sample_indicator" data-v-a47c012d><div><h1 id="indicator" tabindex="-1">Indicator <a class="header-anchor" href="#indicator" aria-label="Permalink to &quot;Indicator&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWASQwRiAQwqt2AX3ZgWpeuwDkAayhoYxABZy2cbQB1UDZmx04A9Gky5icC9etlU4tSwBXXjh2AF52AG1rdh1AHg3AeX3tAW1YwDl9pLjABX2MlMApfZzYwGl9gsAZfaTouMBJfYLAcX2CwGV9gsAJfYLAJX2CwEV98tQYlMBZfZzAPg3AU12hwF1docBbXaHARV2CxOsAXS9UIVFxGCkZeUUWAApgCtQ5ehhEHQBhAPFNbpjIYQChOHOonpjOdl0YAE9z7Rg9FIeAg2hUFUWfAq8igxHOe10ABlDAARBRyZHiACUYQAfJwKjEhBQnj0kaj0ZiKDh6HJGAjkagYGiKHI8ewDuxAcCIOdyUyWXIcMQoKQ4DABFQsBRzuoghQ4BEALIKYw4MCi1h7FUUNUsOQYTR7HEAKnYAEYAOxYxYqLFYirKKHvdD6gDu8MO7xixAoWGdH3YACMzABlRhyYgSwnsABuYggQdgACUDcJo97uNsFKwAx8sABBLBiPMxH5FsSOnGhfFewM-PxcdSaSWkFRhOMJpMwVOodMret-9XkDjhEMscORmA4YR0gBCZnYAGodIwsGCV2CABIwKCxmAUWRsgByMACMCsmd9uClFALBmEPXC2ijlE2l_r5D8zwCUFHWfQI9dhwH8_xjMAlD2WAOAgDtm3oABubh2AAHnYRQkIgJclxxOtA3YBsOHQdEO1AigIggZZMx9L8OCwDtC2LOBhXIfc2AAFVIAAFCAsF3PYIAdaiCNo9gfg7csmJY1A2IoTieL4qA9mI1kcG5EEhPwgih0gKAoHY7AKGU9EcFvAR_TEzSPmUGNiVJNQ5CgcVHWsZQhOsMAAlQX0IHIdh01QQUOUPU5xBORgOyZN12BZGBjRnA92IYOKsQEWA-11DsAA4AAYctwipoODORxS4lhZBgDsAFY8pyioQvgVkmA7HU1Q1UgtQasLmscC1avYXqADZ8vYM1htGvq8vYABadh0uETKxpyibzVq6FRJUjExH_CIqPuSCitg8Icsw1C5uoBbjEw7CCqvUTGHKqMQnCXbwIOg92DwDsTs-s6ABYkLwG6CWEh6KuYxhrmMPYQ1Kx7KpXVqQINdAjVNdhxtmgBmfKYxszMwaenA4FYIyrJo3wOFIRhqA7Jc9kJ-BlVVEDSC89BtRZ_VDXoY0Jqxm1TNIAAxXiYA5gAme0Y0I9hjAgYRjDphn4cVLHFiF0W-Ml6W7spubSGi8J6cZxUco1xQtfFvYpfJkT9ZFMVKuNlXweZ3VWfZzmPe51HefRgWLZFsWdbt2XY1IKAAlOFqubZjBvb1FG0ZWvKcRXVaZdEkkWFQUg2I7PZqdpld5cV5cDeildHfFHFer-iaI6j04Y02qkcEhuBoa4LqmsYARi9QAQy-MPhRTdAQa4lONI-j6ec7zgu3IHD5YZgMqKo7KeY178Ll3CcazVWvKXPeOzc_YNvttclZZZMMx_x4Iy9GmgwmWm--2G0ITP-pOlGCgD8U8bpBR7ACqA3WHkvI-T8uKCgKo0DSEAjsLUxxTi3R9KYNgwohAKBgEgoCqCTjz0CNPLgEB0D_HkBgWAAB9CMTIwTL1QPjKB3lDywIPKGAIQYCEoP2GgmAGCCJYOpMQXBVA-E5gEcQoSrDUDWEcL1QAp3KAGg5QAo3LqMAPRmgAuOUAGFygB5ZUAJVKgBjuUAIAegAUe0AFyegAYf8ABTqgA87UAKJpgBPDMAHdugBaOUAJwWgA7Y0AKMGgBWxUANvxgAZCMAMAxgAXU0AEAMijersWMJVCCelDZoGENwEI5BAFqCULqSqkMWDMHFOwUgYB2AlTgNtVJWYRKYEvtySm-oOFDzKRgMp6A8DXAoKcSgIQ3TQCgMGSqtJamRjICwQCfZ0JtlyWU30ARHLsAqSSBQvkehoHQgk9gD1gRGGpN4USPhWSGBYB2VGxA56UAShQAAorAbpFA5w_EkBzF8I45DHO_vs_WQYAgUEUKgC4bzjmnNIOc-5OCYB4NuYCagz9AKxk-agH5fzyCAsoO8pkLBhRQHKceYhHZtDIv-R_IFmLLxfL8LSRB2ZdjPUiNoJUBYchzgAPKIkRDkK4Nx6DaCorLOAPCpG0o7BEbQAA1NlORGUXBRJyzptwqIUo4FS1ASUKCwBBWC2FEKoV3NhXsbQcAGGIpVWq2AOA0CYoMtKAlgBuOUAH9qgBwY0AOAW00EFrJpawf41giWotJZsHA_9qDoAuPLKAHNTW8FgEJFVQrWDMQgiwa5kZoZ7EEdWWs61vm_P-Zqi5YiJEwGhfcg1vrUCIpiGWi1qArWGUisQioVa5DoHQNc_clAqTUE2AakUshdAZD5jWT4cD3Vxpkegu0jac1-vRccwNjAaYYFDdADmZa5HuW8qJAVQYzXO0vqC_NOqqDFv1Ya41Qlt27uJhQH45qIwttSYiGAYB_zaHNINNcl5L1RunJazY1rX2AHslJ1rruFBgAoQlg3qkXToBf6rFQal1ho5t-9VQjrDbrHQm1gyaTB7DTbI9keFZZlrzeC8RkLj16soKW2DFbgywerbWm14RBFTpRagQNLa22ws7ZintBhiD9oEIO2siyuGCs9eOoRk73hlrRUczF87F0huQzDWD67b7weU8G5d4b1McYUxizYWIQBOjoBgbAOBjBdKgEgUAhzYW0BQvC7g6BQiWBIPBzzuIKguYgLGNzHmQC6FfoYD-ojPOLJvbAYLCSFY2cQH9HGa4fPWBQo4eFuIzN8As64YUHh7NebfDQRAIAcBlpJbOzFIMYiASNTiv4ahYBYAQhUDU2Bppun1Iwc43W6RtfeI5BWqBpq8EBC8AisLNiDZiLOXr7Asprlm-wWkLBRCjcUAt1ay2Kj3omcIc4O36ISwlrtlhKwKuwaq4pzYDGOO1a2c2g75wzv0Q_a1xtkZdDCA0OzEloooPsAAMTvstJaYWwsVtBlYJgFg019SAWuOcP6539qUGmhUgAXmcC0b2VtkEB-cYHYBScrbZuqww5w85Mmh7DzY1PyAwEG8oHLIAIxCbkOmfAJNUBFcc6V0Ah40O0DHTNL4b8jCiLgAAAQAJw4CqjgHKIBcuYBU9QYgEB4BFf0IYX-hAQAK6Vyr5QZuzdAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Indicator - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerIndicator } = klinecharts\n\n\nconst fruits = [\n  &#39;🍏&#39;, &#39;🍎&#39;, &#39;🍐&#39;, &#39;🍊&#39;, &#39;🍋&#39;, &#39;🍌&#39;,\n  &#39;🍉&#39;, &#39;🍇&#39;, &#39;🍓&#39;, &#39;🍈&#39;, &#39;🍒&#39;, &#39;🍑&#39;,\n  &#39;🍍&#39;, &#39;🥥&#39;, &#39;🥝&#39;, &#39;🥭&#39;, &#39;🥑&#39;, &#39;🍏&#39;\n]\n\nregisterIndicator({\n  name: &#39;Custom&#39;,\n  figures: [\n    { key: &#39;emoji&#39; }\n  ],\n  calc: (kLineDataList) =&gt; {\n    return kLineDataList.map(kLineData =&gt; ({ emoji: kLineData.close, text: fruits[Math.floor(Math.random() * 17)] }))\n  },\n  draw: ({\n    ctx,\n    barSpace,\n    visibleRange,\n    indicator,\n    xAxis,\n    yAxis\n  }) =&gt; {\n    const { from, to } = visibleRange\n\n    ctx.font = barSpace.gapBar + &#39;px&#39; + &#39; Helvetica Neue&#39;\n    ctx.textAlign = &#39;center&#39;\n    const result = indicator.result\n    for (let i = from; i &lt; to; i++) {\n      const data = result[i]\n      const x = xAxis.convertToPixel(i)\n      const y = yAxis.convertToPixel(data.emoji)\n      ctx.fillText(data.text, x, y)\n    }\n    return false\n  }\n})\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setMainIndicator(name) {\n  chart.createIndicator(name, true, { id: &#39;candle_pane&#39; })\n}\n\nfunction setSubIndicator(name) {\n  chart.createIndicator(name)\n}\n\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\n\nconst mainIndicators = [&#39;MA&#39;, &#39;BOLL&#39;, &#39;Custom&#39;]\nconst subIndicators = [&#39;VOL&#39;, &#39;MACD&#39;, &#39;Custom&#39;]\n\nconst mainTitle = document.createElement(&#39;span&#39;)\nmainTitle.innerText = &#39;主图指标-Main indicator: &#39;\nbuttonContainer.appendChild(mainTitle)\nmainIndicators.forEach((name) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = name\n  button.addEventListener(&#39;click&#39;, () =&gt; { setMainIndicator(name) })\n  buttonContainer.appendChild(button)\n})\n\nconst subTitle = document.createElement(&#39;span&#39;)\nsubTitle.style.paddingLeft = &#39;16px&#39;\nsubTitle.innerText = &#39;副图指标-Sub indicator: &#39;\nbuttonContainer.appendChild(subTitle)\nsubIndicators.forEach((name) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = name\n  button.addEventListener(&#39;click&#39;, () =&gt; { setSubIndicator(name) })\n  buttonContainer.appendChild(button)\n})\n\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-nOnHY" id="tab-DCwPA-7" checked="checked"><label for="tab-DCwPA-7">JavaScript</label><input type="radio" name="group-nOnHY" id="tab-82gd3Ai"><label for="tab-82gd3Ai">HTML</label><input type="radio" name="group-nOnHY" id="tab-UDwRBfp"><label for="tab-UDwRBfp">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerIndicator</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/sample/indicator.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/sample/indicator.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_sample_indicator" data-v-42bb49df><div><h1 id="indicator" tabindex="-1">Indicator <a class="header-anchor" href="#indicator" aria-label="Permalink to &quot;Indicator&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWASQwRiAQwqt2AX3ZgWpeuwDkAayhoYxABZy2cbQB1UDZmx04A9Gky5icC9etlU4tSwBXXjh2AF52AG1rdh1AHg3AeX3tAW1YwDl9pLjABX2MlMApfZzYwGl9gsAZfaTouMBJfYLAcX2CwGV9gsAJfYLAJX2CwEV98tQYlMBZfZzAPg3AU12hwF1docBbXaHARV2CxOsAXS9UIVFxGCkZeUUWAApgCtQ5ehhEHQBhAPFNbpjIYQChOHOonpjOdl0YAE9z7Rg9FIeAg2hUFUWfAq8igxHOe10ABlDAARBRyZHiACUYQAfJwKjEhBQnj0kaj0ZiKDh6HJGAjkagYGiKHI8ewDuxAcCIOdyUyWXIcMQoKQ4DABFQsBRzuoghQ4BEALIKYw4MCi1h7FUUNUsOQYTR7HEAKnYAEYAOxYxYqLFYirKKHvdD6gDu8MO7xixAoWGdH3YACMzABlRhyYgSwnsABuYggQdgACUDcJo97uNsFKwAx8sABBLBiPMxH5FsSOnGhfFewM-PxcdSaSWkFRhOMJpMwVOodMret-9XkDjhEMscORmA4YR0gBCZnYAGodIwsGCV2CABIwKCxmAUWRsgByMACMCsmd9uClFALBmEPXC2ijlE2l_r5D8zwCUFHWfQI9dhwH8_xjMAlD2WAOAgDtm3oABubh2AAHnYRQkIgJclxxOtA3YBsOHQdEO1AigIggZZMx9L8OCwDtC2LOBhXIfc2AAFVIAAFCAsF3PYIAdaiCNo9gfg7csmJY1A2IoTieL4qA9mI1kcG5EEhPwgih0gKAoHY7AKGU9EcFvAR_TEzSPmUGNiVJNQ5CgcVHWsZQhOsMAAlQX0IHIdh01QQUOUPU5xBORgOyZN12BZGBjRnA92IYOKsQEWA-11DsAA4AAYctwipoODORxS4lhZBgDsAFY8pyioQvgVkmA7HU1Q1UgtQasLmscC1avYXqADZ8vYM1htGvq8vYABadh0uETKxpyibzVq6FRJUjExH_CIqPuSCitg8Icsw1C5uoBbjEw7CCqvUTGHKqMQnCXbwIOg92DwDsTs-s6ABYkLwG6CWEh6KuYxhrmMPYQ1Kx7KpXVqQINdAjVNdhxtmgBmfKYxszMwaenA4FYIyrJo3wOFIRhqA7Jc9kJ-BlVVEDSC89BtRZ_VDXoY0Jqxm1TNIAAxXiYA5gAme0Y0I9hjAgYRjDphn4cVLHFiF0W-Ml6W7spubSGi8J6cZxUco1xQtfFvYpfJkT9ZFMVKuNlXweZ3VWfZzmPe51HefRgWLZFsWdbt2XY1IKAAlOFqubZjBvb1FG0ZWvKcRXVaZdEkkWFQUg2I7PZqdpld5cV5cDeildHfFHFer-iaI6j04Y02qkcEhuBoa4LqmsYARi9QAQy-MPhRTdAQa4lONI-j6ec7zgu3IHD5YZgMqKo7KeY178Ll3CcazVWvKXPeOzc_YNvttclZZZMMx_x4Iy9GmgwmWm--2G0ITP-pOlGCgD8U8bpBR7ACqA3WHkvI-T8uKCgKo0DSEAjsLUxxTi3R9KYNgwohAKBgEgoCqCTjz0CNPLgEB0D_HkBgWAAB9CMTIwTL1QPjKB3lDywIPKGAIQYCEoP2GgmAGCCJYOpMQXBVA-E5gEcQoSrDUDWEcL1QAp3KAGg5QAo3LqMAPRmgAuOUAGFygB5ZUAJVKgBjuUAIAegAUe0AFyegAYf8ABTqgA87UAKJpgBPDMAHdugBaOUAJwWgA7Y0AKMGgBWxUANvxgAZCMAMAxgAXU0AEAMijersWMJVCCelDZoGENwEI5BAFqCULqSqkMWDMHFOwUgYB2AlTgNtVJWYRKYEvtySm-oOFDzKRgMp6A8DXAoKcSgIQ3TQCgMGSqtJamRjICwQCfZ0JtlyWU30ARHLsAqSSBQvkehoHQgk9gD1gRGGpN4USPhWSGBYB2VGxA56UAShQAAorAbpFA5w_EkBzF8I45DHO_vs_WQYAgUEUKgC4bzjmnNIOc-5OCYB4NuYCagz9AKxk-agH5fzyCAsoO8pkLBhRQHKceYhHZtDIv-R_IFmLLxfL8LSRB2ZdjPUiNoJUBYchzgAPKIkRDkK4Nx6DaCorLOAPCpG0o7BEbQAA1NlORGUXBRJyzptwqIUo4FS1ASUKCwBBWC2FEKoV3NhXsbQcAGGIpVWq2AOA0CYoMtKAlgBuOUAH9qgBwY0AOAW00EFrJpawf41giWotJZsHA_9qDoAuPLKAHNTW8FgEJFVQrWDMQgiwa5kZoZ7EEdWWs61vm_P-Zqi5YiJEwGhfcg1vrUCIpiGWi1qArWGUisQioVa5DoHQNc_clAqTUE2AakUshdAZD5jWT4cD3Vxpkegu0jac1-vRccwNjAaYYFDdADmZa5HuW8qJAVQYzXO0vqC_NOqqDFv1Ya41Qlt27uJhQH45qIwttSYiGAYB_zaHNINNcl5L1RunJazY1rX2AHslJ1rruFBgAoQlg3qkXToBf6rFQal1ho5t-9VQjrDbrHQm1gyaTB7DTbI9keFZZlrzeC8RkLj16soKW2DFbgywerbWm14RBFTpRagQNLa22ws7ZintBhiD9oEIO2siyuGCs9eOoRk73hlrRUczF87F0huQzDWD67b7weU8G5d4b1McYUxizYWIQBOjoBgbAOBjBdKgEgUAhzYW0BQvC7g6BQiWBIPBzzuIKguYgLGNzHmQC6FfoYD-ojPOLJvbAYLCSFY2cQH9HGa4fPWBQo4eFuIzN8As64YUHh7NebfDQRAIAcBlpJbOzFIMYiASNTiv4ahYBYAQhUDU2Bppun1Iwc43W6RtfeI5BWqBpq8EBC8AisLNiDZiLOXr7Asprlm-wWkLBRCjcUAt1ay2Kj3omcIc4O36ISwlrtlhKwKuwaq4pzYDGOO1a2c2g75wzv0Q_a1xtkZdDCA0OzEloooPsAAMTvstJaYWwsVtBlYJgFg019SAWuOcP6539qUGmhUgAXmcC0b2VtkEB-cYHYBScrbZuqww5w85Mmh7DzY1PyAwEG8oHLIAIxCbkOmfAJNUBFcc6V0Ah40O0DHTNL4b8jCiLgAAAQAJw4CqjgHKIBcuYBU9QYgEB4BFf0IYX-hAQAK6Vyr5QZuzdAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Indicator - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerIndicator } = klinecharts\n\n\nconst fruits = [\n  &#39;🍏&#39;, &#39;🍎&#39;, &#39;🍐&#39;, &#39;🍊&#39;, &#39;🍋&#39;, &#39;🍌&#39;,\n  &#39;🍉&#39;, &#39;🍇&#39;, &#39;🍓&#39;, &#39;🍈&#39;, &#39;🍒&#39;, &#39;🍑&#39;,\n  &#39;🍍&#39;, &#39;🥥&#39;, &#39;🥝&#39;, &#39;🥭&#39;, &#39;🥑&#39;, &#39;🍏&#39;\n]\n\nregisterIndicator({\n  name: &#39;Custom&#39;,\n  figures: [\n    { key: &#39;emoji&#39; }\n  ],\n  calc: (kLineDataList) =&gt; {\n    return kLineDataList.map(kLineData =&gt; ({ emoji: kLineData.close, text: fruits[Math.floor(Math.random() * 17)] }))\n  },\n  draw: ({\n    ctx,\n    barSpace,\n    visibleRange,\n    indicator,\n    xAxis,\n    yAxis\n  }) =&gt; {\n    const { from, to } = visibleRange\n\n    ctx.font = barSpace.gapBar + &#39;px&#39; + &#39; Helvetica Neue&#39;\n    ctx.textAlign = &#39;center&#39;\n    const result = indicator.result\n    for (let i = from; i &lt; to; i++) {\n      const data = result[i]\n      const x = xAxis.convertToPixel(i)\n      const y = yAxis.convertToPixel(data.emoji)\n      ctx.fillText(data.text, x, y)\n    }\n    return false\n  }\n})\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setMainIndicator(name) {\n  chart.createIndicator(name, true, { id: &#39;candle_pane&#39; })\n}\n\nfunction setSubIndicator(name) {\n  chart.createIndicator(name)\n}\n\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\n\nconst mainIndicators = [&#39;MA&#39;, &#39;BOLL&#39;, &#39;Custom&#39;]\nconst subIndicators = [&#39;VOL&#39;, &#39;MACD&#39;, &#39;Custom&#39;]\n\nconst mainTitle = document.createElement(&#39;span&#39;)\nmainTitle.innerText = &#39;主图指标-Main indicator: &#39;\nbuttonContainer.appendChild(mainTitle)\nmainIndicators.forEach((name) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = name\n  button.addEventListener(&#39;click&#39;, () =&gt; { setMainIndicator(name) })\n  buttonContainer.appendChild(button)\n})\n\nconst subTitle = document.createElement(&#39;span&#39;)\nsubTitle.style.paddingLeft = &#39;16px&#39;\nsubTitle.innerText = &#39;副图指标-Sub indicator: &#39;\nbuttonContainer.appendChild(subTitle)\nsubIndicators.forEach((name) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = name\n  button.addEventListener(&#39;click&#39;, () =&gt; { setSubIndicator(name) })\n  buttonContainer.appendChild(button)\n})\n\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-Dgewj" id="tab-ntCJQNx" checked="checked"><label for="tab-ntCJQNx">JavaScript</label><input type="radio" name="group-Dgewj" id="tab-bGETPCh"><label for="tab-bGETPCh">HTML</label><input type="radio" name="group-Dgewj" id="tab-o2kZro-"><label for="tab-o2kZro-">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerIndicator</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">const</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> fruits</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> [</span></span>
@@ -146,8 +146,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/sample/candle-type.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Candle Type</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/sample/axis.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Axis</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/sample/candle-type.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Candle Type</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/sample/axis.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Axis</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/sample/overlay.html b/en-US/sample/overlay.html
index b3395a835..d9d10907f 100644
--- a/en-US/sample/overlay.html
+++ b/en-US/sample/overlay.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Overlay | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.6_i1IoHj.js">
-    <link rel="modulepreload" href="/assets/en-US_sample_overlay.md.LC8PrpQr.lean.js">
+    <link rel="modulepreload" href="/assets/en-US_sample_overlay.md.Nk_4roIH.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/sample/overlay.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/sample/overlay.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_sample_overlay" data-v-a47c012d><div><h1 id="overlay" tabindex="-1">Overlay <a class="header-anchor" href="#overlay" aria-label="Permalink to &quot;Overlay&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWAeQBuMFlACGAT3YBfdmBal67AOQBrKGhjEAFgrZxdAHVQNmbPTgD0aTLmJwrt22ACuqMQUEOTswtQAIgoUCuwAFMH08DFM7AC87KgwAO7sUVRxAJQ44RQAKgwwRQKwqMIUpunsABwADK2FnLbs7LAcAEYKcDAACiwQxDBNAKztrd3sickKqRkAstGmOGBQpKwJleIrjOzO7ACMc6fsAGwd7ABUt62PF1cAtL3U9Y1Pd6-XdoLMiocTsdDRBQAGTEHAyAG0ALoLMCseJ9bhNVoAbkxAB4vnUGriIABqUmdYALHogsGMcaTOBNJHUjRouIYvBY3FcgkAFh55MprJ69Im8BwjD8cFMcUGwzG4vYpPYGwaOBYCgw2iKr3-nwAzB1WapWWLGTg4KwKEVWbSOKRGNQmqS4ub4PC1VstAF0HEvRqtegdZ0ngbCoicBRSAAxCBYGB-gBMhUKdvIYNMEGEjQyrvdcHhBsj0bjCeTqfToI4u1yebdDI9rRLsfjibiKbTqB6NIzHGIu2GLob4sLAZ9GH9m0D2vourDEajrfLHcr3Z79vY0lIUD8SSa49Ivqn6s1s_nb3uKsuVbBFD8LFQpFkLCacUdzpVWZzyt6pFyKoDqQwydGcfKvNuu5JKyEIxDC4iStKspcEsRxMAIH6oAI36mHwtYCEBwwCJBe4wAI96Ps-chqF2rLyqMjZNIRMCsqhKQnKSGT_E8gLzOuprrkIFHdrB0KwrYAm2EIojiHIMhyIoShxFS66oCsMCIHoxAQCwA4wLofALFkiYRDAYAKH4UAUCMpBoBQcbCA-GmLCwfhkUZMAmWZFlWQAGgAglgYgOU5mkUK57mqZ56CmeZlkUAAmoFwXZqFLluYZ67RjEUAAMpUIwmkGplNJCNEoy2ZQIVCHAmnKewZCsOgaDlUyqidGkAB8XTrj0EBgPEjUsM1alUHAOC1D86RpBkKY9T2G59uwWARGIB7Tgo_RwHEQ0ja18LNjgWDsJ8u0tWN8LnJGWBdgtvbVuwSirUy6wbVtO17MN51NpGKinZ9e0XVdOBKLdd2bpqzXSut6pwAAjmwcQrWtTzI0yKpPSjj3PWDC1CQ-3YqXdPb6DASiabo2m6bABkij2FBKE6FNU3ptO9Xd0ThbV83Ez2OD82do0_SVvM9CwmmQxA0p0z0qgi8T4hKLA3NE6L7CK7AFPiFopMAPqQFAUA2OzC0CcTZs9hbYswMJ7AsvxEm0YES1mBYcLcHYNoGO8RhZO8rtsLoXYBxQOAKIwjBQEoAByOT5AocThKg8dFE7_iBMEoTEGVVDyfIyjxGpSTCuuIc4NnMDlXnilxEXMBdpJqDOGcgCncoA0HKAKNyHeAPRmgBccoAYXKAPLKgCVSoAx3KAIAegAo9oAXJ6ADD_gAU6oAedqAKJpgCeGYAd26ALRygCcFoAdsaAKMGgCtioA2_GADIRgDAMYALqaAEAMtjN-wZSmFMqKG_-aDCNwTLkFHbKvg0UxShYMwIcpABpDDgLCd-HsGqkEwOCGA9A-yakzlhdgQY0HoDwNKCgSRKBMmyNAKA7B-hTHoAoOBChiBkC-nURYpBFhPzQUEPwCgiEQPvNEEI3Y0AMIAVoPAJhQ62E3CCGIxhXwZGDMQUilASg2wAKKwFwRQAAQkoAAkn6Sm5AxFZBYEHYRS1-h-AoNGVAABhHRChxFNCkTI0OFdyqKIQdQL2zVpAGNQMY0x5BLGUGsXo8uigvDR3Uk0XQ3izH-yseI42m5eAIJenbBYXBSbkz0O6GEWQDKLGwBQCmgB3uUADwWgB-vziIAUMVAB2_oUd4ipJi9GMHKPw0AKDvDQIUXQagRapLJszHSrNyJ5IpoAMHU4iACvAwAWdqAEk5Gp5j-mwB2tg7QHS1C2GRJ7RJ2xWDyMobKeqaTBlYA4O1dI3VVabkiaESRpBpHKPLjnGAzjlFxAiSYsxnieiXNQDgNAeiyh5KaFQI5Cwvlh3QOgeRshKDwSoHol5A4Jj6BybqLqnAGoPOrsoOIaTOjtRBW83xMTAnhydBgcxWYoB-i-Q3YORK5BhwjtQdA5LoBUoJRYulLBCggDlnQDA2AcCmBwVAJAoBRGuNoHidx3B0BpGsCQTl8rOoLClRAaQMq5UgH0D7Yw_tzBsHlerBmsBNVP2zEKxAfIjSMCwEq2weJnDuM6jyvgfL3Dly8KKhVlAJWIBADgL50T_E2NVs1OAkdlCaR2NgbEKJYBYHeNkTUhV2BJvDrG9crDsyoDaVQeg3NJg-pYBmnowhw6aWaDakt7AyEsFEDm6MKbLhVoWIwchI1hCaWbcdJMSYW2oEbgG9lQbdHUS-TzNt4L36aT7cdG4_bPmUP0MICc6Bom7HFuwAAxOcG4AB2PdMYYzVv6E1OQ7xJbSk0nyBdbJKDvAgQAL2cucWd1ayAbs0lusAP7q1HgoL7ZyT4sgnrPZu4DMAM2qBdSANtxB9AKHCPgK0qAvXipoEQYIAGYC0ExX9dghhjAhzgAAAQAJw4GmDgVoIBXWYFJZgQIEB4BesI1kYjtAKNUZo6oXjvGgA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Overlay - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerOverlay } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nregisterOverlay({\n  name: &#39;circle&#39;,\n  needDefaultPointFigure: true,\n  needDefaultXAxisFigure: true,\n  needDefaultYAxisFigure: true,\n  totalStep: 3,\n  createPointFigures: ({ coordinates }) =&gt; {\n    if (coordinates.length === 2) {\n      const xDis = Math.abs(coordinates[0].x - coordinates[1].x)\n      const yDis = Math.abs(coordinates[0].y - coordinates[1].y)\n      const radius = Math.sqrt(xDis * xDis + yDis * yDis)\n      return {\n        key: &#39;circle&#39;,\n        type: &#39;circle&#39;,\n        attrs: {\n          ...coordinates[0],\n          r: radius\n        },\n        styles: {\n          style: &#39;stroke_fill&#39;\n        }\n      }\n    }\n    return []\n  }\n})\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction createOverlay (name) {\n  chart.createOverlay(name)\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;priceLine&#39;, text: &#39;价格线(内置)-Price line(built-in)&#39; },\n  { key: &#39;circle&#39;, text: &#39;圆(自定义)-Circle(custom)&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { createOverlay(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-EMcx4" id="tab-0vVSkRG" checked="checked"><label for="tab-0vVSkRG">JavaScript</label><input type="radio" name="group-EMcx4" id="tab-1GyH48q"><label for="tab-1GyH48q">HTML</label><input type="radio" name="group-EMcx4" id="tab-S6uLc5C"><label for="tab-S6uLc5C">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerOverlay</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/sample/overlay.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/sample/overlay.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_sample_overlay" data-v-42bb49df><div><h1 id="overlay" tabindex="-1">Overlay <a class="header-anchor" href="#overlay" aria-label="Permalink to &quot;Overlay&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWAeQBuMFlACGAT3YBfdmBal67AOQBrKGhjEAFgrZxdAHVQNmbPTgD0aTLmJwrt22ACuqMQUEOTswtQAIgoUCuwAFMH08DFM7AC87KgwAO7sUVRxAJQ44RQAKgwwRQKwqMIUpunsABwADK2FnLbs7LAcAEYKcDAACiwQxDBNAKztrd3sickKqRkAstGmOGBQpKwJleIrjOzO7ACMc6fsAGwd7ABUt62PF1cAtL3U9Y1Pd6-XdoLMiocTsdDRBQAGTEHAyAG0ALoLMCseJ9bhNVoAbkxAB4vnUGriIABqUmdYALHogsGMcaTOBNJHUjRouIYvBY3FcgkAFh55MprJ69Im8BwjD8cFMcUGwzG4vYpPYGwaOBYCgw2iKr3-nwAzB1WapWWLGTg4KwKEVWbSOKRGNQmqS4ub4PC1VstAF0HEvRqtegdZ0ngbCoicBRSAAxCBYGB-gBMhUKdvIYNMEGEjQyrvdcHhBsj0bjCeTqfToI4u1yebdDI9rRLsfjibiKbTqB6NIzHGIu2GLob4sLAZ9GH9m0D2vourDEajrfLHcr3Z79vY0lIUD8SSa49Ivqn6s1s_nb3uKsuVbBFD8LFQpFkLCacUdzpVWZzyt6pFyKoDqQwydGcfKvNuu5JKyEIxDC4iStKspcEsRxMAIH6oAI36mHwtYCEBwwCJBe4wAI96Ps-chqF2rLyqMjZNIRMCsqhKQnKSGT_E8gLzOuprrkIFHdrB0KwrYAm2EIojiHIMhyIoShxFS66oCsMCIHoxAQCwA4wLofALFkiYRDAYAKH4UAUCMpBoBQcbCA-GmLCwfhkUZMAmWZFlWQAGgAglgYgOU5mkUK57mqZ56CmeZlkUAAmoFwXZqFLluYZ67RjEUAAMpUIwmkGplNJCNEoy2ZQIVCHAmnKewZCsOgaDlUyqidGkAB8XTrj0EBgPEjUsM1alUHAOC1D86RpBkKY9T2G59uwWARGIB7Tgo_RwHEQ0ja18LNjgWDsJ8u0tWN8LnJGWBdgtvbVuwSirUy6wbVtO17MN51NpGKinZ9e0XVdOBKLdd2bpqzXSut6pwAAjmwcQrWtTzI0yKpPSjj3PWDC1CQ-3YqXdPb6DASiabo2m6bABkij2FBKE6FNU3ptO9Xd0ThbV83Ez2OD82do0_SVvM9CwmmQxA0p0z0qgi8T4hKLA3NE6L7CK7AFPiFopMAPqQFAUA2OzC0CcTZs9hbYswMJ7AsvxEm0YES1mBYcLcHYNoGO8RhZO8rtsLoXYBxQOAKIwjBQEoAByOT5AocThKg8dFE7_iBMEoTEGVVDyfIyjxGpSTCuuIc4NnMDlXnilxEXMBdpJqDOGcgCncoA0HKAKNyHeAPRmgBccoAYXKAPLKgCVSoAx3KAIAegAo9oAXJ6ADD_gAU6oAedqAKJpgCeGYAd26ALRygCcFoAdsaAKMGgCtioA2_GADIRgDAMYALqaAEAMtjN-wZSmFMqKG_-aDCNwTLkFHbKvg0UxShYMwIcpABpDDgLCd-HsGqkEwOCGA9A-yakzlhdgQY0HoDwNKCgSRKBMmyNAKA7B-hTHoAoOBChiBkC-nURYpBFhPzQUEPwCgiEQPvNEEI3Y0AMIAVoPAJhQ62E3CCGIxhXwZGDMQUilASg2wAKKwFwRQAAQkoAAkn6Sm5AxFZBYEHYRS1-h-AoNGVAABhHRChxFNCkTI0OFdyqKIQdQL2zVpAGNQMY0x5BLGUGsXo8uigvDR3Uk0XQ3izH-yseI42m5eAIJenbBYXBSbkz0O6GEWQDKLGwBQCmgB3uUADwWgB-vziIAUMVAB2_oUd4ipJi9GMHKPw0AKDvDQIUXQagRapLJszHSrNyJ5IpoAMHU4iACvAwAWdqAEk5Gp5j-mwB2tg7QHS1C2GRJ7RJ2xWDyMobKeqaTBlYA4O1dI3VVabkiaESRpBpHKPLjnGAzjlFxAiSYsxnieiXNQDgNAeiyh5KaFQI5Cwvlh3QOgeRshKDwSoHol5A4Jj6BybqLqnAGoPOrsoOIaTOjtRBW83xMTAnhydBgcxWYoB-i-Q3YORK5BhwjtQdA5LoBUoJRYulLBCggDlnQDA2AcCmBwVAJAoBRGuNoHidx3B0BpGsCQTl8rOoLClRAaQMq5UgH0D7Yw_tzBsHlerBmsBNVP2zEKxAfIjSMCwEq2weJnDuM6jyvgfL3Dly8KKhVlAJWIBADgL50T_E2NVs1OAkdlCaR2NgbEKJYBYHeNkTUhV2BJvDrG9crDsyoDaVQeg3NJg-pYBmnowhw6aWaDakt7AyEsFEDm6MKbLhVoWIwchI1hCaWbcdJMSYW2oEbgG9lQbdHUS-TzNt4L36aT7cdG4_bPmUP0MICc6Bom7HFuwAAxOcG4AB2PdMYYzVv6E1OQ7xJbSk0nyBdbJKDvAgQAL2cucWd1ayAbs0lusAP7q1HgoL7ZyT4sgnrPZu4DMAM2qBdSANtxB9AKHCPgK0qAvXipoEQYIAGYC0ExX9dghhjAhzgAAAQAJw4GmDgVoIBXWYFJZgQIEB4BesI1kYjtAKNUZo6oXjvGgA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Overlay - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerOverlay } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nregisterOverlay({\n  name: &#39;circle&#39;,\n  needDefaultPointFigure: true,\n  needDefaultXAxisFigure: true,\n  needDefaultYAxisFigure: true,\n  totalStep: 3,\n  createPointFigures: ({ coordinates }) =&gt; {\n    if (coordinates.length === 2) {\n      const xDis = Math.abs(coordinates[0].x - coordinates[1].x)\n      const yDis = Math.abs(coordinates[0].y - coordinates[1].y)\n      const radius = Math.sqrt(xDis * xDis + yDis * yDis)\n      return {\n        key: &#39;circle&#39;,\n        type: &#39;circle&#39;,\n        attrs: {\n          ...coordinates[0],\n          r: radius\n        },\n        styles: {\n          style: &#39;stroke_fill&#39;\n        }\n      }\n    }\n    return []\n  }\n})\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction createOverlay (name) {\n  chart.createOverlay(name)\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;priceLine&#39;, text: &#39;价格线(内置)-Price line(built-in)&#39; },\n  { key: &#39;circle&#39;, text: &#39;圆(自定义)-Circle(custom)&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { createOverlay(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-mT9mQ" id="tab-_0-_fDH" checked="checked"><label for="tab-_0-_fDH">JavaScript</label><input type="radio" name="group-mT9mQ" id="tab-5N8lZGs"><label for="tab-5N8lZGs">HTML</label><input type="radio" name="group-mT9mQ" id="tab-bO2Wc37"><label for="tab-bO2Wc37">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerOverlay</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -116,8 +116,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/sample/tooltip.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Tooltip</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/sample/data.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Data</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/sample/tooltip.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Tooltip</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/sample/data.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Data</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/sample/theme.html b/en-US/sample/theme.html
index 2c7be4bf0..a02e62191 100644
--- a/en-US/sample/theme.html
+++ b/en-US/sample/theme.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Theme | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.dUYfzHaM.js">
-    <link rel="modulepreload" href="/assets/en-US_sample_theme.md.vLO6bEER.lean.js">
+    <link rel="modulepreload" href="/assets/en-US_sample_theme.md.Pr7TgfVH.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/sample/theme.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/sample/theme.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_sample_theme" data-v-a47c012d><div><h1 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWAZQoBPWHHYBfdmBal67AOQBrKGhjEAFgEM2cTQB1UDZmy04A9Gky5icc1atgArqmIUIcnZhagARYwpjdgAKAPp4SKZ2AF52VBgAd3ZwqmiAShwQigAVBhh8gVhUYQpDFPYADgAGJrzOK3Z2WA4AI2M4GAAFFghiGHqAVhamjvY4hOMk1IBZCMMcMChSVliy8UXGdgd2AEZpo_YANlb2ACorprvT84BaLuoauvvrp7OW2bIqHE7HQEWMABkxBxUgBtAC6szArBi3W49SaAG40QAed7VWpYiAAaiJbWAs06gOBjBGYwUsIRqE6nSRLBRMA4eHRWK5uIALDySWSKcyaaN4DhGN44IZon0BsNxewiexVrUcCxjBh1Pknj83gBmVoixQisV0nBwVgUfIiqkcUiMaj1InRc3wGFq9ZqXzoaJejVa9A6tr3A15OE4CikABiECwMD9ACY8nk7eRgYYIMI6qlXe64DCDZHo3GE8nU-mgRwtlk827aR6miXY_HE9EU2mmcz7exiFsBi6G-LCwGfRh_WtA9r6LqwxGo63yx3K93KRmOAA3UhQbzxepj0i-yfqzUzufPG4qs5V4EUbwsVCkTcwNmpaKO50qrM55VdUhZCq_akAMbTHHyTzbru8QiqCkSQuIkrSrKXDzPsTACJ-qACD-hh8LWAjAQMAhQXuMACPej7Pq-ShdiK8pDI29RETAIpoYkhxEqkPz3H8Mzdqa3ZCJRTJwRCUJWIJVi9kI6D1JoADEMYAJxJg0EwTJYfgbsEQjOqkilJqEADCTQNAAolp0k6cYUCMCYABKibySwwh9B2fLKQIfJNAI6kCDgADseRab2tn2cYADielMgZrnuXyEwCCcqnJXySYBcFVmoEIojiK-0hyPA0SaMIMUAPojAMlWJuVYC2VAmgCOS3bEEGsCIO0a7sH0LCdS1zLMt4jDGTurCdWVMDUHwIqdMGGSoKNWx9YIiYzd1nTDQAQqwmAsEt426VN2GzSCAGoDtLB7QdK2yetg2bYwADqozaDdE0xfdD3zagL3EG9Y23YmJpfZ07qrCw2j9adUD9BQ0MbUNI2Ax9x2g9953vat6CnYJg140oX3OKMESHQNzKkIYUDEAjD3sMNWPhSY0Vo6dP2M3ZjnA91ijo71cCdTC5ODeIRWdZokBQI16OdD0u0FbIHVaFaejoE1p1y1dBUQAAXjAnUnDLPXyyw4QyomABqtnePr7Awhl7BJnCRsMyj7BM1Fn1s5jbse056BG0-xkmNUMBY4pDSR1HWn487doQCw_bwILwvMqLSsS9A0saybhUZyrEBq0bmt7ZIuu24bOda6b_SGJb1u2_bAhOy7yPLZ1Hss9N3sLRzEX-4HpDB1qIThwpUfRyajKdIJih0TlIhQgrRVwCVsmVWIMDlZN1B1Q1TVdZS7W26nvW0w9rvt9jRvs27O8nYj20m1jd09xdz9317j_Pa9L9rW_f0AZX3vujXmZpGwQyhofB6sNxDnzppfQ6r9EZzR9sAr-dMCYz1mGA7sxM2rRhWqnSm1N4FIz7lzAOb8KGe2OiDeipgBZ21Tp0dOttM5S3VojEuy9847kLlwumPCpDlwNsXE2Zs67oCtruRuDsW6nUQStP2_9Ea3yvp3DBD0g4h1Hm7COE8Ggx2ZIoOO3ViAJyTkwoWp02Hi0ltnbhudFbsILkXKupdRGnHEdXSR9dZGC3kWYhBbdDoqKoWotBYTOa0O7ojHRI8w76PHoY4xM9p5KEkvPXsRhTDQm4NYG0OgXh6HSC8XJbBNBdgqRQHAxAhARBgAASQwCTQhJULYAHlwRVOkiYNgOBjCMEYFAGQAA5TIORjDRBCKgKZ-R54-D8AEIIAwSh133LEDZMBhStX6bUtZediq1BgPELsnQIBgBiCc_cyQ7laD0DmCgVToGoOIGRSghQOTmVgPESgW0ZBNL9MU0pMByn7KqZaFxOA-j_TKkeDAN15IKTAKitFxjlAwCgIOS51ztkpHuZoUEkMXmp2DO8v5tSig_NOdQCgAKgUlW0CU_Q4K8mQrYTC4wcLxzoCRQZBSJwehCpOGADFklPCoAcMcQAp3KAGg5QAo3IKsAPRmgAuOUAGFygB5ZUAJVKgBjuUAIAegAUe0AFyegAYf8ABTqgA87UAKJpgBPDMAHdugBaOUAJwWgA7Y0AKMGgBWxUANvxgAZCMAMAxgAXU0AEAMVhpXsGKHXFQO5axoGENwBQ5BRnRrZCc9gUoWDMEHKQK5_Q4BQjjQUvspBMAglORuTUKzsLuwwO7dAeBpQUEpQoDIWcerjHoMYUt3KyBXULdGOYUbuX3lsuwfNI6q1FrTTSUgeADC1OstWYtlBjD6DfGdCldKvkUBpZShlwLASRDXb07SS6ejeAoNGRa5Aj3pHXeSj5tT6kwEabuulJV0AQE3Ce89l7yCjRXWuupsC4BjMWOMAyv6r3lJvauu9oUdK8FOfSO2swuDaBgDIcWjzDDPIotgeGWhACitoAJyCXiQieZoQmaH2AYaw1oYl2gD5UCwIRzQgBH2zI-EEl1Huzocw-Le-G9qrr3qpw_DrHxaAH-_QAFbaACK_QAM7EvC7kyKq4wgzYxUPvXjnR-P0c0OvNT28KpielnMAj4s5Myak0p_2ghN41rkvfLTnDMmoEZEh-gcANisHMty2U0Q9MSY4HPFIAA-aBvYoNBFSA-yldSGlUDfZQEq0XUAntlheq9OA0B3uKAR-oLGKCzDS4M9A6BzIvkoAhKgd6Sr9legfXUyQItcDWZG2l0Q6NtDniVrL_7YNAaGU6RFWYoB-jS12Xrp7b2vkGcM6gfKxsTf69ewDd68ggF5nQDA2AcC4foFAJAoBD10toNiT9m5uDoGSBYEgg2713bC7MC7X7ru3ZAMy0FbK2B3bHS4j7ddsy4cQHyI0jAsBPasNiBwl2wtbb4DtlwdT3DHfu5QM7iAQAwtWzB9bNFyafrgCM4w9HNjYAxIiWAWAXgZE1IwTqdOhmU-7LZbMqAXieaYWMDHLAWedGEEMzqDQIf8_YJ21yaAXjRgZ88UXsxGBds_dUA2TQIeOyTPL1AUlUA47_Rzw9cGaJpegYr8rcbOqa6wFcLXstuXaHhb6GDV9BWXECoFGMMYxfCJeJqT90pOp8lt9GygLx816wNlbsXZAXdorF0eCgoLOpPnSN7k2yfyAwBZ4oBHIBFf_WMCEfAVpUBo9OzQIgARE8wFoB1_cbxdD6BqXAAAAspHAEwcBNBAIjzAI3MB-AgPANHjf0jN9oO3zv3fFAz5n0AA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Theme - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerStyles } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst red = &#39;#F92855&#39;\nconst green = &#39;#2DC08E&#39;\n\nconst alphaRed = &#39;rgba(249, 40, 85, .7)&#39;\nconst alphaGreen = &#39;rgba(45, 192, 142, .7)&#39;\n\nregisterStyles(&#39;green_rise_red_fall&#39;, {\n  candle: {\n    bar: {\n      upColor: green,\n      downColor: red,\n      upBorderColor: green,\n      downBorderColor: red,\n      upWickColor: green,\n      downWickColor: red\n    },\n    priceMark: {\n      last: {\n        upColor: green,\n        downColor: red\n      }\n    }\n  },\n  indicator: {\n    ohlc: {\n      upColor: alphaGreen,\n      downColor: alphaRed\n    },\n    bars: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaGreen,\n      downColor: alphaRed,\n      noChangeColor: &#39;#888888&#39;\n    }],\n    circles: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaGreen,\n      downColor: alphaRed,\n      noChangeColor: &#39;#888888&#39;\n    }]\n  }\n})\n\nregisterStyles(&#39;red_rise_green_fall&#39;, {\n  candle: {\n    bar: {\n      upColor: red,\n      downColor: green,\n      upBorderColor: red,\n      downBorderColor: green,\n      upWickColor: red,\n      downWickColor: green,\n    },\n    priceMark: {\n      last: {\n        upColor: red,\n        downColor: green,\n      }\n    }\n  },\n  indicator: {\n    ohlc: {\n      upColor: alphaRed,\n      downColor: alphaGreen\n    },\n    bars: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaRed,\n      downColor: alphaGreen,\n      noChangeColor: &#39;#888888&#39;\n    }],\n    circles: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaRed,\n      downColor: alphaGreen,\n      noChangeColor: &#39;#888888&#39;\n    }]\n  }\n})\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.createIndicator(&#39;VOL&#39;)\nchart.applyNewData(genData())\n\nfunction setTheme (theme) {\n  chart.setStyles(theme)\n  if (theme === &#39;light&#39;) {\n    document.getElementById(&#39;k-line-chart&#39;).style.backgroundColor = &#39;#ffffff&#39;\n  } else if (theme === &#39;dark&#39;) {\n    document.getElementById(&#39;k-line-chart&#39;).style.backgroundColor = &#39;#1b1b1f&#39;\n  }\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;light&#39;, text: &#39;浅色-Light&#39; },\n  { key: &#39;dark&#39;, text: &#39;深色-Dark&#39; },\n  { key: &#39;green_rise_red_fall&#39;, text: &#39;绿涨红跌-Green rise and red fall&#39; },\n  { key: &#39;red_rise_green_fall&#39;, text: &#39;红涨绿跌-Red rise and green fall&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setTheme(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-pqxMr" id="tab-IFWJT40" checked="checked"><label for="tab-IFWJT40">JavaScript</label><input type="radio" name="group-pqxMr" id="tab-6JKgDi0"><label for="tab-6JKgDi0">HTML</label><input type="radio" name="group-pqxMr" id="tab-X8X7HQy"><label for="tab-X8X7HQy">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerStyles</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/sample/theme.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/sample/theme.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_sample_theme" data-v-42bb49df><div><h1 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWAZQoBPWHHYBfdmBal67AOQBrKGhjEAFgEM2cTQB1UDZmy04A9Gky5icc1atgArqmIUIcnZhagARYwpjdgAKAPp4SKZ2AF52VBgAd3ZwqmiAShwQigAVBhh8gVhUYQpDFPYADgAGJrzOK3Z2WA4AI2M4GAAFFghiGHqAVhamjvY4hOMk1IBZCMMcMChSVliy8UXGdgd2AEZpo_YANlb2ACorprvT84BaLuoauvvrp7OW2bIqHE7HQEWMABkxBxUgBtAC6szArBi3W49SaAG40QAed7VWpYiAAaiJbWAs06gOBjBGYwUsIRqE6nSRLBRMA4eHRWK5uIALDySWSKcyaaN4DhGN44IZon0BsNxewiexVrUcCxjBh1Pknj83gBmVoixQisV0nBwVgUfIiqkcUiMaj1InRc3wGFq9ZqXzoaJejVa9A6tr3A15OE4CikABiECwMD9ACY8nk7eRgYYIMI6qlXe64DCDZHo3GE8nU-mgRwtlk827aR6miXY_HE9EU2mmcz7exiFsBi6G-LCwGfRh_WtA9r6LqwxGo63yx3K93KRmOAA3UhQbzxepj0i-yfqzUzufPG4qs5V4EUbwsVCkTcwNmpaKO50qrM55VdUhZCq_akAMbTHHyTzbru8QiqCkSQuIkrSrKXDzPsTACJ-qACD-hh8LWAjAQMAhQXuMACPej7Pq-ShdiK8pDI29RETAIpoYkhxEqkPz3H8Mzdqa3ZCJRTJwRCUJWIJVi9kI6D1JoADEMYAJxJg0EwTJYfgbsEQjOqkilJqEADCTQNAAolp0k6cYUCMCYABKibySwwh9B2fLKQIfJNAI6kCDgADseRab2tn2cYADielMgZrnuXyEwCCcqnJXySYBcFVmoEIojiK-0hyPA0SaMIMUAPojAMlWJuVYC2VAmgCOS3bEEGsCIO0a7sH0LCdS1zLMt4jDGTurCdWVMDUHwIqdMGGSoKNWx9YIiYzd1nTDQAQqwmAsEt426VN2GzSCAGoDtLB7QdK2yetg2bYwADqozaDdE0xfdD3zagL3EG9Y23YmJpfZ07qrCw2j9adUD9BQ0MbUNI2Ax9x2g9953vat6CnYJg140oX3OKMESHQNzKkIYUDEAjD3sMNWPhSY0Vo6dP2M3ZjnA91ijo71cCdTC5ODeIRWdZokBQI16OdD0u0FbIHVaFaejoE1p1y1dBUQAAXjAnUnDLPXyyw4QyomABqtnePr7Awhl7BJnCRsMyj7BM1Fn1s5jbse056BG0-xkmNUMBY4pDSR1HWn487doQCw_bwILwvMqLSsS9A0saybhUZyrEBq0bmt7ZIuu24bOda6b_SGJb1u2_bAhOy7yPLZ1Hss9N3sLRzEX-4HpDB1qIThwpUfRyajKdIJih0TlIhQgrRVwCVsmVWIMDlZN1B1Q1TVdZS7W26nvW0w9rvt9jRvs27O8nYj20m1jd09xdz9317j_Pa9L9rW_f0AZX3vujXmZpGwQyhofB6sNxDnzppfQ6r9EZzR9sAr-dMCYz1mGA7sxM2rRhWqnSm1N4FIz7lzAOb8KGe2OiDeipgBZ21Tp0dOttM5S3VojEuy9847kLlwumPCpDlwNsXE2Zs67oCtruRuDsW6nUQStP2_9Ea3yvp3DBD0g4h1Hm7COE8Ggx2ZIoOO3ViAJyTkwoWp02Hi0ltnbhudFbsILkXKupdRGnHEdXSR9dZGC3kWYhBbdDoqKoWotBYTOa0O7ojHRI8w76PHoY4xM9p5KEkvPXsRhTDQm4NYG0OgXh6HSC8XJbBNBdgqRQHAxAhARBgAASQwCTQhJULYAHlwRVOkiYNgOBjCMEYFAGQAA5TIORjDRBCKgKZ-R54-D8AEIIAwSh133LEDZMBhStX6bUtZediq1BgPELsnQIBgBiCc_cyQ7laD0DmCgVToGoOIGRSghQOTmVgPESgW0ZBNL9MU0pMByn7KqZaFxOA-j_TKkeDAN15IKTAKitFxjlAwCgIOS51ztkpHuZoUEkMXmp2DO8v5tSig_NOdQCgAKgUlW0CU_Q4K8mQrYTC4wcLxzoCRQZBSJwehCpOGADFklPCoAcMcQAp3KAGg5QAo3IKsAPRmgAuOUAGFygB5ZUAJVKgBjuUAIAegAUe0AFyegAYf8ABTqgA87UAKJpgBPDMAHdugBaOUAJwWgA7Y0AKMGgBWxUANvxgAZCMAMAxgAXU0AEAMVhpXsGKHXFQO5axoGENwBQ5BRnRrZCc9gUoWDMEHKQK5_Q4BQjjQUvspBMAglORuTUKzsLuwwO7dAeBpQUEpQoDIWcerjHoMYUt3KyBXULdGOYUbuX3lsuwfNI6q1FrTTSUgeADC1OstWYtlBjD6DfGdCldKvkUBpZShlwLASRDXb07SS6ejeAoNGRa5Aj3pHXeSj5tT6kwEabuulJV0AQE3Ce89l7yCjRXWuupsC4BjMWOMAyv6r3lJvauu9oUdK8FOfSO2swuDaBgDIcWjzDDPIotgeGWhACitoAJyCXiQieZoQmaH2AYaw1oYl2gD5UCwIRzQgBH2zI-EEl1Huzocw-Le-G9qrr3qpw_DrHxaAH-_QAFbaACK_QAM7EvC7kyKq4wgzYxUPvXjnR-P0c0OvNT28KpielnMAj4s5Myak0p_2ghN41rkvfLTnDMmoEZEh-gcANisHMty2U0Q9MSY4HPFIAA-aBvYoNBFSA-yldSGlUDfZQEq0XUAntlheq9OA0B3uKAR-oLGKCzDS4M9A6BzIvkoAhKgd6Sr9legfXUyQItcDWZG2l0Q6NtDniVrL_7YNAaGU6RFWYoB-jS12Xrp7b2vkGcM6gfKxsTf69ewDd68ggF5nQDA2AcC4foFAJAoBD10toNiT9m5uDoGSBYEgg2713bC7MC7X7ru3ZAMy0FbK2B3bHS4j7ddsy4cQHyI0jAsBPasNiBwl2wtbb4DtlwdT3DHfu5QM7iAQAwtWzB9bNFyafrgCM4w9HNjYAxIiWAWAXgZE1IwTqdOhmU-7LZbMqAXieaYWMDHLAWedGEEMzqDQIf8_YJ21yaAXjRgZ88UXsxGBds_dUA2TQIeOyTPL1AUlUA47_Rzw9cGaJpegYr8rcbOqa6wFcLXstuXaHhb6GDV9BWXECoFGMMYxfCJeJqT90pOp8lt9GygLx816wNlbsXZAXdorF0eCgoLOpPnSN7k2yfyAwBZ4oBHIBFf_WMCEfAVpUBo9OzQIgARE8wFoB1_cbxdD6BqXAAAAspHAEwcBNBAIjzAI3MB-AgPANHjf0jN9oO3zv3fFAz5n0AA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Theme - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerStyles } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst red = &#39;#F92855&#39;\nconst green = &#39;#2DC08E&#39;\n\nconst alphaRed = &#39;rgba(249, 40, 85, .7)&#39;\nconst alphaGreen = &#39;rgba(45, 192, 142, .7)&#39;\n\nregisterStyles(&#39;green_rise_red_fall&#39;, {\n  candle: {\n    bar: {\n      upColor: green,\n      downColor: red,\n      upBorderColor: green,\n      downBorderColor: red,\n      upWickColor: green,\n      downWickColor: red\n    },\n    priceMark: {\n      last: {\n        upColor: green,\n        downColor: red\n      }\n    }\n  },\n  indicator: {\n    ohlc: {\n      upColor: alphaGreen,\n      downColor: alphaRed\n    },\n    bars: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaGreen,\n      downColor: alphaRed,\n      noChangeColor: &#39;#888888&#39;\n    }],\n    circles: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaGreen,\n      downColor: alphaRed,\n      noChangeColor: &#39;#888888&#39;\n    }]\n  }\n})\n\nregisterStyles(&#39;red_rise_green_fall&#39;, {\n  candle: {\n    bar: {\n      upColor: red,\n      downColor: green,\n      upBorderColor: red,\n      downBorderColor: green,\n      upWickColor: red,\n      downWickColor: green,\n    },\n    priceMark: {\n      last: {\n        upColor: red,\n        downColor: green,\n      }\n    }\n  },\n  indicator: {\n    ohlc: {\n      upColor: alphaRed,\n      downColor: alphaGreen\n    },\n    bars: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaRed,\n      downColor: alphaGreen,\n      noChangeColor: &#39;#888888&#39;\n    }],\n    circles: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaRed,\n      downColor: alphaGreen,\n      noChangeColor: &#39;#888888&#39;\n    }]\n  }\n})\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.createIndicator(&#39;VOL&#39;)\nchart.applyNewData(genData())\n\nfunction setTheme (theme) {\n  chart.setStyles(theme)\n  if (theme === &#39;light&#39;) {\n    document.getElementById(&#39;k-line-chart&#39;).style.backgroundColor = &#39;#ffffff&#39;\n  } else if (theme === &#39;dark&#39;) {\n    document.getElementById(&#39;k-line-chart&#39;).style.backgroundColor = &#39;#1b1b1f&#39;\n  }\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;light&#39;, text: &#39;浅色-Light&#39; },\n  { key: &#39;dark&#39;, text: &#39;深色-Dark&#39; },\n  { key: &#39;green_rise_red_fall&#39;, text: &#39;绿涨红跌-Green rise and red fall&#39; },\n  { key: &#39;red_rise_green_fall&#39;, text: &#39;红涨绿跌-Red rise and green fall&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setTheme(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-MB8-_" id="tab-eErIRQx" checked="checked"><label for="tab-eErIRQx">JavaScript</label><input type="radio" name="group-MB8-_" id="tab-9WelLNZ"><label for="tab-9WelLNZ">HTML</label><input type="radio" name="group-MB8-_" id="tab-APWgyl7"><label for="tab-APWgyl7">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerStyles</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -189,8 +189,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/sample/data.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Data</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/sample/timezone.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Timezone</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/sample/data.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Data</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/sample/timezone.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Timezone</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/sample/timezone.html b/en-US/sample/timezone.html
index f96fa27ae..72f4ccb17 100644
--- a/en-US/sample/timezone.html
+++ b/en-US/sample/timezone.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Timezone | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.P_g88P_L.js">
-    <link rel="modulepreload" href="/assets/en-US_sample_timezone.md.YYO_Qpcd.lean.js">
+    <link rel="modulepreload" href="/assets/en-US_sample_timezone.md.dqeEs2ZI.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/sample/timezone.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/sample/timezone.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_sample_timezone" data-v-a47c012d><div><h1 id="timezone" tabindex="-1">Timezone <a class="header-anchor" href="#timezone" aria-label="Permalink to &quot;Timezone&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgCiMIwUAAJ4AHLhFECieE4qDabEBGoJY1i2PYDRJCkABe5DtLMvg2aETJjvJGrVMkDm2fZMCOTAla8agujLIAp3KANBygCjcuFgD0ZoAXHKAGFygDyyoAlUqAMdygCAHoAKPaAFyegAw_4AFOqAHnagCiaYAnhmAHdugC0coAnBaAHbGgCjBoArYqANvxgAyEYAwDGAC6mgBADOoQXsIkcjtICUA5mgDjcAS5BqSSZ65O0nIsMwjakGA7D1HAXFjdwVZkJgzwwPQtYSmZMFrRga3oHgXIUL4lAEmE0BQOwNTtPQCh7QoxBkCw6BbV6fSDWtNgWAoT0bfubh2FWaAA_Nwh4LICl8bW7APO4MhnsETrEOhlDxNUACisC3RQABCqkAJK2mIaMKBjsnI1mz0WBQXqoAAwuQ6OhJjzykDjJM4MQLFuDARMHdQom_ZODOoDULNs5zlB0zzQtQOt6mDO0wRiPLrPkFJXMq6eajWCjvAHQSPy9FwEgwKpiDiAAghtCi6AAyoo2SKBAYiYdgFCO2IgBQcoA7rYnJ7krRnTYh4WkNvsHbDviATB6XropOnhJft9AHQeAPPmgDp5icmcsNnccJ0nQdO74eJu-zkbEAoDikDnVBYIH4iALlBgAFSoApyonA3rTN63eHqP8GhUPQcATKwBOfTyni2_b_sd3hZSBAAfOULko3rbP5NjuMKcLMCi-LJOeLrCvkLLlT7-QOBoDziQB_k7fcWOD-oIp6DoATJ5KAASoDzK-9ZWgSBzjKLenB2AWQ8j5LyScyj4V6N_JW3NTyKWUtQdAQ8oC2m_v5OSRsMbYMNBgfBhCb4c1ITzGIIA-BpDoBgbAOA5A3SgEgUAaNJa0BhNLbg6BAiqBIHQ08ojN69AERAScQiREgAkOJGQUlFBsFEXAigqlYAKMGlGDhiBaSKkYFgSR6gYS6GlpvRhzCDBsOMIQHhXM-GIBADgb-htlYYx3pUX6cAVIKGTpMbAEIASwCwCcMIEpGCOyiUpUJY5QZRlQCcC209HZtEoKeBJlQHBKUdgUExOT2BvRYA4NAJwvQxOOEU3ojB3q_WyI7NYJj2CBkDLU1AAV3E0M8Zgs838fHsHqX_MajsOlYC2J0--n0JAOHbOgQ2UwWCOwAMQrE2AAdk2d6b0xSaisEwCwE4EpfpckdrSaZJJKAnA2lZGAzSJnFLIMstZYB3nFKXBQCSDyQi2X2Yc08jsjyhASXwGxIB6nEAkM3GA-BNSoG4WIrJNAiC2G-TAWgCDfLsDOFIGQ8k4AAAEACcOAOg4CKCAZhmAKGYGsBAeASL8WhEJbQMlFKqV8G5dyoAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Timezone - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setTimezone (timezone) {\n  chart.setTimezone(timezone)\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;Asia/Shanghai&#39;, text: &#39;上海-Shanghai&#39; },\n  { key: &#39;Europe/Berlin&#39;, text: &#39;柏林-Berlin&#39; },\n  { key: &#39;America/Chicago&#39;, text: &#39;芝加哥-Chicago&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setTimezone(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-QtQxi" id="tab-5rKcOLo" checked="checked"><label for="tab-5rKcOLo">JavaScript</label><input type="radio" name="group-QtQxi" id="tab-bQbOcR6"><label for="tab-bQbOcR6">HTML</label><input type="radio" name="group-QtQxi" id="tab-Ntbulev"><label for="tab-Ntbulev">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/sample/timezone.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/sample/timezone.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_sample_timezone" data-v-42bb49df><div><h1 id="timezone" tabindex="-1">Timezone <a class="header-anchor" href="#timezone" aria-label="Permalink to &quot;Timezone&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgCiMIwUAAJ4AHLhFECieE4qDabEBGoJY1i2PYDRJCkABe5DtLMvg2aETJjvJGrVMkDm2fZMCOTAla8agujLIAp3KANBygCjcuFgD0ZoAXHKAGFygDyyoAlUqAMdygCAHoAKPaAFyegAw_4AFOqAHnagCiaYAnhmAHdugC0coAnBaAHbGgCjBoArYqANvxgAyEYAwDGAC6mgBADOoQXsIkcjtICUA5mgDjcAS5BqSSZ65O0nIsMwjakGA7D1HAXFjdwVZkJgzwwPQtYSmZMFrRga3oHgXIUL4lAEmE0BQOwNTtPQCh7QoxBkCw6BbV6fSDWtNgWAoT0bfubh2FWaAA_Nwh4LICl8bW7APO4MhnsETrEOhlDxNUACisC3RQABCqkAJK2mIaMKBjsnI1mz0WBQXqoAAwuQ6OhJjzykDjJM4MQLFuDARMHdQom_ZODOoDULNs5zlB0zzQtQOt6mDO0wRiPLrPkFJXMq6eajWCjvAHQSPy9FwEgwKpiDiAAghtCi6AAyoo2SKBAYiYdgFCO2IgBQcoA7rYnJ7krRnTYh4WkNvsHbDviATB6XropOnhJft9AHQeAPPmgDp5icmcsNnccJ0nQdO74eJu-zkbEAoDikDnVBYIH4iALlBgAFSoApyonA3rTN63eHqP8GhUPQcATKwBOfTyni2_b_sd3hZSBAAfOULko3rbP5NjuMKcLMCi-LJOeLrCvkLLlT7-QOBoDziQB_k7fcWOD-oIp6DoATJ5KAASoDzK-9ZWgSBzjKLenB2AWQ8j5LyScyj4V6N_JW3NTyKWUtQdAQ8oC2m_v5OSRsMbYMNBgfBhCb4c1ITzGIIA-BpDoBgbAOA5A3SgEgUAaNJa0BhNLbg6BAiqBIHQ08ojN69AERAScQiREgAkOJGQUlFBsFEXAigqlYAKMGlGDhiBaSKkYFgSR6gYS6GlpvRhzCDBsOMIQHhXM-GIBADgb-htlYYx3pUX6cAVIKGTpMbAEIASwCwCcMIEpGCOyiUpUJY5QZRlQCcC209HZtEoKeBJlQHBKUdgUExOT2BvRYA4NAJwvQxOOEU3ojB3q_WyI7NYJj2CBkDLU1AAV3E0M8Zgs838fHsHqX_MajsOlYC2J0--n0JAOHbOgQ2UwWCOwAMQrE2AAdk2d6b0xSaisEwCwE4EpfpckdrSaZJJKAnA2lZGAzSJnFLIMstZYB3nFKXBQCSDyQi2X2Yc08jsjyhASXwGxIB6nEAkM3GA-BNSoG4WIrJNAiC2G-TAWgCDfLsDOFIGQ8k4AAAEACcOAOg4CKCAZhmAKGYGsBAeASL8WhEJbQMlFKqV8G5dyoAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Timezone - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setTimezone (timezone) {\n  chart.setTimezone(timezone)\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;Asia/Shanghai&#39;, text: &#39;上海-Shanghai&#39; },\n  { key: &#39;Europe/Berlin&#39;, text: &#39;柏林-Berlin&#39; },\n  { key: &#39;America/Chicago&#39;, text: &#39;芝加哥-Chicago&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setTimezone(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-P4XSE" id="tab-lQkR1Us" checked="checked"><label for="tab-lQkR1Us">JavaScript</label><input type="radio" name="group-P4XSE" id="tab-x6eHyZW"><label for="tab-x6eHyZW">HTML</label><input type="radio" name="group-P4XSE" id="tab-oeY-8jB"><label for="tab-oeY-8jB">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -90,8 +90,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/sample/theme.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Theme</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/sample/i18n.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>I18n</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/sample/theme.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Theme</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/sample/i18n.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>I18n</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/sample/tooltip.html b/en-US/sample/tooltip.html
index 5cb507bee..79891245a 100644
--- a/en-US/sample/tooltip.html
+++ b/en-US/sample/tooltip.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Tooltip | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.xwYS8h76.js">
-    <link rel="modulepreload" href="/assets/en-US_sample_tooltip.md.ndS65LjS.lean.js">
+    <link rel="modulepreload" href="/assets/en-US_sample_tooltip.md.O8dAp9_k.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/sample/tooltip.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/sample/tooltip.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_sample_tooltip" data-v-a47c012d><div><h1 id="tooltip" tabindex="-1">Tooltip <a class="header-anchor" href="#tooltip" aria-label="Permalink to &quot;Tooltip&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgxAsW4MAAJIYK0bgzGIwwAIJiBkYAKFAKGcNw6CIOIxCOrAAD6jCSjAYh4XJihsIpylUOp6CaV6LCeGIABqADybyyXxbkKQojCMFAACeABy4RRAonhOKgKWxARqCWNYtj2A0FAAMI2TAiTTFAtiMAAynID4AEoWLAXjcg1TUwEyY7yRq1TVRQcWwHAngYmOWKlZZI3VtWXozlVE3MtWrVhI1sALUxU3rS5PFmDlVg2HYVaFSVGCwOVs0QDVdVhIkcWGi1V03YanVYpFPUUH1A3wMNurjeUo3TRVc1_VNU1LY95H_ZUm1Q70-Hbag5h7flh3VN5vmsGdlUXbVbXNZ4S0rR1wPsN1hUfYN33_QY6MsPNkN9IDF10yDi1XYTa3KrDla8bteUHewhVo9ZfmY1VOPXbd7T4w9kvPSTr1k_1FOTdW1PC6wzMgzNWOMJrLNg5LHP_ZtcOoDzujLIAp3KANBygCjcrbgD0ZoAXHKAGFygDyyoAlUqAMdygCAHoAKPaAFyegAw_4AFOqAHnagCiaYAnhmAHdugC0coAnBaAHbGgCjBoArYqANvxgAyEYAwDGAC6mgBADOoFvsIkcjtICUA5mgDjcAS5DxSSZ65O0nIsMwjakGA7D1HAXE19wVZkJgzwwPQtYSsjGSOj36B4FyFC-JQBJhNAUDsDU7T0AoI8KMQZAsD52QM305c9zYFjGQLvCX8jg-n63wh4LICl8bWJPkO4MhnsETrEOhlB4jVAAKKwCXhQAAQnFVStoxAPC_qEFg4VrDvxYO1AkPxehcAkDAOKlkxDGTCAoOKKhMLYAoPgwA3AYO0AHxmAcTi6SgEQkhzxPixWIc5PgaQsHsBwXg8Qlccy2SUi-UhfRyH4MAPuxgB4tMAILKgB1bUAJKKgBwCxON6GcOYSbCBMJw7hY5sG4PwUeUIBlxFYAoeIQAsHJ0JOAACQgJgTh6h_goKzH0SWGD2DfB4Xw_B4EMBKHQKYqg5j8GAA28wAJdEnD6o6QJuifGGPECxGwwSJHiEAJfugAjfUAGIWJx6ovycagFxb83FEQgRYCgXpUBFU_gob--Q_4AIUkpGAKlQFj2oKJHyk5kFlIqVUmplA6mIMUlAXuCVBjtGCGIGo_TyBSVqd_NQrinhEWSBQZqv9SD_3AR5VpVB2ngICnAByqBen1DKrwWAOA0CIMSOQ_IYhABf6oAAQ9ACH8oAewNAALxvQiBFzB6Aj6EzcQ6g-mVPIIMhBp4cDRUNBgIqkYoC2jWVcjqO00GDQmKwYBe8eTDV4bgsh5iXJBAAHzEwnLM8FVYtk7M6XstpYDOkBSpVU5BlRWXkBuagO5DzgghO4mOTlqAYXoHQMAk8lAAJUEQQFesrQJCmJlIEclXAjqlVFtjNm7VPB8LKKbDlFzynUshcM6FsLqDoARdAZFczUDc2yv1Q0cAsUsBxfITw-K-FEv4GUFVFL37CoadsppDKDlMsoCyu17KN52u5by4l_LyG9GFaK8VkqKDSuoKeOV0hiCKoyMq1VAtqjHXQKdRml0Hzg11bg_VlZDUNGNQMxZIyLXwsRba6lDqSlQpYDCmKlrrVIt5Eau1prv7ZQnGrLSLBm0QtbbhWloaWmMo6ZGsQ3TkEzr8vO6pi7-31nGZMx5wqFlDKWSUp4O6MaouDXSwBq7w3rtEicyU26NLqxYOs65tzTz3MTeIQA4MbKM-T8k4QtZ0AtIEC3WIKNCftnXuidbbB0dptZ4G937UXZQxeyQEbrcWeoMXFH1JL_Uq0pXa-9K7PIwEOcymZ0aG2xupfG_9fKzGCo5XGne6bOlZtlXAvNBavB-uLYLRDItK3i0JrWuK9behYeQwegdcKrWdt5HantCNKAeNde6vFJGyP4TJQG0p1Hl27KffRiNolhUxtTX-79nGBUpt42KiVAmuLZv8sJhVSrxNmUkz5L9mqq0S0NPJxTY5lPjtU-2jTGHhU6fgWa_tiXh22jiyag9lYQBcLoBgbAOA5CLygEgUA8DOm0BhN08ygRVAkAPU10lvQ6sQEnA1prEhxIyCkpFJrAslYwEayAcuUYyuIFpIqRgWBWvqBhLobppKCtpCK4YRSJhKvNcoDVxAIAcBnrS_UlWPkTljP4ZMbAEIASwCwCcMIEo4NPeirdscxkoyoBOLwMecBLJtD2ywd7lQHDRUsgUObIP2DbxYA4NAJwvRwbWFD3oDkxU10sijrA7BAyBlR2bHaR27Xnr7YgMZ8wBs2uJrD-H32keWUhPDdQxPqWk_S6xqpxN0dHwcJZfHOPNgE8Nfmhw7Z0ALKmLTdgABiFYmwADsCvvTemhzUVgmAWAnAlD5LkllaTC5JJQE4fcABeMAscC-h2QKXlkZdgAd9DpcGyZCWWMTANXGvTxu_IB7nia2QAOXzQoJw-BNSoB29VmgRBbAbJgLQcL7AzhSBkPJOAAABAAnDgDoOAiggHW5gdT1BiAQHgDtlPoQ0-0Gz7n_PfAG8N6AA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Tooltip - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.createIndicator(&#39;MA&#39;, false, { id: &#39;candle_pane&#39; })\nchart.createIndicator(&#39;VOL&#39;)\nchart.applyNewData(genData())\n\nfunction setCandleTooltipShowRule (showRule) {\n  chart.setStyles({\n    candle: {\n      tooltip: {\n        showRule\n      }\n    }\n  })\n}\n\nfunction setCandleTooltipShowType (showType) {\n  chart.setStyles({\n    candle: {\n      tooltip: {\n        showType\n      }\n    }\n  })\n}\n\nfunction setIndicatorTooltipShowRule (showRule) {\n  chart.setStyles({\n    indicator: {\n      tooltip: {\n        showRule\n      }\n    }\n  })\n}\n\nfunction setIndicatorTooltipShowType (showType) {\n  chart.setStyles({\n    indicator: {\n      tooltip: {\n        showType\n      }\n    }\n  })\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst rules = [\n  { key: &#39;always&#39;, text: &#39;总是显示-Always display&#39; },\n  { key: &#39;follow_cross&#39;, text: &#39;跟随十字光标-Follow cross&#39; },\n  { key: &#39;none&#39;, text: &#39;不显示-Hide&#39; }\n]\nconst types = [\n  { key: &#39;standard&#39;, text: &#39;默认-Standard&#39; },\n  { key: &#39;rect&#39;, text: &#39;矩形框-Rect&#39; }\n]\n\nconst baseButtonContainer = document.createElement(&#39;div&#39;)\nbaseButtonContainer.className = &#39;button-container&#39;\nconst baseTitle = document.createElement(&#39;span&#39;)\nbaseTitle.innerText = &#39;基础信息提示-Base info tip: &#39;\nbaseButtonContainer.appendChild(baseTitle)\n\nrules.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setCandleTooltipShowRule(key) })\n  baseButtonContainer.appendChild(button)\n})\n\ntypes.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setCandleTooltipShowType(key) })\n  baseButtonContainer.appendChild(button)\n})\ncontainer.appendChild(baseButtonContainer)\n\nconst indicatorButtonContainer = document.createElement(&#39;div&#39;)\nindicatorButtonContainer.className = &#39;button-container&#39;\nconst indicatorTitle = document.createElement(&#39;span&#39;)\nindicatorTitle.innerText = &#39;指标信息提示-Indicator info tip: &#39;\nindicatorButtonContainer.appendChild(indicatorTitle)\n\nrules.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setIndicatorTooltipShowRule(key) })\n  indicatorButtonContainer.appendChild(button)\n})\n\ntypes.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setIndicatorTooltipShowType(key) })\n  indicatorButtonContainer.appendChild(button)\n})\ncontainer.appendChild(indicatorButtonContainer)\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container:last-child {\n  margin-top: 0;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-snXwl" id="tab-BxMbZ03" checked="checked"><label for="tab-BxMbZ03">JavaScript</label><input type="radio" name="group-snXwl" id="tab-Sjxr1yU"><label for="tab-Sjxr1yU">HTML</label><input type="radio" name="group-snXwl" id="tab-3ufh5e8"><label for="tab-3ufh5e8">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/sample/tooltip.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/sample/tooltip.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Candle Type</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Indicator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Axis</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Tooltip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Overlay</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Theme</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>Timezone</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/en-US/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>I18n</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_sample_tooltip" data-v-42bb49df><div><h1 id="tooltip" tabindex="-1">Tooltip <a class="header-anchor" href="#tooltip" aria-label="Permalink to &quot;Tooltip&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgxAsW4MAAJIYK0bgzGIwwAIJiBkYAKFAKGcNw6CIOIxCOrAAD6jCSjAYh4XJihsIpylUOp6CaV6LCeGIABqADybyyXxbkKQojCMFAACeABy4RRAonhOKgKWxARqCWNYtj2A0FAAMI2TAiTTFAtiMAAynID4AEoWLAXjcg1TUwEyY7yRq1TVRQcWwHAngYmOWKlZZI3VtWXozlVE3MtWrVhI1sALUxU3rS5PFmDlVg2HYVaFSVGCwOVs0QDVdVhIkcWGi1V03YanVYpFPUUH1A3wMNurjeUo3TRVc1_VNU1LY95H_ZUm1Q70-Hbag5h7flh3VN5vmsGdlUXbVbXNZ4S0rR1wPsN1hUfYN33_QY6MsPNkN9IDF10yDi1XYTa3KrDla8bteUHewhVo9ZfmY1VOPXbd7T4w9kvPSTr1k_1FOTdW1PC6wzMgzNWOMJrLNg5LHP_ZtcOoDzujLIAp3KANBygCjcrbgD0ZoAXHKAGFygDyyoAlUqAMdygCAHoAKPaAFyegAw_4AFOqAHnagCiaYAnhmAHdugC0coAnBaAHbGgCjBoArYqANvxgAyEYAwDGAC6mgBADOoFvsIkcjtICUA5mgDjcAS5DxSSZ65O0nIsMwjakGA7D1HAXE19wVZkJgzwwPQtYSsjGSOj36B4FyFC-JQBJhNAUDsDU7T0AoI8KMQZAsD52QM305c9zYFjGQLvCX8jg-n63wh4LICl8bWJPkO4MhnsETrEOhlB4jVAAKKwCXhQAAQnFVStoxAPC_qEFg4VrDvxYO1AkPxehcAkDAOKlkxDGTCAoOKKhMLYAoPgwA3AYO0AHxmAcTi6SgEQkhzxPixWIc5PgaQsHsBwXg8Qlccy2SUi-UhfRyH4MAPuxgB4tMAILKgB1bUAJKKgBwCxON6GcOYSbCBMJw7hY5sG4PwUeUIBlxFYAoeIQAsHJ0JOAACQgJgTh6h_goKzH0SWGD2DfB4Xw_B4EMBKHQKYqg5j8GAA28wAJdEnD6o6QJuifGGPECxGwwSJHiEAJfugAjfUAGIWJx6ovycagFxb83FEQgRYCgXpUBFU_gob--Q_4AIUkpGAKlQFj2oKJHyk5kFlIqVUmplA6mIMUlAXuCVBjtGCGIGo_TyBSVqd_NQrinhEWSBQZqv9SD_3AR5VpVB2ngICnAByqBen1DKrwWAOA0CIMSOQ_IYhABf6oAAQ9ACH8oAewNAALxvQiBFzB6Aj6EzcQ6g-mVPIIMhBp4cDRUNBgIqkYoC2jWVcjqO00GDQmKwYBe8eTDV4bgsh5iXJBAAHzEwnLM8FVYtk7M6XstpYDOkBSpVU5BlRWXkBuagO5DzgghO4mOTlqAYXoHQMAk8lAAJUEQQFesrQJCmJlIEclXAjqlVFtjNm7VPB8LKKbDlFzynUshcM6FsLqDoARdAZFczUDc2yv1Q0cAsUsBxfITw-K-FEv4GUFVFL37CoadsppDKDlMsoCyu17KN52u5by4l_LyG9GFaK8VkqKDSuoKeOV0hiCKoyMq1VAtqjHXQKdRml0Hzg11bg_VlZDUNGNQMxZIyLXwsRba6lDqSlQpYDCmKlrrVIt5Eau1prv7ZQnGrLSLBm0QtbbhWloaWmMo6ZGsQ3TkEzr8vO6pi7-31nGZMx5wqFlDKWSUp4O6MaouDXSwBq7w3rtEicyU26NLqxYOs65tzTz3MTeIQA4MbKM-T8k4QtZ0AtIEC3WIKNCftnXuidbbB0dptZ4G937UXZQxeyQEbrcWeoMXFH1JL_Uq0pXa-9K7PIwEOcymZ0aG2xupfG_9fKzGCo5XGne6bOlZtlXAvNBavB-uLYLRDItK3i0JrWuK9behYeQwegdcKrWdt5HantCNKAeNde6vFJGyP4TJQG0p1Hl27KffRiNolhUxtTX-79nGBUpt42KiVAmuLZv8sJhVSrxNmUkz5L9mqq0S0NPJxTY5lPjtU-2jTGHhU6fgWa_tiXh22jiyag9lYQBcLoBgbAOA5CLygEgUA8DOm0BhN08ygRVAkAPU10lvQ6sQEnA1prEhxIyCkpFJrAslYwEayAcuUYyuIFpIqRgWBWvqBhLobppKCtpCK4YRSJhKvNcoDVxAIAcBnrS_UlWPkTljP4ZMbAEIASwCwCcMIEo4NPeirdscxkoyoBOLwMecBLJtD2ywd7lQHDRUsgUObIP2DbxYA4NAJwvRwbWFD3oDkxU10sijrA7BAyBlR2bHaR27Xnr7YgMZ8wBs2uJrD-H32keWUhPDdQxPqWk_S6xqpxN0dHwcJZfHOPNgE8Nfmhw7Z0ALKmLTdgABiFYmwADsCvvTemhzUVgmAWAnAlD5LkllaTC5JJQE4fcABeMAscC-h2QKXlkZdgAd9DpcGyZCWWMTANXGvTxu_IB7nia2QAOXzQoJw-BNSoB29VmgRBbAbJgLQcL7AzhSBkPJOAAABAAnDgDoOAiggHW5gdT1BiAQHgDtlPoQ0-0Gz7n_PfAG8N6AA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodeSandbox</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;Tooltip - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.createIndicator(&#39;MA&#39;, false, { id: &#39;candle_pane&#39; })\nchart.createIndicator(&#39;VOL&#39;)\nchart.applyNewData(genData())\n\nfunction setCandleTooltipShowRule (showRule) {\n  chart.setStyles({\n    candle: {\n      tooltip: {\n        showRule\n      }\n    }\n  })\n}\n\nfunction setCandleTooltipShowType (showType) {\n  chart.setStyles({\n    candle: {\n      tooltip: {\n        showType\n      }\n    }\n  })\n}\n\nfunction setIndicatorTooltipShowRule (showRule) {\n  chart.setStyles({\n    indicator: {\n      tooltip: {\n        showRule\n      }\n    }\n  })\n}\n\nfunction setIndicatorTooltipShowType (showType) {\n  chart.setStyles({\n    indicator: {\n      tooltip: {\n        showType\n      }\n    }\n  })\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst rules = [\n  { key: &#39;always&#39;, text: &#39;总是显示-Always display&#39; },\n  { key: &#39;follow_cross&#39;, text: &#39;跟随十字光标-Follow cross&#39; },\n  { key: &#39;none&#39;, text: &#39;不显示-Hide&#39; }\n]\nconst types = [\n  { key: &#39;standard&#39;, text: &#39;默认-Standard&#39; },\n  { key: &#39;rect&#39;, text: &#39;矩形框-Rect&#39; }\n]\n\nconst baseButtonContainer = document.createElement(&#39;div&#39;)\nbaseButtonContainer.className = &#39;button-container&#39;\nconst baseTitle = document.createElement(&#39;span&#39;)\nbaseTitle.innerText = &#39;基础信息提示-Base info tip: &#39;\nbaseButtonContainer.appendChild(baseTitle)\n\nrules.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setCandleTooltipShowRule(key) })\n  baseButtonContainer.appendChild(button)\n})\n\ntypes.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setCandleTooltipShowType(key) })\n  baseButtonContainer.appendChild(button)\n})\ncontainer.appendChild(baseButtonContainer)\n\nconst indicatorButtonContainer = document.createElement(&#39;div&#39;)\nindicatorButtonContainer.className = &#39;button-container&#39;\nconst indicatorTitle = document.createElement(&#39;span&#39;)\nindicatorTitle.innerText = &#39;指标信息提示-Indicator info tip: &#39;\nindicatorButtonContainer.appendChild(indicatorTitle)\n\nrules.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setIndicatorTooltipShowRule(key) })\n  indicatorButtonContainer.appendChild(button)\n})\n\ntypes.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setIndicatorTooltipShowType(key) })\n  indicatorButtonContainer.appendChild(button)\n})\ncontainer.appendChild(indicatorButtonContainer)\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container:last-child {\n  margin-top: 0;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in CodePen</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in StackBlitz</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>Open in a new window</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-IfSK7" id="tab-MrOf39C" checked="checked"><label for="tab-MrOf39C">JavaScript</label><input type="radio" name="group-IfSK7" id="tab-ZwQtcb7"><label for="tab-ZwQtcb7">HTML</label><input type="radio" name="group-IfSK7" id="tab-pllhxBi"><label for="tab-pllhxBi">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -169,8 +169,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/en-US/sample/axis.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Previous page</span><span class="title" data-v-5583ab76>Axis</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/en-US/sample/overlay.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>Next page</span><span class="title" data-v-5583ab76>Overlay</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>Last updated: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/en-US/sample/axis.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Previous page</span><span class="title" data-v-8dd15667>Axis</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/en-US/sample/overlay.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>Next page</span><span class="title" data-v-8dd15667>Overlay</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/en-US/sponsor.html b/en-US/sponsor.html
index 79c158dfb..cfc396401 100644
--- a/en-US/sponsor.html
+++ b/en-US/sponsor.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>❤️ Sponsor | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/en-US_sponsor.md.s6A3pScV.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/en-US_sponsor.md.W43Y6shs.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/en-US/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>English</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/sponsor.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>English</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/sponsor.html" data-v-128fbea3><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>Appearance</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>Return to top</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _en-US_sponsor" data-v-a47c012d><div><h1 id="❤️-sponsor" tabindex="-1">❤️ Sponsor <a class="header-anchor" href="#❤️-sponsor" aria-label="Permalink to &quot;❤️ Sponsor&quot;">​</a></h1><p>KLineChart under the Apache License V2 and completely free to use.</p><p>If you think the plugin is good, I hope you can click 🌟 on <a href="https://github.com/liihuu/KLineChart" target="_blank" rel="noreferrer">GitHub</a>. If you can reward a cup of ☕️, that would be very much appreciated.</p><p>For organizations or individuals sponsoring KLineChart, if necessary, display the organization&#39;s official website or personal homepage on the <a href="https://klinecharts.com" target="_blank" rel="noreferrer">https://klinecharts.com</a> on the homepage, please provide payment account or address, logo, homepage link, and other information by sending an email to <a href="mailto:hu_li888@foxmail.com" target="_blank" rel="noreferrer">hu_li888@foxmail.com</a> . Those with sponsor amount of $800 will be displayed in the large logo display area. Top three, will use large logo display.</p><h2 id="sponsor-channels" tabindex="-1">Sponsor Channels <a class="header-anchor" href="#sponsor-channels" aria-label="Permalink to &quot;Sponsor Channels&quot;">​</a></h2><h3 id="alipay" tabindex="-1">Alipay <a class="header-anchor" href="#alipay" aria-label="Permalink to &quot;Alipay&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="/images/alipay_qr_code.png"><h3 id="wechat-pay" tabindex="-1">Wechat Pay <a class="header-anchor" href="#wechat-pay" aria-label="Permalink to &quot;Wechat Pay&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="/images/wechat_pay_qr_code.png"><h3 id="cryptocurrency" tabindex="-1">Cryptocurrency <a class="header-anchor" href="#cryptocurrency" aria-label="Permalink to &quot;Cryptocurrency&quot;">​</a></h3><ul><li>BTC: <a href="./.html">bc1qnwzukszzk5xfk0zs3sr8etzgctgnrtqts43jzp3khe6gm7xazprsp4y6n3</a></li><li>ETH: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-ERC20: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-Omni: <a href="./.html">3DSXSbTbMwXumaaqMySVPgedBP9rGhpnfQ</a></li><li>USDT-TRC20: <a href="./.html">THJpTQmFGaVm12KE1Jzc5mLXiApP6qXMCi</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><!----><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼 The author is looking for a job in web front-end development and if you think the author is suitable, you can contact the author <strong data-v-d8f62f5a>WeChat(274082897)</strong> or <strong data-v-d8f62f5a>Email(hu_li888@foxmail.com)</strong> .</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle" data-v-aa3ac32f data-v-95605b10><a class="title" href="/en-US/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/en-US/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sample</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com/en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com/#en-US" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Preview</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/en-US/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Sponsor</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 Docs<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>English</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/sponsor.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>English</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/sponsor.html" data-v-2e5422e9><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>Appearance</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/klinecharts/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/en-US/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>Return to top</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _en-US_sponsor" data-v-42bb49df><div><h1 id="❤️-sponsor" tabindex="-1">❤️ Sponsor <a class="header-anchor" href="#❤️-sponsor" aria-label="Permalink to &quot;❤️ Sponsor&quot;">​</a></h1><p>KLineChart under the Apache License V2 and completely free to use.</p><p>If you think the plugin is good, I hope you can click 🌟 on <a href="https://github.com/liihuu/KLineChart" target="_blank" rel="noreferrer">GitHub</a>. If you can reward a cup of ☕️, that would be very much appreciated.</p><p>For organizations or individuals sponsoring KLineChart, if necessary, display the organization&#39;s official website or personal homepage on the <a href="https://klinecharts.com" target="_blank" rel="noreferrer">https://klinecharts.com</a> on the homepage, please provide payment account or address, logo, homepage link, and other information by sending an email to <a href="mailto:hu_li888@foxmail.com" target="_blank" rel="noreferrer">hu_li888@foxmail.com</a> . Those with sponsor amount of $800 will be displayed in the large logo display area. Top three, will use large logo display.</p><h2 id="sponsor-channels" tabindex="-1">Sponsor Channels <a class="header-anchor" href="#sponsor-channels" aria-label="Permalink to &quot;Sponsor Channels&quot;">​</a></h2><h3 id="alipay" tabindex="-1">Alipay <a class="header-anchor" href="#alipay" aria-label="Permalink to &quot;Alipay&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="/images/alipay_qr_code.png"><h3 id="wechat-pay" tabindex="-1">Wechat Pay <a class="header-anchor" href="#wechat-pay" aria-label="Permalink to &quot;Wechat Pay&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="/images/wechat_pay_qr_code.png"><h3 id="cryptocurrency" tabindex="-1">Cryptocurrency <a class="header-anchor" href="#cryptocurrency" aria-label="Permalink to &quot;Cryptocurrency&quot;">​</a></h3><ul><li>BTC: <a href="./.html">bc1qnwzukszzk5xfk0zs3sr8etzgctgnrtqts43jzp3khe6gm7xazprsp4y6n3</a></li><li>ETH: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-ERC20: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-Omni: <a href="./.html">3DSXSbTbMwXumaaqMySVPgedBP9rGhpnfQ</a></li><li>USDT-TRC20: <a href="./.html">THJpTQmFGaVm12KE1Jzc5mLXiApP6qXMCi</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><!----><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/changelog.html b/guide/changelog.html
index e8879ddaa..de3842123 100644
--- a/guide/changelog.html
+++ b/guide/changelog.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>📠 更新日志 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_changelog.md.9HVBq0V4.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_changelog.md.WCU6NOkP.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/changelog.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/changelog.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_changelog" data-v-a47c012d><div><h1 id="📠-更新日志" tabindex="-1">📠 更新日志 <a class="header-anchor" href="#📠-更新日志" aria-label="Permalink to &quot;📠 更新日志&quot;">​</a></h1><h2 id="_9-8-0" tabindex="-1">9.8.0 <a class="header-anchor" href="#_9-8-0" aria-label="Permalink to &quot;9.8.0&quot;">​</a></h2><p><code>2024-03-04</code></p><ul><li>🆕 支持自定义坐标轴。</li><li>🆕 支持指标绘制到未来时间。</li><li>🆕 支持长小数折叠。</li><li>🆕 支持向前和向后添加数据。</li><li>🐞 修复不同浏览器格式化时间问题。</li></ul><h2 id="_9-7-2" tabindex="-1">9.7.2 <a class="header-anchor" href="#_9-7-2" aria-label="Permalink to &quot;9.7.2&quot;">​</a></h2><p><code>2024-01-12</code></p><ul><li>🐞 修复指标属性 <code>minValue</code> 和 <code>maxValue</code> 不生效问题。</li><li>🐞 修复覆盖物x轴上显示问题。</li><li>💄 优化样式 <code>candle.type: &#39;ohlc&#39;</code> 显示。</li><li>💄 优化绘制清晰度。</li></ul><h2 id="_9-7-1" tabindex="-1">9.7.1 <a class="header-anchor" href="#_9-7-1" aria-label="Permalink to &quot;9.7.1&quot;">​</a></h2><p><code>2023-12-18</code></p><ul><li>🐞 修复指标和覆盖物方法不执行问题。</li><li>🐞 修复包管理器下载node版本依赖问题。</li></ul><h2 id="_9-7-0" tabindex="-1">9.7.0 <a class="header-anchor" href="#_9-7-0" aria-label="Permalink to &quot;9.7.0&quot;">​</a></h2><p><code>2023-12-12</code></p><ul><li>🆕 实例方法新增<code>setMaxOffsetLeftDistance</code>和<code>setMaxOffsetRightDistance</code>。</li><li>🆕 指标新增<code>zLevel</code>属性。</li><li>💄 优化<code>ohlc</code>蜡烛柱渲染。</li><li>🐞 修复蜡烛柱模糊问题。</li><li>🐞 修复覆盖物<code>zLevel</code>渲染规则。</li></ul><h2 id="_9-6-0" tabindex="-1">9.6.0 <a class="header-anchor" href="#_9-6-0" aria-label="Permalink to &quot;9.6.0&quot;">​</a></h2><p><code>2023-11-14</code></p><ul><li>🖋️ 重构窗口之间的分割线模块。</li><li>🆕 图表方法<code>init(ds, options)</code>，参数<code>options</code>新增<code>layout</code>。</li><li>🆕 实例方法<code>createIndicator(value, isStack, paneOptions, callback)</code>，参数<code>paneOptions</code>新增<code>position</code>。</li><li>🆕 样式<code>candle.tooltip.custom</code>新增<code>turnover</code>字符串模版。</li><li>💄 优化样式<code>overlay.text</code>配置。</li><li>💄 优化<code>utils.clone</code>和<code>utils.merge</code>实现。</li><li>🐞 修复多个覆盖物样式显示不对问题。</li><li>🐞 修复多个指标样式显示不对问题。</li></ul><h2 id="_9-5-4" tabindex="-1">9.5.4 <a class="header-anchor" href="#_9-5-4" aria-label="Permalink to &quot;9.5.4&quot;">​</a></h2><p><code>2023-09-22</code></p><ul><li>🐞 修复样式<code>candle.type</code>是<code>area</code>时，最新价线不显示问题。</li><li>🐞 修复样式<code>crosshair.vertical.text.paddingLeft</code>显示不对问题。</li></ul><h2 id="_9-5-3" tabindex="-1">9.5.3 <a class="header-anchor" href="#_9-5-3" aria-label="Permalink to &quot;9.5.3&quot;">​</a></h2><p><code>2023-09-19</code></p><ul><li>🐞 修复ts下引入问题。</li></ul><h2 id="_9-5-2" tabindex="-1">9.5.2 <a class="header-anchor" href="#_9-5-2" aria-label="Permalink to &quot;9.5.2&quot;">​</a></h2><p><code>2023-09-18</code></p><ul><li>💄 优化基础图形<code>text</code>。</li><li>💄 优化内置覆盖物<code>simpleAnnotation</code>和<code>simpleTag</code>。</li><li>💄 优化技术指标自由样式，支持增量。</li><li>🐞 修复typescript声明问题。</li></ul><h2 id="_9-5-1" tabindex="-1">9.5.1 <a class="header-anchor" href="#_9-5-1" aria-label="Permalink to &quot;9.5.1&quot;">​</a></h2><p><code>2023-08-14</code></p><ul><li>🆕 图表方法新增<code>getOverlayClass</code>。</li><li>🆕 样式配置<code>candle.tooltip.custom</code>新增内置涨跌幅支持。</li><li>💄 优化基础图形<code>rect</code>事件响应。</li><li>↩️ 分割线事件响应回退</li></ul><h2 id="_9-5-0" tabindex="-1">9.5.0 <a class="header-anchor" href="#_9-5-0" aria-label="Permalink to &quot;9.5.0&quot;">​</a></h2><p><code>2023-06-15</code></p><ul><li>🆕 <code>Overlay</code>新增事件<code>onDoubleClick</code>，新增属性<code>modeSensitivity</code>。</li><li>🆕 样式配置<code>candle.tooltip.custom</code>支持字符串模版。</li><li>🐞 优化移动端阻尼滚动掉帧问题。</li><li>🐞 修复窗口id命名拼写错误。</li><li>💄 优化分割线事件响应灵敏度。</li><li>💄 优化typescript下，OverlayFigure中的attrs类型声明。</li></ul><h2 id="_9-4-0" tabindex="-1">9.4.0 <a class="header-anchor" href="#_9-4-0" aria-label="Permalink to &quot;9.4.0&quot;">​</a></h2><p><code>2023-05-25</code></p><ul><li>🆕 实例api <code>createOverlay</code> 支持数组。</li><li>🆕 <code>overlay</code>新增属性<code>paneId</code>，<code>defaultZLevel</code>和<code>zLevel</code>。</li><li>🆕 <code>xAxis</code>新增方法<code>convertTimestampFromPixel</code>和<code>convertTimestampToPixel</code>。</li><li>💄 优化蜡烛柱显示。</li></ul><h2 id="_9-3-0" tabindex="-1">9.3.0 <a class="header-anchor" href="#_9-3-0" aria-label="Permalink to &quot;9.3.0&quot;">​</a></h2><p><code>2023-05-13</code></p><ul><li>🆕 新增图表API <code>utils.calcTextWidth</code>。</li><li>🆕 图表API <code>createIndicator(value, isStack, options)</code>和<code>setPaneOptions(options)</code>新增<code>options.axisOptions</code>。</li><li>🆕 指标图形配置支持自定义。</li><li>💄 优化bar宽度比例。</li><li>💄 优化内部获取屏幕像素比。</li><li>💄 优化内部id生成。</li></ul><h2 id="_9-2-2" tabindex="-1">9.2.2 <a class="header-anchor" href="#_9-2-2" aria-label="Permalink to &quot;9.2.2&quot;">​</a></h2><p><code>2023-05-04</code></p><ul><li>🐞 修复基础图形<code>line</code>事件检查可能导致错误问题。</li><li>💄 优化类型检查。</li></ul><h2 id="_9-2-1" tabindex="-1">9.2.1 <a class="header-anchor" href="#_9-2-1" aria-label="Permalink to &quot;9.2.1&quot;">​</a></h2><p><code>2023-04-27</code></p><ul><li>💄 优化默认样式，<code>#EF5350</code>变更为<code>#F92855</code>，<code>#26A69A</code>变更为<code>#2DC08E</code>。</li><li>💄 优化typescript声明。</li></ul><h2 id="_9-2-0" tabindex="-1">9.2.0 <a class="header-anchor" href="#_9-2-0" aria-label="Permalink to &quot;9.2.0&quot;">​</a></h2><p><code>2023-04-24</code></p><ul><li>🆕 实例API新增<code>getOffsetRightDistance</code>和<code>executeAction</code>。</li><li>🆕 实例API<code>applyNewData</code>、<code>applyMoreData</code>和<code>updateData</code>新增成功回调入参<code>callback</code>。</li><li>🆕 支持千分符显示。</li><li>🆕 样式配置新增<code>candle.bar.upBorderColor</code>、<code>candle.bar.downBorderColor</code>、<code>candle.bar.noChangeBorderColor</code>、<code>candle.bar.upWickColor</code>、<code>candle.bar.downWickColor</code>、<code>candle.bar.noChangeWickColor</code>、<code>candle.tooltip.rect.position</code>和<code>candle.tooltip.rect.offsetBottom</code>。</li><li>🆕 所有<code>visibleRange</code>新增<code>realFrom</code>和<code>realTo</code>。</li><li>💄 优化API，<code>klinecharts.utils.isValid</code>和<code>klinecharts.utils.formatBigNumber</code>。</li><li>💄 优化开发环境下，日志输出。</li></ul><h2 id="_9-1-3" tabindex="-1">9.1.3 <a class="header-anchor" href="#_9-1-3" aria-label="Permalink to &quot;9.1.3&quot;">​</a></h2><p><code>2023-04-15</code></p><ul><li>🐞 修复图表api <code>applyNewData</code> 入参是空数组时不刷新问题。</li><li>🐞 修复无数据时y轴上十字光标文字不显示问题。</li><li>💄 优化面积图显示。</li><li>💄 优化覆盖物事件回调参数，新增<code>figureKey</code>和<code>figureIndex</code>。</li><li>💄 优化typescript覆盖物样式类型，和基础类型<code>DeepPartial</code>, <code>DeepRequired</code>。</li></ul><h2 id="_9-1-2" tabindex="-1">9.1.2 <a class="header-anchor" href="#_9-1-2" aria-label="Permalink to &quot;9.1.2&quot;">​</a></h2><p><code>2023-04-10</code></p><ul><li>🐞 修复内置基础图形<code>line</code>触发事件不准确问题。</li><li>🐞 修复内置覆盖物<code>simpleAnnotation</code>和<code>simpleTag</code>绘制完成后第一次触发事件问题。</li><li>💄 优化覆盖物图形事件忽略，支持事件选择。</li></ul><h2 id="_9-1-1" tabindex="-1">9.1.1 <a class="header-anchor" href="#_9-1-1" aria-label="Permalink to &quot;9.1.1&quot;">​</a></h2><p><code>2023-03-14</code></p><ul><li>🐞 修复内置基础图形<code>arc</code>不生效问题。</li><li>💄 优化渲染更新。</li></ul><h2 id="_9-1-0" tabindex="-1">9.1.0 <a class="header-anchor" href="#_9-1-0" aria-label="Permalink to &quot;9.1.0&quot;">​</a></h2><p><code>2023-02-23</code></p><ul><li>🆕 图表实例方法<code>subscribeAction</code>和<code>unsubscribeAction</code>类型新增<code>onCandleBarClick</code>。</li><li>🆕 覆盖物支持双击强制结束绘制。</li><li>💄 优化事件处理。</li></ul><h2 id="_9-0-1" tabindex="-1">9.0.1 <a class="header-anchor" href="#_9-0-1" aria-label="Permalink to &quot;9.0.1&quot;">​</a></h2><p><code>2023-02-17</code></p><ul><li>🐞 修复typescript引入问题。</li></ul><h2 id="_9-0-0" tabindex="-1">9.0.0 <a class="header-anchor" href="#_9-0-0" aria-label="Permalink to &quot;9.0.0&quot;">​</a></h2><p><code>2023-02-16</code></p><ul><li>🛠 Typescript重构。</li><li>🆕 新特性 <ul><li>新增Y轴方向缩放，滚动。</li><li>API <ul><li>新增基图表方法<code>registerFigure</code>，<code>getSupportFigures</code>，<code>getFigureClass</code>，<code>rigisterOverlay</code>，<code>getSupportOverlays</code>，<code>registerLocale</code>，<code>getSupportLocales</code>，<code>registerStyles</code>。</li><li>新增实例方法，<code>getSize</code>，<code>setLocale</code>，<code>getLocal</code>，<code>setCustomApi</code>，<code>getVisibleRange</code>，<code>createOverlay</code>，<code>getOverlayById</code>，<code>overrideOverlay</code>，<code>removeOverlay</code>。</li></ul></li><li>样式配置 <ul><li>新增<code>candle.priceMark.last.text.borderStyle</code>，<code>candle.tooltip.icons</code>，<code>indicator.lastValueMark.text.borderStyle</code>，<code>indicator.tooltip.icons</code>，<code>crosshair.horizontal.text.borderStyle</code>，<code>crosshair.vertical.text.borderStyle</code>。</li></ul></li></ul></li><li>👉 变更 <ul><li>API <ul><li>图表方法<code>extension.addTechnicalIndicatorTemplate</code>变更为<code>registerIndicator</code>。</li><li>图表方法<code>extension.addShapeTemplate</code>变更为<code>registerOverlay</code>。</li><li>实例方法<code>setStyleOptions</code>变更为<code>setStyles</code>。</li><li>实例方法<code>getStyleOptions</code>变更为<code>getStyles</code>。</li><li>实例方法<code>setPaneOptions(options)</code>，<code>options</code>新增属性<code>gap</code>。</li><li>实例方法<code>setOffsetRightSpace</code>变更为<code>setOffsetRightDistance</code>。</li><li>实例方法<code>createTechnicalIndicator</code>变更为<code>createIndicator</code>。</li><li>实例方法<code>overlayTechnicalIndicator</code>变更为<code>overlayIndicator</code>。</li><li>实例方法<code>getTechnicalIndicatorByPaneId</code>变更为<code>getIndicatorByPaneId</code>。</li><li>实例方法<code>removeTechnicalIndicator</code>变更为<code>removeIndicator</code>。</li></ul></li><li>样式配置 <ul><li>所有<code>line.style</code>选项变更为<code>solid</code>和<code>dashed</code>。</li><li>所有<code>dashValue</code>变更为<code>dashedValue</code>。</li><li><code>xAxis.height</code>变更为<code>xAxis.size</code>，<code>xAxis.tickText.paddingTop</code>变更为<code>xAxis.tickText.marginStart</code>，<code>xAxis.tickText.paddingBottom</code>变更为<code>xAxis.tickText.marginEnd</code>。</li><li><code>yAxis.height</code>变更为<code>yAxis.size</code>，<code>yAxis.tickText.paddingTop</code>变更为<code>yAxis.tickText.marginStart</code>，<code>yAxis.tickText.paddingBottom</code>变更为<code>yAxis.tickText.marginEnd</code>。</li><li><code>technicalIndicator.bar</code>变更为<code>indicator.bars</code>，<code>technicalIndicator.line</code>变更为<code>indicator.lines</code>，<code>technicalIndicator.circle</code>变更为<code>indicator.circles</code>。</li></ul></li><li>自定义扩展 <ul><li>技术指标属性<code>calcParams</code>，变更为支持任意类型。</li><li>技术指标属性<code>plots</code>变更为<code>figures</code>。</li><li>技术指标属性<code>regeneratePlots</code>变更为<code>regeneratefigures</code>。</li><li>技术指标属性<code>calcTechnicalIndicator</code>变更为<code>calc</code>。</li><li>技术指标属性<code>render</code>变更为<code>draw</code>。</li></ul></li></ul></li><li>🗑 废弃 <ul><li>API <ul><li>删除实例方法<code>getWidth</code>，<code>getHeight</code>，改用<code>getSize</code>。</li><li>删除实例方法<code>createShape</code>，<code>createAnnotation</code>，<code>createTag</code>，改用<code>createOverlay</code>。</li><li>删除实例方法<code>removeShape</code>，<code>removeAnnotation</code>，<code>removeTag</code>，改用<code>removeOverlay</code>。</li><li>删除实例方法<code>setShapeOptions</code>，改用<code>overrideOverlay</code>。</li><li>删除实例方法<code>createHtml</code>，<code>removeHtml</code>，<code>addTechnicalIndicatorTemplate</code>，<code>getTechnicalIndicatorTemplate</code>，<code>addShapeTemplate</code>。</li></ul></li><li>样式配置 <ul><li>删除<code>shape</code>，<code>annotation</code>，<code>tag</code>，改用<code>overlay</code>。</li><li>删除<code>candle.margin</code>，<code>technicalIndicator.margin</code>。</li></ul></li><li>自定义扩展 <ul><li>技术指标模版不再保存相关属性。</li><li>技术指标删除属性<code>shouldCheckParamCount</code>。</li><li>删除<code>Shape</code>，改用<code>Overlay</code>。</li></ul></li></ul></li></ul><h2 id="_8-x" tabindex="-1">8.x <a class="header-anchor" href="#_8-x" aria-label="Permalink to &quot;8.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/blob/v8.6.3/docs/zh-CN/changelog.md" target="_blank" rel="noreferrer">Github</a>上查看 8.x 的 Change Log。</p><h2 id="_7-x" tabindex="-1">7.x <a class="header-anchor" href="#_7-x" aria-label="Permalink to &quot;7.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/blob/v7.5.0/docs/zh-CN/changelog.md" target="_blank" rel="noreferrer">Github</a>上查看 7.x 的 Change Log。</p><h2 id="_6-x" tabindex="-1">6.x <a class="header-anchor" href="#_6-x" aria-label="Permalink to &quot;6.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/blob/v6.1.0/docs/zh-CN/CHANGELOG.md" target="_blank" rel="noreferrer">Github</a>上查看 6.x 的 Change Log。</p><h2 id="_5-x" tabindex="-1">5.x <a class="header-anchor" href="#_5-x" aria-label="Permalink to &quot;5.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/releases/tag/v5.0.0" target="_blank" rel="noreferrer">Github</a>上查看 5.x 的版本记录。</p><h2 id="_4-x" tabindex="-1">4.x <a class="header-anchor" href="#_4-x" aria-label="Permalink to &quot;4.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/releases/tag/v4.0.0" target="_blank" rel="noreferrer">Github</a>上查看 4.x 的版本记录。</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/changelog.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2024-03-03T16:04:56.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/v8-to-v9.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>从v8到v9</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/feedback.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>反馈和共建</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/changelog.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/changelog.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_changelog" data-v-42bb49df><div><h1 id="📠-更新日志" tabindex="-1">📠 更新日志 <a class="header-anchor" href="#📠-更新日志" aria-label="Permalink to &quot;📠 更新日志&quot;">​</a></h1><h2 id="_9-8-0" tabindex="-1">9.8.0 <a class="header-anchor" href="#_9-8-0" aria-label="Permalink to &quot;9.8.0&quot;">​</a></h2><p><code>2024-03-04</code></p><ul><li>🆕 支持自定义坐标轴。</li><li>🆕 支持指标绘制到未来时间。</li><li>🆕 支持长小数折叠。</li><li>🆕 支持向前和向后添加数据。</li><li>🐞 修复不同浏览器格式化时间问题。</li></ul><h2 id="_9-7-2" tabindex="-1">9.7.2 <a class="header-anchor" href="#_9-7-2" aria-label="Permalink to &quot;9.7.2&quot;">​</a></h2><p><code>2024-01-12</code></p><ul><li>🐞 修复指标属性 <code>minValue</code> 和 <code>maxValue</code> 不生效问题。</li><li>🐞 修复覆盖物x轴上显示问题。</li><li>💄 优化样式 <code>candle.type: &#39;ohlc&#39;</code> 显示。</li><li>💄 优化绘制清晰度。</li></ul><h2 id="_9-7-1" tabindex="-1">9.7.1 <a class="header-anchor" href="#_9-7-1" aria-label="Permalink to &quot;9.7.1&quot;">​</a></h2><p><code>2023-12-18</code></p><ul><li>🐞 修复指标和覆盖物方法不执行问题。</li><li>🐞 修复包管理器下载node版本依赖问题。</li></ul><h2 id="_9-7-0" tabindex="-1">9.7.0 <a class="header-anchor" href="#_9-7-0" aria-label="Permalink to &quot;9.7.0&quot;">​</a></h2><p><code>2023-12-12</code></p><ul><li>🆕 实例方法新增<code>setMaxOffsetLeftDistance</code>和<code>setMaxOffsetRightDistance</code>。</li><li>🆕 指标新增<code>zLevel</code>属性。</li><li>💄 优化<code>ohlc</code>蜡烛柱渲染。</li><li>🐞 修复蜡烛柱模糊问题。</li><li>🐞 修复覆盖物<code>zLevel</code>渲染规则。</li></ul><h2 id="_9-6-0" tabindex="-1">9.6.0 <a class="header-anchor" href="#_9-6-0" aria-label="Permalink to &quot;9.6.0&quot;">​</a></h2><p><code>2023-11-14</code></p><ul><li>🖋️ 重构窗口之间的分割线模块。</li><li>🆕 图表方法<code>init(ds, options)</code>，参数<code>options</code>新增<code>layout</code>。</li><li>🆕 实例方法<code>createIndicator(value, isStack, paneOptions, callback)</code>，参数<code>paneOptions</code>新增<code>position</code>。</li><li>🆕 样式<code>candle.tooltip.custom</code>新增<code>turnover</code>字符串模版。</li><li>💄 优化样式<code>overlay.text</code>配置。</li><li>💄 优化<code>utils.clone</code>和<code>utils.merge</code>实现。</li><li>🐞 修复多个覆盖物样式显示不对问题。</li><li>🐞 修复多个指标样式显示不对问题。</li></ul><h2 id="_9-5-4" tabindex="-1">9.5.4 <a class="header-anchor" href="#_9-5-4" aria-label="Permalink to &quot;9.5.4&quot;">​</a></h2><p><code>2023-09-22</code></p><ul><li>🐞 修复样式<code>candle.type</code>是<code>area</code>时，最新价线不显示问题。</li><li>🐞 修复样式<code>crosshair.vertical.text.paddingLeft</code>显示不对问题。</li></ul><h2 id="_9-5-3" tabindex="-1">9.5.3 <a class="header-anchor" href="#_9-5-3" aria-label="Permalink to &quot;9.5.3&quot;">​</a></h2><p><code>2023-09-19</code></p><ul><li>🐞 修复ts下引入问题。</li></ul><h2 id="_9-5-2" tabindex="-1">9.5.2 <a class="header-anchor" href="#_9-5-2" aria-label="Permalink to &quot;9.5.2&quot;">​</a></h2><p><code>2023-09-18</code></p><ul><li>💄 优化基础图形<code>text</code>。</li><li>💄 优化内置覆盖物<code>simpleAnnotation</code>和<code>simpleTag</code>。</li><li>💄 优化技术指标自由样式，支持增量。</li><li>🐞 修复typescript声明问题。</li></ul><h2 id="_9-5-1" tabindex="-1">9.5.1 <a class="header-anchor" href="#_9-5-1" aria-label="Permalink to &quot;9.5.1&quot;">​</a></h2><p><code>2023-08-14</code></p><ul><li>🆕 图表方法新增<code>getOverlayClass</code>。</li><li>🆕 样式配置<code>candle.tooltip.custom</code>新增内置涨跌幅支持。</li><li>💄 优化基础图形<code>rect</code>事件响应。</li><li>↩️ 分割线事件响应回退</li></ul><h2 id="_9-5-0" tabindex="-1">9.5.0 <a class="header-anchor" href="#_9-5-0" aria-label="Permalink to &quot;9.5.0&quot;">​</a></h2><p><code>2023-06-15</code></p><ul><li>🆕 <code>Overlay</code>新增事件<code>onDoubleClick</code>，新增属性<code>modeSensitivity</code>。</li><li>🆕 样式配置<code>candle.tooltip.custom</code>支持字符串模版。</li><li>🐞 优化移动端阻尼滚动掉帧问题。</li><li>🐞 修复窗口id命名拼写错误。</li><li>💄 优化分割线事件响应灵敏度。</li><li>💄 优化typescript下，OverlayFigure中的attrs类型声明。</li></ul><h2 id="_9-4-0" tabindex="-1">9.4.0 <a class="header-anchor" href="#_9-4-0" aria-label="Permalink to &quot;9.4.0&quot;">​</a></h2><p><code>2023-05-25</code></p><ul><li>🆕 实例api <code>createOverlay</code> 支持数组。</li><li>🆕 <code>overlay</code>新增属性<code>paneId</code>，<code>defaultZLevel</code>和<code>zLevel</code>。</li><li>🆕 <code>xAxis</code>新增方法<code>convertTimestampFromPixel</code>和<code>convertTimestampToPixel</code>。</li><li>💄 优化蜡烛柱显示。</li></ul><h2 id="_9-3-0" tabindex="-1">9.3.0 <a class="header-anchor" href="#_9-3-0" aria-label="Permalink to &quot;9.3.0&quot;">​</a></h2><p><code>2023-05-13</code></p><ul><li>🆕 新增图表API <code>utils.calcTextWidth</code>。</li><li>🆕 图表API <code>createIndicator(value, isStack, options)</code>和<code>setPaneOptions(options)</code>新增<code>options.axisOptions</code>。</li><li>🆕 指标图形配置支持自定义。</li><li>💄 优化bar宽度比例。</li><li>💄 优化内部获取屏幕像素比。</li><li>💄 优化内部id生成。</li></ul><h2 id="_9-2-2" tabindex="-1">9.2.2 <a class="header-anchor" href="#_9-2-2" aria-label="Permalink to &quot;9.2.2&quot;">​</a></h2><p><code>2023-05-04</code></p><ul><li>🐞 修复基础图形<code>line</code>事件检查可能导致错误问题。</li><li>💄 优化类型检查。</li></ul><h2 id="_9-2-1" tabindex="-1">9.2.1 <a class="header-anchor" href="#_9-2-1" aria-label="Permalink to &quot;9.2.1&quot;">​</a></h2><p><code>2023-04-27</code></p><ul><li>💄 优化默认样式，<code>#EF5350</code>变更为<code>#F92855</code>，<code>#26A69A</code>变更为<code>#2DC08E</code>。</li><li>💄 优化typescript声明。</li></ul><h2 id="_9-2-0" tabindex="-1">9.2.0 <a class="header-anchor" href="#_9-2-0" aria-label="Permalink to &quot;9.2.0&quot;">​</a></h2><p><code>2023-04-24</code></p><ul><li>🆕 实例API新增<code>getOffsetRightDistance</code>和<code>executeAction</code>。</li><li>🆕 实例API<code>applyNewData</code>、<code>applyMoreData</code>和<code>updateData</code>新增成功回调入参<code>callback</code>。</li><li>🆕 支持千分符显示。</li><li>🆕 样式配置新增<code>candle.bar.upBorderColor</code>、<code>candle.bar.downBorderColor</code>、<code>candle.bar.noChangeBorderColor</code>、<code>candle.bar.upWickColor</code>、<code>candle.bar.downWickColor</code>、<code>candle.bar.noChangeWickColor</code>、<code>candle.tooltip.rect.position</code>和<code>candle.tooltip.rect.offsetBottom</code>。</li><li>🆕 所有<code>visibleRange</code>新增<code>realFrom</code>和<code>realTo</code>。</li><li>💄 优化API，<code>klinecharts.utils.isValid</code>和<code>klinecharts.utils.formatBigNumber</code>。</li><li>💄 优化开发环境下，日志输出。</li></ul><h2 id="_9-1-3" tabindex="-1">9.1.3 <a class="header-anchor" href="#_9-1-3" aria-label="Permalink to &quot;9.1.3&quot;">​</a></h2><p><code>2023-04-15</code></p><ul><li>🐞 修复图表api <code>applyNewData</code> 入参是空数组时不刷新问题。</li><li>🐞 修复无数据时y轴上十字光标文字不显示问题。</li><li>💄 优化面积图显示。</li><li>💄 优化覆盖物事件回调参数，新增<code>figureKey</code>和<code>figureIndex</code>。</li><li>💄 优化typescript覆盖物样式类型，和基础类型<code>DeepPartial</code>, <code>DeepRequired</code>。</li></ul><h2 id="_9-1-2" tabindex="-1">9.1.2 <a class="header-anchor" href="#_9-1-2" aria-label="Permalink to &quot;9.1.2&quot;">​</a></h2><p><code>2023-04-10</code></p><ul><li>🐞 修复内置基础图形<code>line</code>触发事件不准确问题。</li><li>🐞 修复内置覆盖物<code>simpleAnnotation</code>和<code>simpleTag</code>绘制完成后第一次触发事件问题。</li><li>💄 优化覆盖物图形事件忽略，支持事件选择。</li></ul><h2 id="_9-1-1" tabindex="-1">9.1.1 <a class="header-anchor" href="#_9-1-1" aria-label="Permalink to &quot;9.1.1&quot;">​</a></h2><p><code>2023-03-14</code></p><ul><li>🐞 修复内置基础图形<code>arc</code>不生效问题。</li><li>💄 优化渲染更新。</li></ul><h2 id="_9-1-0" tabindex="-1">9.1.0 <a class="header-anchor" href="#_9-1-0" aria-label="Permalink to &quot;9.1.0&quot;">​</a></h2><p><code>2023-02-23</code></p><ul><li>🆕 图表实例方法<code>subscribeAction</code>和<code>unsubscribeAction</code>类型新增<code>onCandleBarClick</code>。</li><li>🆕 覆盖物支持双击强制结束绘制。</li><li>💄 优化事件处理。</li></ul><h2 id="_9-0-1" tabindex="-1">9.0.1 <a class="header-anchor" href="#_9-0-1" aria-label="Permalink to &quot;9.0.1&quot;">​</a></h2><p><code>2023-02-17</code></p><ul><li>🐞 修复typescript引入问题。</li></ul><h2 id="_9-0-0" tabindex="-1">9.0.0 <a class="header-anchor" href="#_9-0-0" aria-label="Permalink to &quot;9.0.0&quot;">​</a></h2><p><code>2023-02-16</code></p><ul><li>🛠 Typescript重构。</li><li>🆕 新特性 <ul><li>新增Y轴方向缩放，滚动。</li><li>API <ul><li>新增基图表方法<code>registerFigure</code>，<code>getSupportFigures</code>，<code>getFigureClass</code>，<code>rigisterOverlay</code>，<code>getSupportOverlays</code>，<code>registerLocale</code>，<code>getSupportLocales</code>，<code>registerStyles</code>。</li><li>新增实例方法，<code>getSize</code>，<code>setLocale</code>，<code>getLocal</code>，<code>setCustomApi</code>，<code>getVisibleRange</code>，<code>createOverlay</code>，<code>getOverlayById</code>，<code>overrideOverlay</code>，<code>removeOverlay</code>。</li></ul></li><li>样式配置 <ul><li>新增<code>candle.priceMark.last.text.borderStyle</code>，<code>candle.tooltip.icons</code>，<code>indicator.lastValueMark.text.borderStyle</code>，<code>indicator.tooltip.icons</code>，<code>crosshair.horizontal.text.borderStyle</code>，<code>crosshair.vertical.text.borderStyle</code>。</li></ul></li></ul></li><li>👉 变更 <ul><li>API <ul><li>图表方法<code>extension.addTechnicalIndicatorTemplate</code>变更为<code>registerIndicator</code>。</li><li>图表方法<code>extension.addShapeTemplate</code>变更为<code>registerOverlay</code>。</li><li>实例方法<code>setStyleOptions</code>变更为<code>setStyles</code>。</li><li>实例方法<code>getStyleOptions</code>变更为<code>getStyles</code>。</li><li>实例方法<code>setPaneOptions(options)</code>，<code>options</code>新增属性<code>gap</code>。</li><li>实例方法<code>setOffsetRightSpace</code>变更为<code>setOffsetRightDistance</code>。</li><li>实例方法<code>createTechnicalIndicator</code>变更为<code>createIndicator</code>。</li><li>实例方法<code>overlayTechnicalIndicator</code>变更为<code>overlayIndicator</code>。</li><li>实例方法<code>getTechnicalIndicatorByPaneId</code>变更为<code>getIndicatorByPaneId</code>。</li><li>实例方法<code>removeTechnicalIndicator</code>变更为<code>removeIndicator</code>。</li></ul></li><li>样式配置 <ul><li>所有<code>line.style</code>选项变更为<code>solid</code>和<code>dashed</code>。</li><li>所有<code>dashValue</code>变更为<code>dashedValue</code>。</li><li><code>xAxis.height</code>变更为<code>xAxis.size</code>，<code>xAxis.tickText.paddingTop</code>变更为<code>xAxis.tickText.marginStart</code>，<code>xAxis.tickText.paddingBottom</code>变更为<code>xAxis.tickText.marginEnd</code>。</li><li><code>yAxis.height</code>变更为<code>yAxis.size</code>，<code>yAxis.tickText.paddingTop</code>变更为<code>yAxis.tickText.marginStart</code>，<code>yAxis.tickText.paddingBottom</code>变更为<code>yAxis.tickText.marginEnd</code>。</li><li><code>technicalIndicator.bar</code>变更为<code>indicator.bars</code>，<code>technicalIndicator.line</code>变更为<code>indicator.lines</code>，<code>technicalIndicator.circle</code>变更为<code>indicator.circles</code>。</li></ul></li><li>自定义扩展 <ul><li>技术指标属性<code>calcParams</code>，变更为支持任意类型。</li><li>技术指标属性<code>plots</code>变更为<code>figures</code>。</li><li>技术指标属性<code>regeneratePlots</code>变更为<code>regeneratefigures</code>。</li><li>技术指标属性<code>calcTechnicalIndicator</code>变更为<code>calc</code>。</li><li>技术指标属性<code>render</code>变更为<code>draw</code>。</li></ul></li></ul></li><li>🗑 废弃 <ul><li>API <ul><li>删除实例方法<code>getWidth</code>，<code>getHeight</code>，改用<code>getSize</code>。</li><li>删除实例方法<code>createShape</code>，<code>createAnnotation</code>，<code>createTag</code>，改用<code>createOverlay</code>。</li><li>删除实例方法<code>removeShape</code>，<code>removeAnnotation</code>，<code>removeTag</code>，改用<code>removeOverlay</code>。</li><li>删除实例方法<code>setShapeOptions</code>，改用<code>overrideOverlay</code>。</li><li>删除实例方法<code>createHtml</code>，<code>removeHtml</code>，<code>addTechnicalIndicatorTemplate</code>，<code>getTechnicalIndicatorTemplate</code>，<code>addShapeTemplate</code>。</li></ul></li><li>样式配置 <ul><li>删除<code>shape</code>，<code>annotation</code>，<code>tag</code>，改用<code>overlay</code>。</li><li>删除<code>candle.margin</code>，<code>technicalIndicator.margin</code>。</li></ul></li><li>自定义扩展 <ul><li>技术指标模版不再保存相关属性。</li><li>技术指标删除属性<code>shouldCheckParamCount</code>。</li><li>删除<code>Shape</code>，改用<code>Overlay</code>。</li></ul></li></ul></li></ul><h2 id="_8-x" tabindex="-1">8.x <a class="header-anchor" href="#_8-x" aria-label="Permalink to &quot;8.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/blob/v8.6.3/docs/zh-CN/changelog.md" target="_blank" rel="noreferrer">Github</a>上查看 8.x 的 Change Log。</p><h2 id="_7-x" tabindex="-1">7.x <a class="header-anchor" href="#_7-x" aria-label="Permalink to &quot;7.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/blob/v7.5.0/docs/zh-CN/changelog.md" target="_blank" rel="noreferrer">Github</a>上查看 7.x 的 Change Log。</p><h2 id="_6-x" tabindex="-1">6.x <a class="header-anchor" href="#_6-x" aria-label="Permalink to &quot;6.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/blob/v6.1.0/docs/zh-CN/CHANGELOG.md" target="_blank" rel="noreferrer">Github</a>上查看 6.x 的 Change Log。</p><h2 id="_5-x" tabindex="-1">5.x <a class="header-anchor" href="#_5-x" aria-label="Permalink to &quot;5.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/releases/tag/v5.0.0" target="_blank" rel="noreferrer">Github</a>上查看 5.x 的版本记录。</p><h2 id="_4-x" tabindex="-1">4.x <a class="header-anchor" href="#_4-x" aria-label="Permalink to &quot;4.x&quot;">​</a></h2><p>去<a href="https://github.com/liihuu/KLineChart/releases/tag/v4.0.0" target="_blank" rel="noreferrer">Github</a>上查看 4.x 的版本记录。</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/changelog.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2024-03-03T16:04:56.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/v8-to-v9.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>从v8到v9</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/feedback.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>反馈和共建</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/chart-api.html b/guide/chart-api.html
index 0d7b8c9d6..8c098dfac 100644
--- a/guide/chart-api.html
+++ b/guide/chart-api.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>图表API | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_chart-api.md.LU-7TYvX.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_chart-api.md.Ja3EzuzJ.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/chart-api.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/chart-api.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_chart-api" data-v-a47c012d><div><h1 id="图表api" tabindex="-1">图表API <a class="header-anchor" href="#图表api" aria-label="Permalink to &quot;图表API&quot;">​</a></h1><h2 id="init-ds-options" tabindex="-1">init(ds, options) <a class="header-anchor" href="#init-ds-options" aria-label="Permalink to &quot;init(ds, options)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/chart-api.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/chart-api.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_chart-api" data-v-42bb49df><div><h1 id="图表api" tabindex="-1">图表API <a class="header-anchor" href="#图表api" aria-label="Permalink to &quot;图表API&quot;">​</a></h1><h2 id="init-ds-options" tabindex="-1">init(ds, options) <a class="header-anchor" href="#init-ds-options" aria-label="Permalink to &quot;init(ds, options)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">  ds: string </span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">|</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> HTMLElement</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">  options</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">    layout?</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Array</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;{</span></span>
@@ -432,8 +432,8 @@
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">    borderRadius</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">    backgroundColor</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  }</span></span>
-<span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">) </span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">=&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> void</span></span></code></pre></div><p>绘制带背景的文字。</p><ul><li><code>ctx</code> 画布上下文</li><li><code>attrs</code> 文字参数 <ul><li><code>x</code> 起始点x轴值</li><li><code>y</code> 起始点y轴值</li><li><code>text</code> 文字内容</li><li><code>width</code> 宽度</li><li><code>height</code> 高度</li><li><code>align</code> 水平对齐方式</li><li><code>baseline</code> 垂直对齐方式</li></ul></li><li><code>styles</code> 样式 <ul><li><code>style</code> 样式</li><li><code>color</code> 颜色</li><li><code>size</code> 尺寸</li><li><code>family</code> 字体</li><li><code>weight</code> 权重</li><li><code>paddingLeft</code> 左内边距,</li><li><code>paddingTop</code> 上内边距,</li><li><code>paddingRight</code> 右内边距,</li><li><code>paddingBottom</code> 下内边距,</li><li><code>borderColor</code> 边框颜色</li><li><code>borderSize</code> 边框粗细</li><li><code>borderStyle</code> 边框样式</li><li><code>borderRadius</code> 边框圆角尺寸</li><li><code>borderDashedValue</code> 边框虚线参数值</li><li><code>backgroundColor</code> 背景色</li></ul></li></ul><h3 id="utils-drawrecttext-ctx-recttext-styles" tabindex="-1">utils.drawRectText(ctx, rectText, styles) <a class="header-anchor" href="#utils-drawrecttext-ctx-recttext-styles" aria-label="Permalink to &quot;utils.drawRectText(ctx, rectText, styles)&quot;">​</a></h3><p>同<code>utils.drawText(ctx, text, styles)</code>，已废弃，v10之后会删除，请用<code>utils.drawText(ctx, text, styles)</code>代替。</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/chart-api.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2024-03-03T16:04:56.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/custom-axis.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>自定义坐标轴</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/instance-api.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>实例API</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">) </span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">=&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> void</span></span></code></pre></div><p>绘制带背景的文字。</p><ul><li><code>ctx</code> 画布上下文</li><li><code>attrs</code> 文字参数 <ul><li><code>x</code> 起始点x轴值</li><li><code>y</code> 起始点y轴值</li><li><code>text</code> 文字内容</li><li><code>width</code> 宽度</li><li><code>height</code> 高度</li><li><code>align</code> 水平对齐方式</li><li><code>baseline</code> 垂直对齐方式</li></ul></li><li><code>styles</code> 样式 <ul><li><code>style</code> 样式</li><li><code>color</code> 颜色</li><li><code>size</code> 尺寸</li><li><code>family</code> 字体</li><li><code>weight</code> 权重</li><li><code>paddingLeft</code> 左内边距,</li><li><code>paddingTop</code> 上内边距,</li><li><code>paddingRight</code> 右内边距,</li><li><code>paddingBottom</code> 下内边距,</li><li><code>borderColor</code> 边框颜色</li><li><code>borderSize</code> 边框粗细</li><li><code>borderStyle</code> 边框样式</li><li><code>borderRadius</code> 边框圆角尺寸</li><li><code>borderDashedValue</code> 边框虚线参数值</li><li><code>backgroundColor</code> 背景色</li></ul></li></ul><h3 id="utils-drawrecttext-ctx-recttext-styles" tabindex="-1">utils.drawRectText(ctx, rectText, styles) <a class="header-anchor" href="#utils-drawrecttext-ctx-recttext-styles" aria-label="Permalink to &quot;utils.drawRectText(ctx, rectText, styles)&quot;">​</a></h3><p>同<code>utils.drawText(ctx, text, styles)</code>，已废弃，v10之后会删除，请用<code>utils.drawText(ctx, text, styles)</code>代替。</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/chart-api.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2024-03-03T16:04:56.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/custom-axis.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>自定义坐标轴</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/instance-api.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>实例API</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/custom-axis.html b/guide/custom-axis.html
index 784d7b1c0..109d2063f 100644
--- a/guide/custom-axis.html
+++ b/guide/custom-axis.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>自定义坐标轴 v9.8.0+ | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_custom-axis.md.zQzMpDqe.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_custom-axis.md.YHD7AC8J.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/custom-axis.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/custom-axis.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_custom-axis" data-v-a47c012d><div><h1 id="自定义坐标轴-v9-8-0" tabindex="-1">自定义坐标轴 <span class="Tag" data-v-90b04f6b><!--[-->v9.8.0+<!--]--></span> <a class="header-anchor" href="#自定义坐标轴-v9-8-0" aria-label="Permalink to &quot;自定义坐标轴 &lt;Tag&gt;v9.8.0+&lt;/Tag&gt;&quot;">​</a></h1><p>图表支持自定义坐标轴，可以通过图表方法 <a href="./chart-api.html#registerxaxis-axis">registerXAxis(axis)</a> 和 <a href="./chart-api.html#registeryaxis-axis">registerYAxis(axis)</a> 来实现。</p><h2 id="入参说明" tabindex="-1">入参说明 <a class="header-anchor" href="#入参说明" aria-label="Permalink to &quot;入参说明&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/custom-axis.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/custom-axis.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_custom-axis" data-v-42bb49df><div><h1 id="自定义坐标轴-v9-8-0" tabindex="-1">自定义坐标轴 <span class="Tag" data-v-90b04f6b><!--[-->v9.8.0+<!--]--></span> <a class="header-anchor" href="#自定义坐标轴-v9-8-0" aria-label="Permalink to &quot;自定义坐标轴 &lt;Tag&gt;v9.8.0+&lt;/Tag&gt;&quot;">​</a></h1><p>图表支持自定义坐标轴，可以通过图表方法 <a href="./chart-api.html#registerxaxis-axis">registerXAxis(axis)</a> 和 <a href="./chart-api.html#registeryaxis-axis">registerYAxis(axis)</a> 来实现。</p><h2 id="入参说明" tabindex="-1">入参说明 <a class="header-anchor" href="#入参说明" aria-label="Permalink to &quot;入参说明&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 坐标轴名字</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 创建分割文字方法实现</span></span>
@@ -112,8 +112,8 @@
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">    // 这里的 customYAxisName 使用自定义y轴时的 name 代替</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">    name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> `${</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">customYAxisName</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">}`</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  }</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/custom-axis.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2024-03-03T16:04:56.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/overlay.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>覆盖物</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/chart-api.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>图表API</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/custom-axis.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2024-03-03T16:04:56.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/overlay.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>覆盖物</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/chart-api.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>图表API</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/datasource.html b/guide/datasource.html
index 4e9d37a80..5ea465453 100644
--- a/guide/datasource.html
+++ b/guide/datasource.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>📚 数据 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_datasource.md.NxxFl54M.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_datasource.md.ZxIo0sjE.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/datasource.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/datasource.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_datasource" data-v-a47c012d><div><h1 id="📚-数据" tabindex="-1">📚 数据 <a class="header-anchor" href="#📚-数据" aria-label="Permalink to &quot;📚 数据&quot;">​</a></h1><p>图表所需要的数据必须是固定格式。通过图表实例 API <a href="./instance-api.html#applynewdata-datalist-more">applyNewData(dataList, more)</a>，<a href="./instance-api.html#applymoredatadatalist-more">applyMoreData(dataList, more)</a>和<a href="./instance-api.html#updatedatadata">updateData(data)</a>来和图表进行数据交互。</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/datasource.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/datasource.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_datasource" data-v-42bb49df><div><h1 id="📚-数据" tabindex="-1">📚 数据 <a class="header-anchor" href="#📚-数据" aria-label="Permalink to &quot;📚 数据&quot;">​</a></h1><p>图表所需要的数据必须是固定格式。通过图表实例 API <a href="./instance-api.html#applynewdata-datalist-more">applyNewData(dataList, more)</a>，<a href="./instance-api.html#applymoredatadatalist-more">applyMoreData(dataList, more)</a>和<a href="./instance-api.html#updatedatadata">updateData(data)</a>来和图表进行数据交互。</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 时间戳，毫秒级别，必要字段</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 开盘价，必要字段</span></span>
@@ -34,8 +34,8 @@
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  volume</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 成交额，非必须字段，如果需要展示技术指标&#39;EMV&#39;和&#39;AVP&#39;，则需要为该字段填充数据。</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  turnover</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/datasource.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-08-19T20:26:36.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/styles.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>样式配置</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/environment.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>环境要求</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/datasource.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-08-19T20:26:36.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/styles.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>样式配置</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/environment.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>环境要求</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/environment.html b/guide/environment.html
index b8169ff2e..4faaf4e37 100644
--- a/guide/environment.html
+++ b/guide/environment.html
@@ -5,25 +5,25 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>🏝️ 环境要求 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_environment.md.fh2tLeH-.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_environment.md.Zir01w8q.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/environment.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/environment.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_environment" data-v-a47c012d><div><h1 id="🏝️-环境要求" tabindex="-1">🏝️ 环境要求 <a class="header-anchor" href="#🏝️-环境要求" aria-label="Permalink to &quot;🏝️ 环境要求&quot;">​</a></h1><h2 id="浏览器支持" tabindex="-1">浏览器支持 <a class="header-anchor" href="#浏览器支持" aria-label="Permalink to &quot;浏览器支持&quot;">​</a></h2><p>图表基于 html5 canvas 构建，需要运行在支持 canvas 的浏览器上，如果需要运行在移动端，请用 webview 加载。</p><h2 id="兼容处理" tabindex="-1">兼容处理 <a class="header-anchor" href="#兼容处理" aria-label="Permalink to &quot;兼容处理&quot;">​</a></h2><h3 id="core-js" tabindex="-1"><a href="https://github.com/zloirock/core-js" target="_blank" rel="noreferrer">core.js</a> <a class="header-anchor" href="#core-js" aria-label="Permalink to &quot;[core.js](https://github.com/zloirock/core-js)&quot;">​</a></h3><p>图表内部集合使用<code>Map</code>，用于兼容不支持的老版浏览器。</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">core.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/environment.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/environment.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_environment" data-v-42bb49df><div><h1 id="🏝️-环境要求" tabindex="-1">🏝️ 环境要求 <a class="header-anchor" href="#🏝️-环境要求" aria-label="Permalink to &quot;🏝️ 环境要求&quot;">​</a></h1><h2 id="浏览器支持" tabindex="-1">浏览器支持 <a class="header-anchor" href="#浏览器支持" aria-label="Permalink to &quot;浏览器支持&quot;">​</a></h2><p>图表基于 html5 canvas 构建，需要运行在支持 canvas 的浏览器上，如果需要运行在移动端，请用 webview 加载。</p><h2 id="兼容处理" tabindex="-1">兼容处理 <a class="header-anchor" href="#兼容处理" aria-label="Permalink to &quot;兼容处理&quot;">​</a></h2><h3 id="core-js" tabindex="-1"><a href="https://github.com/zloirock/core-js" target="_blank" rel="noreferrer">core.js</a> <a class="header-anchor" href="#core-js" aria-label="Permalink to &quot;[core.js](https://github.com/zloirock/core-js)&quot;">​</a></h3><p>图表内部集合使用<code>Map</code>，用于兼容不支持的老版浏览器。</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">core.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klincharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div><h3 id="intl-js" tabindex="-1"><a href="https://github.com/andyearnshaw/Intl.js" target="_blank" rel="noreferrer">Intl.js</a> <a class="header-anchor" href="#intl-js" aria-label="Permalink to &quot;[Intl.js](https://github.com/andyearnshaw/Intl.js)&quot;">​</a></h3><p>图表依赖<code>Intl</code>，某些浏览器无此 API。</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">intl</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">intl/local-data/jsonp/en</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klincharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/environment.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-03-17T15:26:35.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/datasource.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>数据</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/hot-key.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>快捷键</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klincharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/environment.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-03-17T15:26:35.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/datasource.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>数据</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/hot-key.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>快捷键</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/faq.html b/guide/faq.html
index a5c8c4ccc..3ed604801 100644
--- a/guide/faq.html
+++ b/guide/faq.html
@@ -5,26 +5,26 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>🙋 常见问题 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_faq.md.XLgpFwOe.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_faq.md.3pxdSPEO.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/faq.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/faq.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_faq" data-v-a47c012d><div><h1 id="🙋-常见问题" tabindex="-1">🙋 常见问题 <a class="header-anchor" href="#🙋-常见问题" aria-label="Permalink to &quot;🙋 常见问题&quot;">​</a></h1><h2 id="初始化图表后-只能看到一条线-是怎么回事" tabindex="-1">初始化图表后，只能看到一条线，是怎么回事？ <a class="header-anchor" href="#初始化图表后-只能看到一条线-是怎么回事" aria-label="Permalink to &quot;初始化图表后，只能看到一条线，是怎么回事？&quot;">​</a></h2><p>图表总是会填充容器，检查一下容器是否有高度。</p><h2 id="蜡烛柱显示趋近于一条线-看不到波动-怎么办" tabindex="-1">蜡烛柱显示趋近于一条线，看不到波动，怎么办？ <a class="header-anchor" href="#蜡烛柱显示趋近于一条线-看不到波动-怎么办" aria-label="Permalink to &quot;蜡烛柱显示趋近于一条线，看不到波动，怎么办？&quot;">​</a></h2><p>图表默认价格精度为两位小数，调用<code>setPriceVolumePrecision(pricePrecision, volumePrecision)</code>设置下精度。</p><h2 id="分时图怎么创建" tabindex="-1">分时图怎么创建？ <a class="header-anchor" href="#分时图怎么创建" aria-label="Permalink to &quot;分时图怎么创建？&quot;">​</a></h2><p>通过样式设置。</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">setStyles</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/faq.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/faq.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_faq" data-v-42bb49df><div><h1 id="🙋-常见问题" tabindex="-1">🙋 常见问题 <a class="header-anchor" href="#🙋-常见问题" aria-label="Permalink to &quot;🙋 常见问题&quot;">​</a></h1><h2 id="初始化图表后-只能看到一条线-是怎么回事" tabindex="-1">初始化图表后，只能看到一条线，是怎么回事？ <a class="header-anchor" href="#初始化图表后-只能看到一条线-是怎么回事" aria-label="Permalink to &quot;初始化图表后，只能看到一条线，是怎么回事？&quot;">​</a></h2><p>图表总是会填充容器，检查一下容器是否有高度。</p><h2 id="蜡烛柱显示趋近于一条线-看不到波动-怎么办" tabindex="-1">蜡烛柱显示趋近于一条线，看不到波动，怎么办？ <a class="header-anchor" href="#蜡烛柱显示趋近于一条线-看不到波动-怎么办" aria-label="Permalink to &quot;蜡烛柱显示趋近于一条线，看不到波动，怎么办？&quot;">​</a></h2><p>图表默认价格精度为两位小数，调用<code>setPriceVolumePrecision(pricePrecision, volumePrecision)</code>设置下精度。</p><h2 id="分时图怎么创建" tabindex="-1">分时图怎么创建？ <a class="header-anchor" href="#分时图怎么创建" aria-label="Permalink to &quot;分时图怎么创建？&quot;">​</a></h2><p>通过样式设置。</p><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">setStyles</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  candle</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">    type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">area</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  },</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div><h2 id="内置的技术指标-计算出来的数据不是想要的-怎么办" tabindex="-1">内置的技术指标，计算出来的数据不是想要的，怎么办？ <a class="header-anchor" href="#内置的技术指标-计算出来的数据不是想要的-怎么办" aria-label="Permalink to &quot;内置的技术指标，计算出来的数据不是想要的，怎么办？&quot;">​</a></h2><p>可以通过图表方法<code>createIndicator</code>或者<code>overrideIndicator</code>重写<code>calc</code>即可。</p><h2 id="想创建一个内置技术指标之外的指标-怎么办" tabindex="-1">想创建一个内置技术指标之外的指标，怎么办？ <a class="header-anchor" href="#想创建一个内置技术指标之外的指标-怎么办" aria-label="Permalink to &quot;想创建一个内置技术指标之外的指标，怎么办？&quot;">​</a></h2><p>图表支持自定义技术指标，详情参阅<a href="./indicator.html">技术指标</a>。</p><h2 id="想标记一下买卖点-该怎么做" tabindex="-1">想标记一下买卖点，该怎么做？ <a class="header-anchor" href="#想标记一下买卖点-该怎么做" aria-label="Permalink to &quot;想标记一下买卖点，该怎么做？&quot;">​</a></h2><p>可以使用覆盖物，内置的覆盖物有一个<code>simpleAnnotation</code>，用图表api创建即可<code>createOverlay({ name: &#39;simpleAnnotation&#39;, ... }, paneId)</code>。</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/faq.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-04-15T11:18:21.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/instance-api.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>实例API</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/v8-to-v9.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>从v8到v9</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span></code></pre></div><h2 id="内置的技术指标-计算出来的数据不是想要的-怎么办" tabindex="-1">内置的技术指标，计算出来的数据不是想要的，怎么办？ <a class="header-anchor" href="#内置的技术指标-计算出来的数据不是想要的-怎么办" aria-label="Permalink to &quot;内置的技术指标，计算出来的数据不是想要的，怎么办？&quot;">​</a></h2><p>可以通过图表方法<code>createIndicator</code>或者<code>overrideIndicator</code>重写<code>calc</code>即可。</p><h2 id="想创建一个内置技术指标之外的指标-怎么办" tabindex="-1">想创建一个内置技术指标之外的指标，怎么办？ <a class="header-anchor" href="#想创建一个内置技术指标之外的指标-怎么办" aria-label="Permalink to &quot;想创建一个内置技术指标之外的指标，怎么办？&quot;">​</a></h2><p>图表支持自定义技术指标，详情参阅<a href="./indicator.html">技术指标</a>。</p><h2 id="想标记一下买卖点-该怎么做" tabindex="-1">想标记一下买卖点，该怎么做？ <a class="header-anchor" href="#想标记一下买卖点-该怎么做" aria-label="Permalink to &quot;想标记一下买卖点，该怎么做？&quot;">​</a></h2><p>可以使用覆盖物，内置的覆盖物有一个<code>simpleAnnotation</code>，用图表api创建即可<code>createOverlay({ name: &#39;simpleAnnotation&#39;, ... }, paneId)</code>。</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/faq.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-04-15T11:18:21.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/instance-api.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>实例API</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/v8-to-v9.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>从v8到v9</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/feedback.html b/guide/feedback.html
index fa60d6dd4..13737bc20 100644
--- a/guide/feedback.html
+++ b/guide/feedback.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>💬 反馈和共建 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_feedback.md.YUbMo2U8.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_feedback.md.O1hxX6LV.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/feedback.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/feedback.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_feedback" data-v-a47c012d><div><h1 id="💬-反馈和共建" tabindex="-1">💬 反馈和共建 <a class="header-anchor" href="#💬-反馈和共建" aria-label="Permalink to &quot;💬 反馈和共建&quot;">​</a></h1><h2 id="github" tabindex="-1">Github <a class="header-anchor" href="#github" aria-label="Permalink to &quot;Github&quot;">​</a></h2><ul><li>Issues: <a href="https://github.com/liihuu/KLineChart/issues" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/issues</a></li><li>Discussions: <a href="https://github.com/liihuu/KLineChart/discussions" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/discussions</a></li></ul><h2 id="telegram" tabindex="-1">Telegram <a class="header-anchor" href="#telegram" aria-label="Permalink to &quot;Telegram&quot;">​</a></h2><p><a href="https://t.me/+098syuQtzI0yNzll" target="_blank" rel="noreferrer">https://t.me/+098syuQtzI0yNzll</a></p><h2 id="discord" tabindex="-1">Discord <a class="header-anchor" href="#discord" aria-label="Permalink to &quot;Discord&quot;">​</a></h2><p><a href="https://discord.gg/7YjHYgvvvZ" target="_blank" rel="noreferrer">https://discord.gg/7YjHYgvvvZ</a></p><h2 id="微信讨论群" tabindex="-1">微信讨论群 <a class="header-anchor" href="#微信讨论群" aria-label="Permalink to &quot;微信讨论群&quot;">​</a></h2><p>扫一扫，添加开发者，备注『 KLineChart 』，加入群聊。 <img style="width:180px;margin-top:10px;" src="/images/wechat.jpeg"></p><h2 id="qq讨论群" tabindex="-1">QQ讨论群 <a class="header-anchor" href="#qq讨论群" aria-label="Permalink to &quot;QQ讨论群&quot;">​</a></h2><img style="width:180px;margin-top:10px;" src="/images/qq_group_qr_code.png"></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/feedback.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-05-24T20:06:48.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/changelog.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>更新日志</span><!--]--></a></div><div class="pager" data-v-5583ab76><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/feedback.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/feedback.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_feedback" data-v-42bb49df><div><h1 id="💬-反馈和共建" tabindex="-1">💬 反馈和共建 <a class="header-anchor" href="#💬-反馈和共建" aria-label="Permalink to &quot;💬 反馈和共建&quot;">​</a></h1><h2 id="github" tabindex="-1">Github <a class="header-anchor" href="#github" aria-label="Permalink to &quot;Github&quot;">​</a></h2><ul><li>Issues: <a href="https://github.com/liihuu/KLineChart/issues" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/issues</a></li><li>Discussions: <a href="https://github.com/liihuu/KLineChart/discussions" target="_blank" rel="noreferrer">https://github.com/liihuu/KLineChart/discussions</a></li></ul><h2 id="telegram" tabindex="-1">Telegram <a class="header-anchor" href="#telegram" aria-label="Permalink to &quot;Telegram&quot;">​</a></h2><p><a href="https://t.me/+098syuQtzI0yNzll" target="_blank" rel="noreferrer">https://t.me/+098syuQtzI0yNzll</a></p><h2 id="discord" tabindex="-1">Discord <a class="header-anchor" href="#discord" aria-label="Permalink to &quot;Discord&quot;">​</a></h2><p><a href="https://discord.gg/7YjHYgvvvZ" target="_blank" rel="noreferrer">https://discord.gg/7YjHYgvvvZ</a></p><h2 id="微信讨论群" tabindex="-1">微信讨论群 <a class="header-anchor" href="#微信讨论群" aria-label="Permalink to &quot;微信讨论群&quot;">​</a></h2><p>扫一扫，添加开发者，备注『 KLineChart 』，加入群聊。 <img style="width:180px;margin-top:10px;" src="/images/wechat.jpeg"></p><h2 id="qq讨论群" tabindex="-1">QQ讨论群 <a class="header-anchor" href="#qq讨论群" aria-label="Permalink to &quot;QQ讨论群&quot;">​</a></h2><img style="width:180px;margin-top:10px;" src="/images/qq_group_qr_code.png"></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/feedback.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-05-24T20:06:48.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/changelog.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>更新日志</span><!--]--></a></div><div class="pager" data-v-8dd15667><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/figure.html b/guide/figure.html
index 896748986..ba8097106 100644
--- a/guide/figure.html
+++ b/guide/figure.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>基础图形 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_figure.md.9QmuiBOR.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_figure.md._zUF2sHR.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/figure.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/figure.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_figure" data-v-a47c012d><div><h1 id="基础图形" tabindex="-1">基础图形 <a class="header-anchor" href="#基础图形" aria-label="Permalink to &quot;基础图形&quot;">​</a></h1><p>基础图形是图表重要的组成部分，图表上所有的元素都是由基础图形组成，如果需要制作复杂的自定义技术指标和覆盖物，建议仔细阅读。这篇文档介绍了内置的基本图形和如何自定义一个基础图形。基础图形可以通过图表方法<code>klinecharts.getFigureClass(name)</code>获取。</p><h2 id="使用示例" tabindex="-1">使用示例 <a class="header-anchor" href="#使用示例" aria-label="Permalink to &quot;使用示例&quot;">​</a></h2><div class="warning custom-block"><p class="custom-block-title">注意</p><p>需要在有画布上下文的情况下使用。</p></div><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// 获取基础图形实例</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/figure.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/figure.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_figure" data-v-42bb49df><div><h1 id="基础图形" tabindex="-1">基础图形 <a class="header-anchor" href="#基础图形" aria-label="Permalink to &quot;基础图形&quot;">​</a></h1><p>基础图形是图表重要的组成部分，图表上所有的元素都是由基础图形组成，如果需要制作复杂的自定义技术指标和覆盖物，建议仔细阅读。这篇文档介绍了内置的基本图形和如何自定义一个基础图形。基础图形可以通过图表方法<code>klinecharts.getFigureClass(name)</code>获取。</p><h2 id="使用示例" tabindex="-1">使用示例 <a class="header-anchor" href="#使用示例" aria-label="Permalink to &quot;使用示例&quot;">​</a></h2><div class="warning custom-block"><p class="custom-block-title">注意</p><p>需要在有画布上下文的情况下使用。</p></div><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// 获取基础图形实例</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// name为基础图形名字，如，&#39;arc&#39;, &#39;circle&#39;等。</span></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">const</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> Figure</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getFigureClass</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(name)</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">// 实例化并绘制</span></span>
@@ -261,8 +261,8 @@
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">      ctx</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">stroke</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">()</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">    }</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  }</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div><p>这样一个自定义的基础图形就完成了。</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/figure.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-08-28T03:30:31.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/i18n.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>国际化</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/indicator.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>技术指标</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div><p>这样一个自定义的基础图形就完成了。</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/figure.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-08-28T03:30:31.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/i18n.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>国际化</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/indicator.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>技术指标</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/getting-started.html b/guide/getting-started.html
index a8cad0e97..baa856dca 100644
--- a/guide/getting-started.html
+++ b/guide/getting-started.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>🚀 快速开始 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_getting-started.md.HwS6ZWou.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_getting-started.md.BwlRNWz0.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/getting-started.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/getting-started.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_getting-started" data-v-a47c012d><div><h1 id="🚀-快速开始" tabindex="-1">🚀 快速开始 <a class="header-anchor" href="#🚀-快速开始" aria-label="Permalink to &quot;🚀 快速开始&quot;">​</a></h1><h2 id="获取klinechart" tabindex="-1">获取KLineChart <a class="header-anchor" href="#获取klinechart" aria-label="Permalink to &quot;获取KLineChart&quot;">​</a></h2><p>KLineChart 支持多种下载方式，你可以通过<code>npm</code>或<code>yarn</code>等包管理工具，也可以通过<code>CDN</code>获取。</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-f49Aq" id="tab-9GVT24z" checked="checked"><label for="tab-9GVT24z">npm</label><input type="radio" name="group-f49Aq" id="tab-NUd-ZC4"><label for="tab-NUd-ZC4">yarn</label><input type="radio" name="group-f49Aq" id="tab-VmH4ysD"><label for="tab-VmH4ysD">cdn</label></div><div class="blocks"><div class="language-bash vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">npm</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> install</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">yarn</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> add</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">text/javascript</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> src</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">https://cdn.jsdelivr.net/npm/klinecharts/dist/umd/klinecharts.min.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;&lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre></div></div></div><h2 id="创建第一个图表" tabindex="-1">创建第一个图表 <a class="header-anchor" href="#创建第一个图表" aria-label="Permalink to &quot;创建第一个图表&quot;">​</a></h2><p>KLineChart 不受前端框架限制，所以你可以在任何一个前端框架中使用。</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-s4cw5" id="tab-8r7KVlX" checked="checked"><label for="tab-8r7KVlX">React</label><input type="radio" name="group-s4cw5" id="tab-UY1nvsY"><label for="tab-UY1nvsY">Vue</label><input type="radio" name="group-s4cw5" id="tab--eQe0XF"><label for="tab--eQe0XF">Angular</label><input type="radio" name="group-s4cw5" id="tab-yJISAjs"><label for="tab-yJISAjs">Preact</label><input type="radio" name="group-s4cw5" id="tab-ioUEC4E"><label for="tab-ioUEC4E">Solid</label><input type="radio" name="group-s4cw5" id="tab-x_W6iCr"><label for="tab-x_W6iCr">Svelte</label><input type="radio" name="group-s4cw5" id="tab-7-vcUks"><label for="tab-7-vcUks">Vanilla</label></div><div class="blocks"><div class="language-jsx vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">jsx</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> useEffect</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">react</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/getting-started.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/getting-started.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_getting-started" data-v-42bb49df><div><h1 id="🚀-快速开始" tabindex="-1">🚀 快速开始 <a class="header-anchor" href="#🚀-快速开始" aria-label="Permalink to &quot;🚀 快速开始&quot;">​</a></h1><h2 id="获取klinechart" tabindex="-1">获取KLineChart <a class="header-anchor" href="#获取klinechart" aria-label="Permalink to &quot;获取KLineChart&quot;">​</a></h2><p>KLineChart 支持多种下载方式，你可以通过<code>npm</code>或<code>yarn</code>等包管理工具，也可以通过<code>CDN</code>获取。</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-8o1x_" id="tab-VmqqnnS" checked="checked"><label for="tab-VmqqnnS">npm</label><input type="radio" name="group-8o1x_" id="tab-Tzu4Gic"><label for="tab-Tzu4Gic">yarn</label><input type="radio" name="group-8o1x_" id="tab-XiB2UgO"><label for="tab-XiB2UgO">cdn</label></div><div class="blocks"><div class="language-bash vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">npm</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> install</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">yarn</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> add</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;"> klinecharts</span></span></code></pre></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">text/javascript</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> src</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">https://cdn.jsdelivr.net/npm/klinecharts/dist/umd/klinecharts.min.js</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;&lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre></div></div></div><h2 id="创建第一个图表" tabindex="-1">创建第一个图表 <a class="header-anchor" href="#创建第一个图表" aria-label="Permalink to &quot;创建第一个图表&quot;">​</a></h2><p>KLineChart 不受前端框架限制，所以你可以在任何一个前端框架中使用。</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-z2vdr" id="tab-54AW4Hv" checked="checked"><label for="tab-54AW4Hv">React</label><input type="radio" name="group-z2vdr" id="tab-a1w2vWF"><label for="tab-a1w2vWF">Vue</label><input type="radio" name="group-z2vdr" id="tab-7lREcuj"><label for="tab-7lREcuj">Angular</label><input type="radio" name="group-z2vdr" id="tab-3Fb8dza"><label for="tab-3Fb8dza">Preact</label><input type="radio" name="group-z2vdr" id="tab-J5mCTc6"><label for="tab-J5mCTc6">Solid</label><input type="radio" name="group-z2vdr" id="tab-f2PhbmC"><label for="tab-f2PhbmC">Svelte</label><input type="radio" name="group-z2vdr" id="tab-Jg3R6gV"><label for="tab-Jg3R6gV">Vanilla</label></div><div class="blocks"><div class="language-jsx vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">jsx</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> useEffect</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">react</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> dispose</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">export</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> default</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> ()</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -230,8 +230,8 @@
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">      }</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">    &lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">script</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  &lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">body</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">html</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre></div></div></div><p>这样你的第一个图表就创建完成了。</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/getting-started.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-10-28T21:31:46.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/what-is-klinechart.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>什么是KLineChart？</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/styles.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>样式配置</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;/</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">html</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre></div></div></div><p>这样你的第一个图表就创建完成了。</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/getting-started.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2024-03-04T15:42:38.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/what-is-klinechart.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>什么是KLineChart？</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/styles.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>样式配置</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/hot-key.html b/guide/hot-key.html
index 56a54184d..f1da226c3 100644
--- a/guide/hot-key.html
+++ b/guide/hot-key.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>⌨️ 快捷键 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_hot-key.md.HaFYC0pq.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_hot-key.md.iNZF3aPU.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/hot-key.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/hot-key.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_hot-key" data-v-a47c012d><div><h1 id="⌨️-快捷键" tabindex="-1">⌨️ 快捷键 <a class="header-anchor" href="#⌨️-快捷键" aria-label="Permalink to &quot;⌨️ 快捷键&quot;">​</a></h1><p>目前快捷键仅支持移动和缩放。</p><ul><li><code>shift</code> + <code>→</code> 右移</li><li><code>shift</code> + <code>←</code> 左移</li><li><code>shift</code> + <code>+</code> 放大</li><li><code>shift</code> + <code>-</code> 缩小</li></ul></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/hot-key.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-03-17T15:26:35.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/environment.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>环境要求</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/i18n.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>国际化</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/hot-key.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/hot-key.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_hot-key" data-v-42bb49df><div><h1 id="⌨️-快捷键" tabindex="-1">⌨️ 快捷键 <a class="header-anchor" href="#⌨️-快捷键" aria-label="Permalink to &quot;⌨️ 快捷键&quot;">​</a></h1><p>目前快捷键仅支持移动和缩放。</p><ul><li><code>shift</code> + <code>→</code> 右移</li><li><code>shift</code> + <code>←</code> 左移</li><li><code>shift</code> + <code>+</code> 放大</li><li><code>shift</code> + <code>-</code> 缩小</li></ul></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/hot-key.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-03-17T15:26:35.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/environment.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>环境要求</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/i18n.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>国际化</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/i18n.html b/guide/i18n.html
index d1bd70542..a16462524 100644
--- a/guide/i18n.html
+++ b/guide/i18n.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>🌏 国际化 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_i18n.md.X9uoahs-.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_i18n.md.Z7xgvpLe.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/i18n.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/i18n.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_i18n" data-v-a47c012d><div><h1 id="🌏-国际化" tabindex="-1">🌏 国际化 <a class="header-anchor" href="#🌏-国际化" aria-label="Permalink to &quot;🌏 国际化&quot;">​</a></h1><p>目前图表内置了<code>en-US</code>和<code>zh-CN</code>两种语言，默认语言是<code>en-US</code>，如果需要使用其他语言，可以参考下面的方案。</p><h2 id="增加语言包" tabindex="-1">增加语言包 <a class="header-anchor" href="#增加语言包" aria-label="Permalink to &quot;增加语言包&quot;">​</a></h2><p>增加语言包通过<code>klinecharts.registerLocale(key, locales)</code>去完成。 例如，添加一个中文繁体的语言包，可以这样做：</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">registerLocale</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">zh-HK</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/i18n.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/i18n.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_i18n" data-v-42bb49df><div><h1 id="🌏-国际化" tabindex="-1">🌏 国际化 <a class="header-anchor" href="#🌏-国际化" aria-label="Permalink to &quot;🌏 国际化&quot;">​</a></h1><p>目前图表内置了<code>en-US</code>和<code>zh-CN</code>两种语言，默认语言是<code>en-US</code>，如果需要使用其他语言，可以参考下面的方案。</p><h2 id="增加语言包" tabindex="-1">增加语言包 <a class="header-anchor" href="#增加语言包" aria-label="Permalink to &quot;增加语言包&quot;">​</a></h2><p>增加语言包通过<code>klinecharts.registerLocale(key, locales)</code>去完成。 例如，添加一个中文繁体的语言包，可以这样做：</p><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">registerLocale</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">zh-HK</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  time</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">時間：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  open</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">開：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  high</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">高：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
@@ -28,8 +28,8 @@
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  volume</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">成交量：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  turnover</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">成交額：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">  change</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">漲幅：</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span></span></code></pre></div><h2 id="使用语言包" tabindex="-1">使用语言包 <a class="header-anchor" href="#使用语言包" aria-label="Permalink to &quot;使用语言包&quot;">​</a></h2><p>当添加完语言包后，可以通过图表API <code>init(options)</code>或者<code>setLocale(key)</code>，完成语言切换。</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/i18n.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-11-07T16:26:59.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/hot-key.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>快捷键</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/figure.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>基础图形</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span></span></code></pre></div><h2 id="使用语言包" tabindex="-1">使用语言包 <a class="header-anchor" href="#使用语言包" aria-label="Permalink to &quot;使用语言包&quot;">​</a></h2><p>当添加完语言包后，可以通过图表API <code>init(options)</code>或者<code>setLocale(key)</code>，完成语言切换。</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/i18n.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-11-07T16:26:59.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/hot-key.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>快捷键</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/figure.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>基础图形</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/indicator.html b/guide/indicator.html
index a09d3acf9..e8937a754 100644
--- a/guide/indicator.html
+++ b/guide/indicator.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>技术指标 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_indicator.md.7Ru-rd8z.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_indicator.md.7Au_1f-w.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/indicator.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/indicator.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_indicator" data-v-a47c012d><div><h1 id="技术指标" tabindex="-1">技术指标 <a class="header-anchor" href="#技术指标" aria-label="Permalink to &quot;技术指标&quot;">​</a></h1><p>本文档介绍了图表内置的技术指标和如何自定义一个技术指标。</p><h2 id="内置技术指标" tabindex="-1">内置技术指标 <a class="header-anchor" href="#内置技术指标" aria-label="Permalink to &quot;内置技术指标&quot;">​</a></h2><table><thead><tr><th style="text-align:center;"><strong>指标名</strong></th><th style="text-align:center;"><strong>默认计算参数</strong></th><th style="text-align:center;"><strong>指标名</strong></th><th style="text-align:center;"><strong>默认计算参数</strong></th><th style="text-align:center;"><strong>指标名</strong></th><th style="text-align:center;"><strong>默认计算参数</strong></th></tr></thead><tbody><tr><td style="text-align:center;">MA</td><td style="text-align:center;">[5, 10, 30, 60]</td><td style="text-align:center;">BIAS</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">VR</td><td style="text-align:center;">[24, 30]</td></tr><tr><td style="text-align:center;">EMA</td><td style="text-align:center;">[6, 12, 20]</td><td style="text-align:center;">BRAR</td><td style="text-align:center;">[26]</td><td style="text-align:center;">WR</td><td style="text-align:center;">[6, 10, 14]</td></tr><tr><td style="text-align:center;">SMA</td><td style="text-align:center;">[12, 2]</td><td style="text-align:center;">CCI</td><td style="text-align:center;">[13]</td><td style="text-align:center;">MTM</td><td style="text-align:center;">[6, 10]</td></tr><tr><td style="text-align:center;">BBI</td><td style="text-align:center;">[3, 6, 12, 24]</td><td style="text-align:center;">DMI</td><td style="text-align:center;">[14, 6]</td><td style="text-align:center;">EMV</td><td style="text-align:center;">[14, 9]</td></tr><tr><td style="text-align:center;">VOL</td><td style="text-align:center;">[5, 10, 20]</td><td style="text-align:center;">CR</td><td style="text-align:center;">[26, 10, 20, 40, 60]</td><td style="text-align:center;">SAR</td><td style="text-align:center;">[2, 2,  20]</td></tr><tr><td style="text-align:center;">MACD</td><td style="text-align:center;">[12, 26, 9]</td><td style="text-align:center;">PSY</td><td style="text-align:center;">[12, 6]</td><td style="text-align:center;">AO</td><td style="text-align:center;">[5, 34]</td></tr><tr><td style="text-align:center;">BOLL</td><td style="text-align:center;">[20]</td><td style="text-align:center;">DMA</td><td style="text-align:center;">[10, 50, 10]</td><td style="text-align:center;">ROC</td><td style="text-align:center;">[12, 6]</td></tr><tr><td style="text-align:center;">KDJ</td><td style="text-align:center;">[9, 3, 3]</td><td style="text-align:center;">TRIX</td><td style="text-align:center;">[12, 20]</td><td style="text-align:center;">PVT</td><td style="text-align:center;">无</td></tr><tr><td style="text-align:center;">RSI</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">OBV</td><td style="text-align:center;">[30]</td><td style="text-align:center;">AVP</td><td style="text-align:center;">无</td></tr></tbody></table><h2 id="自定义技术指标" tabindex="-1">自定义技术指标 <a class="header-anchor" href="#自定义技术指标" aria-label="Permalink to &quot;自定义技术指标&quot;">​</a></h2><p>创建一个自定义技术指标，只需要生成一个技术指标信息，然后通过<code>klinecharts.registerIndicator</code>全局添加，添加到图表即可和内置技术指标一样去使用。</p><h3 id="属性说明" tabindex="-1">属性说明 <a class="header-anchor" href="#属性说明" aria-label="Permalink to &quot;属性说明&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/indicator.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/indicator.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_indicator" data-v-42bb49df><div><h1 id="技术指标" tabindex="-1">技术指标 <a class="header-anchor" href="#技术指标" aria-label="Permalink to &quot;技术指标&quot;">​</a></h1><p>本文档介绍了图表内置的技术指标和如何自定义一个技术指标。</p><h2 id="内置技术指标" tabindex="-1">内置技术指标 <a class="header-anchor" href="#内置技术指标" aria-label="Permalink to &quot;内置技术指标&quot;">​</a></h2><table><thead><tr><th style="text-align:center;"><strong>指标名</strong></th><th style="text-align:center;"><strong>默认计算参数</strong></th><th style="text-align:center;"><strong>指标名</strong></th><th style="text-align:center;"><strong>默认计算参数</strong></th><th style="text-align:center;"><strong>指标名</strong></th><th style="text-align:center;"><strong>默认计算参数</strong></th></tr></thead><tbody><tr><td style="text-align:center;">MA</td><td style="text-align:center;">[5, 10, 30, 60]</td><td style="text-align:center;">BIAS</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">VR</td><td style="text-align:center;">[24, 30]</td></tr><tr><td style="text-align:center;">EMA</td><td style="text-align:center;">[6, 12, 20]</td><td style="text-align:center;">BRAR</td><td style="text-align:center;">[26]</td><td style="text-align:center;">WR</td><td style="text-align:center;">[6, 10, 14]</td></tr><tr><td style="text-align:center;">SMA</td><td style="text-align:center;">[12, 2]</td><td style="text-align:center;">CCI</td><td style="text-align:center;">[13]</td><td style="text-align:center;">MTM</td><td style="text-align:center;">[6, 10]</td></tr><tr><td style="text-align:center;">BBI</td><td style="text-align:center;">[3, 6, 12, 24]</td><td style="text-align:center;">DMI</td><td style="text-align:center;">[14, 6]</td><td style="text-align:center;">EMV</td><td style="text-align:center;">[14, 9]</td></tr><tr><td style="text-align:center;">VOL</td><td style="text-align:center;">[5, 10, 20]</td><td style="text-align:center;">CR</td><td style="text-align:center;">[26, 10, 20, 40, 60]</td><td style="text-align:center;">SAR</td><td style="text-align:center;">[2, 2,  20]</td></tr><tr><td style="text-align:center;">MACD</td><td style="text-align:center;">[12, 26, 9]</td><td style="text-align:center;">PSY</td><td style="text-align:center;">[12, 6]</td><td style="text-align:center;">AO</td><td style="text-align:center;">[5, 34]</td></tr><tr><td style="text-align:center;">BOLL</td><td style="text-align:center;">[20]</td><td style="text-align:center;">DMA</td><td style="text-align:center;">[10, 50, 10]</td><td style="text-align:center;">ROC</td><td style="text-align:center;">[12, 6]</td></tr><tr><td style="text-align:center;">KDJ</td><td style="text-align:center;">[9, 3, 3]</td><td style="text-align:center;">TRIX</td><td style="text-align:center;">[12, 20]</td><td style="text-align:center;">PVT</td><td style="text-align:center;">无</td></tr><tr><td style="text-align:center;">RSI</td><td style="text-align:center;">[6, 12, 24]</td><td style="text-align:center;">OBV</td><td style="text-align:center;">[30]</td><td style="text-align:center;">AVP</td><td style="text-align:center;">无</td></tr></tbody></table><h2 id="自定义技术指标" tabindex="-1">自定义技术指标 <a class="header-anchor" href="#自定义技术指标" aria-label="Permalink to &quot;自定义技术指标&quot;">​</a></h2><p>创建一个自定义技术指标，只需要生成一个技术指标信息，然后通过<code>klinecharts.registerIndicator</code>全局添加，添加到图表即可和内置技术指标一样去使用。</p><h3 id="属性说明" tabindex="-1">属性说明 <a class="header-anchor" href="#属性说明" aria-label="Permalink to &quot;属性说明&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 指标名</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 指标简短名称，用于显示，缺省将显示name</span></span>
@@ -264,8 +264,8 @@
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">      return</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> ma</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">    }</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">)</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  }</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div><p>这样一个自定义指标就完成了。</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/indicator.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-12-11T20:52:55.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/figure.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>基础图形</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/overlay.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>覆盖物</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div><p>这样一个自定义指标就完成了。</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/indicator.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-12-11T20:52:55.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/figure.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>基础图形</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/overlay.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>覆盖物</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/instance-api.html b/guide/instance-api.html
index 87f020f53..7813d880b 100644
--- a/guide/instance-api.html
+++ b/guide/instance-api.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>实例API | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_instance-api.md.k2PzSque.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_instance-api.md.lKBd2zj6.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/instance-api.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/instance-api.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_instance-api" data-v-a47c012d><div><h1 id="实例api" tabindex="-1">实例API <a class="header-anchor" href="#实例api" aria-label="Permalink to &quot;实例API&quot;">​</a></h1><h2 id="getdom-paneid-position" tabindex="-1">getDom(paneId, position) <a class="header-anchor" href="#getdom-paneid-position" aria-label="Permalink to &quot;getDom(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> HTMLElement</span></span></code></pre></div><p>获取dom容器。</p><ul><li><code>paneId</code> 窗口id，缺省则是整个图表容器</li><li><code>position</code> 支持<code>root</code>，<code>main</code>，<code>yAxis</code>，缺省则是<code>root</code></li></ul><h2 id="getsize-paneid-position" tabindex="-1">getSize(paneId, position) <a class="header-anchor" href="#getsize-paneid-position" aria-label="Permalink to &quot;getSize(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/instance-api.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/instance-api.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_instance-api" data-v-42bb49df><div><h1 id="实例api" tabindex="-1">实例API <a class="header-anchor" href="#实例api" aria-label="Permalink to &quot;实例API&quot;">​</a></h1><h2 id="getdom-paneid-position" tabindex="-1">getDom(paneId, position) <a class="header-anchor" href="#getdom-paneid-position" aria-label="Permalink to &quot;getDom(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> HTMLElement</span></span></code></pre></div><p>获取dom容器。</p><ul><li><code>paneId</code> 窗口id，缺省则是整个图表容器</li><li><code>position</code> 支持<code>root</code>，<code>main</code>，<code>yAxis</code>，缺省则是<code>root</code></li></ul><h2 id="getsize-paneid-position" tabindex="-1">getSize(paneId, position) <a class="header-anchor" href="#getsize-paneid-position" aria-label="Permalink to &quot;getSize(paneId, position)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">paneId</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> position</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">root</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">main</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> |</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">yAxis</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  width</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  height</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  left</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> number</span></span>
@@ -535,8 +535,8 @@
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#E36209;">    dataIndex</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#E36209;">    timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> number</span></span>
 <span class="line"><span style="--shiki-dark:#F07178;--shiki-light:#E36209;">    value</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> number</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  }&gt;</span></span></code></pre></div><p>将坐标转换成值。</p><ul><li><code>coordinate</code> 需要转换的值，可以是当个对象，也可以是数组</li><li><code>finder</code> 过滤条件 <ul><li><code>paneId</code> 窗口id</li><li><code>absolute</code> 是否是绝对坐标，只作用于y轴</li></ul></li></ul><h2 id="getconvertpictureurl-includeoverlay-type-backgroundcolor" tabindex="-1">getConvertPictureUrl(includeOverlay, type, backgroundColor) <a class="header-anchor" href="#getconvertpictureurl-includeoverlay-type-backgroundcolor" aria-label="Permalink to &quot;getConvertPictureUrl(includeOverlay, type, backgroundColor)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">includeOverlay</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> boolean</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> backgroundColor</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span></code></pre></div><p>获取图表转换成图片后的图片url。</p><ul><li><code>includeOverlay</code> 是否需要包含浮层，可缺省</li><li><code>type</code> 转换后的图片类型，类型是&#39;png&#39;、&#39;jpeg&#39;、&#39;bmp&#39;三种中的一种，可缺省，默认为&#39;jpeg&#39;</li><li><code>backgroundColor</code> 背景色，可缺省，默认为&#39;#FFFFFF&#39;</li></ul><h2 id="resize" tabindex="-1">resize() <a class="header-anchor" href="#resize" aria-label="Permalink to &quot;resize()&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> void</span></span></code></pre></div><p>调整图表大小，总是会填充容器大小。</p><div class="warning custom-block"><p class="custom-block-title">注意</p><p>此方法会重新计算整个图表各个模块的大小，频繁调用可能会影响到性能，调用请谨慎。</p></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/instance-api.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2024-03-03T16:04:56.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/chart-api.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>图表API</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/faq.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>常见问题</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  }&gt;</span></span></code></pre></div><p>将坐标转换成值。</p><ul><li><code>coordinate</code> 需要转换的值，可以是当个对象，也可以是数组</li><li><code>finder</code> 过滤条件 <ul><li><code>paneId</code> 窗口id</li><li><code>absolute</code> 是否是绝对坐标，只作用于y轴</li></ul></li></ul><h2 id="getconvertpictureurl-includeoverlay-type-backgroundcolor" tabindex="-1">getConvertPictureUrl(includeOverlay, type, backgroundColor) <a class="header-anchor" href="#getconvertpictureurl-includeoverlay-type-backgroundcolor" aria-label="Permalink to &quot;getConvertPictureUrl(includeOverlay, type, backgroundColor)&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">includeOverlay</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> boolean</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> type</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> backgroundColor</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;">?:</span><span style="--shiki-dark:#FFCB6B;--shiki-light:#005CC5;"> string</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span></code></pre></div><p>获取图表转换成图片后的图片url。</p><ul><li><code>includeOverlay</code> 是否需要包含浮层，可缺省</li><li><code>type</code> 转换后的图片类型，类型是&#39;png&#39;、&#39;jpeg&#39;、&#39;bmp&#39;三种中的一种，可缺省，默认为&#39;jpeg&#39;</li><li><code>backgroundColor</code> 背景色，可缺省，默认为&#39;#FFFFFF&#39;</li></ul><h2 id="resize" tabindex="-1">resize() <a class="header-anchor" href="#resize" aria-label="Permalink to &quot;resize()&quot;">​</a></h2><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;"> =&gt;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> void</span></span></code></pre></div><p>调整图表大小，总是会填充容器大小。</p><div class="warning custom-block"><p class="custom-block-title">注意</p><p>此方法会重新计算整个图表各个模块的大小，频繁调用可能会影响到性能，调用请谨慎。</p></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/instance-api.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2024-03-03T16:04:56.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/chart-api.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>图表API</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/faq.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>常见问题</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/overlay.html b/guide/overlay.html
index fb2b16166..7d158436b 100644
--- a/guide/overlay.html
+++ b/guide/overlay.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>覆盖物 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_overlay.md.182ozwhC.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_overlay.md.CosxYA4R.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/overlay.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/overlay.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_overlay" data-v-a47c012d><div><h1 id="覆盖物" tabindex="-1">覆盖物 <a class="header-anchor" href="#覆盖物" aria-label="Permalink to &quot;覆盖物&quot;">​</a></h1><p>本文档介绍了图表内置的覆盖物和如何自定义一个覆盖物。</p><h2 id="内置覆盖物类型" tabindex="-1">内置覆盖物类型 <a class="header-anchor" href="#内置覆盖物类型" aria-label="Permalink to &quot;内置覆盖物类型&quot;">​</a></h2><p><code>horizontalRayLine</code>, <code>horizontalSegment</code>, <code>horizontalStraightLine</code>, <code>verticalRayLine</code>, <code>verticalSegment</code>, <code>verticalStraightLine</code>, <code>rayLine</code>, <code>segment</code>, <code>straightLine</code>, <code>priceLine</code>, <code>priceChannelLine</code>, <code>parallelStraightLine</code>, <code>fibonacciLine</code>, <code>simpleAnnotation</code>, <code>simpleTag</code></p><h2 id="自定义覆盖物" tabindex="-1">自定义覆盖物 <a class="header-anchor" href="#自定义覆盖物" aria-label="Permalink to &quot;自定义覆盖物&quot;">​</a></h2><p>自定义一个覆盖物，然后通过<code>klinecharts.registerOverlay</code> 全局添加，添加到图表即可和内置覆盖物一样去使用。</p><h3 id="属性说明" tabindex="-1">属性说明 <a class="header-anchor" href="#属性说明" aria-label="Permalink to &quot;属性说明&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/overlay.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/overlay.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_overlay" data-v-42bb49df><div><h1 id="覆盖物" tabindex="-1">覆盖物 <a class="header-anchor" href="#覆盖物" aria-label="Permalink to &quot;覆盖物&quot;">​</a></h1><p>本文档介绍了图表内置的覆盖物和如何自定义一个覆盖物。</p><h2 id="内置覆盖物类型" tabindex="-1">内置覆盖物类型 <a class="header-anchor" href="#内置覆盖物类型" aria-label="Permalink to &quot;内置覆盖物类型&quot;">​</a></h2><p><code>horizontalRayLine</code>, <code>horizontalSegment</code>, <code>horizontalStraightLine</code>, <code>verticalRayLine</code>, <code>verticalSegment</code>, <code>verticalStraightLine</code>, <code>rayLine</code>, <code>segment</code>, <code>straightLine</code>, <code>priceLine</code>, <code>priceChannelLine</code>, <code>parallelStraightLine</code>, <code>fibonacciLine</code>, <code>simpleAnnotation</code>, <code>simpleTag</code></p><h2 id="自定义覆盖物" tabindex="-1">自定义覆盖物 <a class="header-anchor" href="#自定义覆盖物" aria-label="Permalink to &quot;自定义覆盖物&quot;">​</a></h2><p>自定义一个覆盖物，然后通过<code>klinecharts.registerOverlay</code> 全局添加，添加到图表即可和内置覆盖物一样去使用。</p><h3 id="属性说明" tabindex="-1">属性说明 <a class="header-anchor" href="#属性说明" aria-label="Permalink to &quot;属性说明&quot;">​</a></h3><div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 名称，必须字段，作为覆盖物创建的唯一标识</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  name</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> string</span></span>
 <span class="line"></span>
@@ -246,8 +246,8 @@
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">    }</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">    return</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;"> []</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  }</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div><p>这样一个自定义覆盖物就完成了。</p></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/overlay.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2024-02-29T15:16:34.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/indicator.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>技术指标</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/custom-axis.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>自定义坐标轴</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div><p>这样一个自定义覆盖物就完成了。</p></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/overlay.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2024-02-29T15:16:34.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/indicator.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>技术指标</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/custom-axis.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>自定义坐标轴</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/styles.html b/guide/styles.html
index d9c1a5a8e..f3da4b664 100644
--- a/guide/styles.html
+++ b/guide/styles.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>🎨 样式配置 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/StyleExplain.5uViWWeX.js">
-    <link rel="modulepreload" href="/assets/guide_styles.md.h9MpVylp.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/StyleExplain.80h5cdQ4.js">
+    <link rel="modulepreload" href="/assets/guide_styles.md.tQLwjU4S.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/styles.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/styles.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_styles" data-v-a47c012d><div><h1 id="🎨-样式配置" tabindex="-1">🎨 样式配置 <a class="header-anchor" href="#🎨-样式配置" aria-label="Permalink to &quot;🎨 样式配置&quot;">​</a></h1><p>图表上看到的不管是点还是线，基本都可以自定义样式。可以通过图表方法<code>init(ds, options)</code>或者图表实例方法<code>setStyles(styles)</code>进行更改。</p><h2 id="图解说明" tabindex="-1">图解说明 <a class="header-anchor" href="#图解说明" aria-label="Permalink to &quot;图解说明&quot;">​</a></h2><!--[--><img src="/images/style.jpg" data-v-214cdbcb><div class="style-explain" data-v-214cdbcb><!--[--><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>1</strong> grid.horizontal</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>2</strong> grid.vertical</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>3</strong> candle.bar</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>4</strong> candle.candle.priceMark.last.line</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>5</strong> candle.candle.priceMark.last.text</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>6</strong> candle.candle.priceMark.high</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>7</strong> candle.candle.priceMark.low</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>8</strong> candle.candle.tooltip</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>9</strong> indicator.ohlc</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>10</strong> indicator.lastValueMark</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>11</strong> indicator.tooltip</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>12</strong> xAxis.axisLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>13</strong> xAxis.tickLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>14</strong> xAxis.tickText</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>15</strong> yAxis.axisLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>16</strong> yAxis.tickLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>17</strong> yAxis.tickText</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>18</strong> separator</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>19</strong> crosshair.horizontal.line</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>20</strong> crosshair.horizontal.text</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>21</strong> crosshair.vertical.line</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>22</strong> crosshair.vertical.text</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>23</strong> overlay</span><!--]--></div><!--]--><h2 id="默认完整配置" tabindex="-1">默认完整配置 <a class="header-anchor" href="#默认完整配置" aria-label="Permalink to &quot;默认完整配置&quot;">​</a></h2><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/styles.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/styles.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_styles" data-v-42bb49df><div><h1 id="🎨-样式配置" tabindex="-1">🎨 样式配置 <a class="header-anchor" href="#🎨-样式配置" aria-label="Permalink to &quot;🎨 样式配置&quot;">​</a></h1><p>图表上看到的不管是点还是线，基本都可以自定义样式。可以通过图表方法<code>init(ds, options)</code>或者图表实例方法<code>setStyles(styles)</code>进行更改。</p><h2 id="图解说明" tabindex="-1">图解说明 <a class="header-anchor" href="#图解说明" aria-label="Permalink to &quot;图解说明&quot;">​</a></h2><!--[--><img src="/images/style.jpg" data-v-214cdbcb><div class="style-explain" data-v-214cdbcb><!--[--><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>1</strong> grid.horizontal</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>2</strong> grid.vertical</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>3</strong> candle.bar</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>4</strong> candle.candle.priceMark.last.line</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>5</strong> candle.candle.priceMark.last.text</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>6</strong> candle.candle.priceMark.high</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>7</strong> candle.candle.priceMark.low</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>8</strong> candle.candle.tooltip</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>9</strong> indicator.ohlc</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>10</strong> indicator.lastValueMark</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>11</strong> indicator.tooltip</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>12</strong> xAxis.axisLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>13</strong> xAxis.tickLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>14</strong> xAxis.tickText</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>15</strong> yAxis.axisLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>16</strong> yAxis.tickLine</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>17</strong> yAxis.tickText</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>18</strong> separator</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>19</strong> crosshair.horizontal.line</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>20</strong> crosshair.horizontal.text</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>21</strong> crosshair.vertical.line</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>22</strong> crosshair.vertical.text</span><span class="style-explain-item" data-v-214cdbcb><strong data-v-214cdbcb>23</strong> overlay</span><!--]--></div><!--]--><h2 id="默认完整配置" tabindex="-1">默认完整配置 <a class="header-anchor" href="#默认完整配置" aria-label="Permalink to &quot;默认完整配置&quot;">​</a></h2><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">{</span></span>
 <span class="line"><span style="--shiki-dark:#676E95;--shiki-light:#6A737D;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">  // 网格线</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">  grid</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">    show</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#FF9CAC;--shiki-light:#005CC5;"> true</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span></span>
@@ -544,8 +544,8 @@
 <span class="line"><span style="--shiki-dark:#FFCB6B;--shiki-light:#6F42C1;">      backgroundColor</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">#1677FF</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">    }</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  }</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/styles.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-11-01T20:03:19.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/getting-started.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>快速开始</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/datasource.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>数据</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/styles.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-11-01T20:03:19.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/getting-started.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>快速开始</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/datasource.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>数据</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/v8-to-v9.html b/guide/v8-to-v9.html
index 2c02a8818..219f3dccb 100644
--- a/guide/v8-to-v9.html
+++ b/guide/v8-to-v9.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>🛠️ 从 V8 到 V9 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_v8-to-v9.md.QFtAWg9R.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_v8-to-v9.md.aAQMRSV4.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/v8-to-v9.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/v8-to-v9.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_v8-to-v9" data-v-a47c012d><div><h1 id="🛠️-从-v8-到-v9" tabindex="-1">🛠️ 从 V8 到 V9 <a class="header-anchor" href="#🛠️-从-v8-到-v9" aria-label="Permalink to &quot;🛠️ 从 V8 到 V9&quot;">​</a></h1><p>本文档将帮助你从 klinecharts 8.x 版本升级到 klinecharts 9.x 版本，如果你是 7.x 或者更老的版本，请先参考之前的升级文档升级到 8.x。</p><h2 id="引入调整" tabindex="-1">引入调整 <a class="header-anchor" href="#引入调整" aria-label="Permalink to &quot;引入调整&quot;">​</a></h2><p>不再区分<code>klinecharts/index.blank</code>和<code>klinecharts/index.simple</code>，请统一使用<code>import { ... } from &#39;klinecharts&#39;</code>。</p><h2 id="设计调整" tabindex="-1">设计调整 <a class="header-anchor" href="#设计调整" aria-label="Permalink to &quot;设计调整&quot;">​</a></h2><p><code>shape</code>，<code>annotation</code>，<code>tag</code>合并成<code>overlay</code>，详情请查阅<a href="./overlay.html">覆盖物</a>。</p><h2 id="样式配置调整" tabindex="-1">样式配置调整 <a class="header-anchor" href="#样式配置调整" aria-label="Permalink to &quot;样式配置调整&quot;">​</a></h2><ul><li>所有线的样式选项<code>dash</code>，更改为<code>dashed</code>，<code>dashValue</code>更改为<code>dashedValue</code>。</li><li><code>candle.tooltip.labels</code>和<code>candle.tooltip.values</code>，合并为<code>candle.tooltip.custom</code>。</li><li><code>xAxis.height</code>变更为<code>xAxis.size</code>，<code>xAxis.tickText.paddingTop</code>变更为<code>xAxis.tickText.marginStart</code>，<code>xAxis.tickText.paddingBottom</code>变更为<code>xAxis.tickText.marginEnd</code>。</li><li><code>yAxis.height</code>变更为<code>yAxis.size</code>，<code>yAxis.tickText.paddingTop</code>变更为<code>yAxis.tickText.marginStart</code>，<code>yAxis.tickText.paddingBottom</code>变更为<code>yAxis.tickText.marginEnd</code>。</li><li><code>technicalIndicator.bar</code>变更为<code>indicator.bars</code>，<code>technicalIndicator.line</code>变更为<code>indicator.lines</code>，<code>technicalIndicator.circle</code>变更为<code>indicator.circles</code>。</li><li>删除<code>shape</code>，<code>annotation</code>，<code>tag</code>，请用<code>overlay</code>代替。</li></ul><h2 id="api调整" tabindex="-1">API调整 <a class="header-anchor" href="#api调整" aria-label="Permalink to &quot;API调整&quot;">​</a></h2><h3 id="图表api" tabindex="-1">图表API <a class="header-anchor" href="#图表api" aria-label="Permalink to &quot;图表API&quot;">​</a></h3><ul><li><code>extension.addTechnicalIndicatorTemplate(template)</code>变更为<code>registerIndicator(template)</code>。</li><li>删除<code>extension.addShapeTemplate(template)</code>，请用<code>registerOverlay(template)</code>代替。</li></ul><h3 id="实例api" tabindex="-1">实例API <a class="header-anchor" href="#实例api" aria-label="Permalink to &quot;实例API&quot;">​</a></h3><ul><li><code>getDom({ paneId, position })</code>变更为<code>getDom(paneId, position)</code>，参数<code>position</code>选项变更为<code>root</code>，<code>main</code>和<code>yAxis</code>。</li><li><code>getWidth()</code>和<code>getHeight()</code>合并成一个方法<code>getSize(paneId, position)</code>。</li><li><code>setStyleOptions(styles)</code>变更为<code>setStyles(styles)</code>。</li><li><code>getStyleOptions()</code>变更为<code>getStyles()</code>。</li><li><code>setOffsetRightSpace(space)</code>变更为<code>setOffsetRightDistance(distance)</code></li><li><code>createTechnicalIndicator(value, isStack, paneOptions)</code>变更为<code>createIndicator(value, isStack, paneOptions)</code></li><li><code>overrideTechnicalIndicator(override, paneId)</code>变更为<code>overrideIndicator(override, paneId)</code>。</li><li><code>getTechnicalIndicatorByPaneId(paneId, name)</code>变更为<code>getIndicatorByPaneId(paneId, name)</code>。</li><li><code>removeTechnicalIndicator(paneId, name)</code>变更为<code>removeIndicator(paneId, name)</code>。</li><li><code>subscribeAction(type, callback)</code>和<code>unsubscribeAction(type, callback)</code>，参数<code>type</code>选项变更为<code>onZoom</code>，<code>onScroll</code>，<code>onCrosshairChange</code>，<code>onVisibleRangeChange</code>和<code>onPaneDrag</code>。</li><li><code>convertToPixel(value, finder)</code>和<code>convertFromPixel(coordinate, finder)</code>，参数<code>finder.absoluteYAxis</code>变更为<code>finder.absolute</code>。</li><li>删除<code>createShape(value, paneId)</code>，<code>createAnnotation(annotation, paneId)</code>，<code>createTag(tag, paneId)</code>，请用<code>createOverlay(value, paneId)</code>代替。</li><li>删除<code>removeShape(id)</code>，<code>removeAnnotation(paneId, points)</code>，<code>removeTag(paneId, tagId)</code>，请用<code>removeOverlay(id)</code>代替。</li><li>删除<code>setShapeOptions(options)</code>，请用<code>overrideOverlay(override)</code>代替。</li><li>删除<code>createHtml(html, paneId)</code>，<code>removeHtml(paneId, htmlId)</code>，请通过<code>getDom(paneId, position)</code>获取到对应的dom后操作。</li><li>删除<code>getTechnicalIndicatorByPaneId(paneId, name)</code>。</li></ul><h3 id="图形辅助api" tabindex="-1">图形辅助API <a class="header-anchor" href="#图形辅助api" aria-label="Permalink to &quot;图形辅助API&quot;">​</a></h3><ul><li>所有的API都迁移至<code>klinecharts.utils</code>。</li></ul><h2 id="自定义技术指标调整" tabindex="-1">自定义技术指标调整 <a class="header-anchor" href="#自定义技术指标调整" aria-label="Permalink to &quot;自定义技术指标调整&quot;">​</a></h2><ul><li>属性<code>plots</code>变更为<code>figures</code>，子项方法<code>color</code>，<code>isStroke</code>，<code>isDashed</code>合并成<code>styles</code>。</li><li>方法<code>regeneratePlots(params)</code>变更为<code>regenerateFigures(params)</code>。</li><li>方法<code>calcTechnicalIndicator(kLineDataList, options)</code>变更为<code>calc(kLineDataList, indicator)</code>。</li><li>方法<code>createTooltipDataSource({ dataSource, viewport, crosshair, technicalIndicator, xAxis,yAxis, defaultStyles })</code>变更为<code>createTooltipDataSource({ kLineDataList, indicator, visibleRange, bounding, crosshair, defaultStyles, xAxis, yAxis })</code>，返回值由<code>[{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; }, ...]</code>变更为<code>{ name: &#39;xxx&#39;, calcParamsText: &#39;xxx&#39;, values: [{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; }, ...] }</code>。</li><li>方法<code>render({ ctx, dataSource, viewport, styles,xAxis, yAxis })</code>变更为<code>draw({ ctx, kLineDataList, indicator, visibleRange, bounding, barSpace, defaultStyles, xAxis, yAxis })</code>。</li><li>删除属性<code>shouldCheckParamCount</code>。</li></ul></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/v8-to-v9.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2024-02-29T15:16:34.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/guide/faq.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>常见问题</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/changelog.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>更新日志</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/v8-to-v9.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/v8-to-v9.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_v8-to-v9" data-v-42bb49df><div><h1 id="🛠️-从-v8-到-v9" tabindex="-1">🛠️ 从 V8 到 V9 <a class="header-anchor" href="#🛠️-从-v8-到-v9" aria-label="Permalink to &quot;🛠️ 从 V8 到 V9&quot;">​</a></h1><p>本文档将帮助你从 klinecharts 8.x 版本升级到 klinecharts 9.x 版本，如果你是 7.x 或者更老的版本，请先参考之前的升级文档升级到 8.x。</p><h2 id="引入调整" tabindex="-1">引入调整 <a class="header-anchor" href="#引入调整" aria-label="Permalink to &quot;引入调整&quot;">​</a></h2><p>不再区分<code>klinecharts/index.blank</code>和<code>klinecharts/index.simple</code>，请统一使用<code>import { ... } from &#39;klinecharts&#39;</code>。</p><h2 id="设计调整" tabindex="-1">设计调整 <a class="header-anchor" href="#设计调整" aria-label="Permalink to &quot;设计调整&quot;">​</a></h2><p><code>shape</code>，<code>annotation</code>，<code>tag</code>合并成<code>overlay</code>，详情请查阅<a href="./overlay.html">覆盖物</a>。</p><h2 id="样式配置调整" tabindex="-1">样式配置调整 <a class="header-anchor" href="#样式配置调整" aria-label="Permalink to &quot;样式配置调整&quot;">​</a></h2><ul><li>所有线的样式选项<code>dash</code>，更改为<code>dashed</code>，<code>dashValue</code>更改为<code>dashedValue</code>。</li><li><code>candle.tooltip.labels</code>和<code>candle.tooltip.values</code>，合并为<code>candle.tooltip.custom</code>。</li><li><code>xAxis.height</code>变更为<code>xAxis.size</code>，<code>xAxis.tickText.paddingTop</code>变更为<code>xAxis.tickText.marginStart</code>，<code>xAxis.tickText.paddingBottom</code>变更为<code>xAxis.tickText.marginEnd</code>。</li><li><code>yAxis.height</code>变更为<code>yAxis.size</code>，<code>yAxis.tickText.paddingTop</code>变更为<code>yAxis.tickText.marginStart</code>，<code>yAxis.tickText.paddingBottom</code>变更为<code>yAxis.tickText.marginEnd</code>。</li><li><code>technicalIndicator.bar</code>变更为<code>indicator.bars</code>，<code>technicalIndicator.line</code>变更为<code>indicator.lines</code>，<code>technicalIndicator.circle</code>变更为<code>indicator.circles</code>。</li><li>删除<code>shape</code>，<code>annotation</code>，<code>tag</code>，请用<code>overlay</code>代替。</li></ul><h2 id="api调整" tabindex="-1">API调整 <a class="header-anchor" href="#api调整" aria-label="Permalink to &quot;API调整&quot;">​</a></h2><h3 id="图表api" tabindex="-1">图表API <a class="header-anchor" href="#图表api" aria-label="Permalink to &quot;图表API&quot;">​</a></h3><ul><li><code>extension.addTechnicalIndicatorTemplate(template)</code>变更为<code>registerIndicator(template)</code>。</li><li>删除<code>extension.addShapeTemplate(template)</code>，请用<code>registerOverlay(template)</code>代替。</li></ul><h3 id="实例api" tabindex="-1">实例API <a class="header-anchor" href="#实例api" aria-label="Permalink to &quot;实例API&quot;">​</a></h3><ul><li><code>getDom({ paneId, position })</code>变更为<code>getDom(paneId, position)</code>，参数<code>position</code>选项变更为<code>root</code>，<code>main</code>和<code>yAxis</code>。</li><li><code>getWidth()</code>和<code>getHeight()</code>合并成一个方法<code>getSize(paneId, position)</code>。</li><li><code>setStyleOptions(styles)</code>变更为<code>setStyles(styles)</code>。</li><li><code>getStyleOptions()</code>变更为<code>getStyles()</code>。</li><li><code>setOffsetRightSpace(space)</code>变更为<code>setOffsetRightDistance(distance)</code></li><li><code>createTechnicalIndicator(value, isStack, paneOptions)</code>变更为<code>createIndicator(value, isStack, paneOptions)</code></li><li><code>overrideTechnicalIndicator(override, paneId)</code>变更为<code>overrideIndicator(override, paneId)</code>。</li><li><code>getTechnicalIndicatorByPaneId(paneId, name)</code>变更为<code>getIndicatorByPaneId(paneId, name)</code>。</li><li><code>removeTechnicalIndicator(paneId, name)</code>变更为<code>removeIndicator(paneId, name)</code>。</li><li><code>subscribeAction(type, callback)</code>和<code>unsubscribeAction(type, callback)</code>，参数<code>type</code>选项变更为<code>onZoom</code>，<code>onScroll</code>，<code>onCrosshairChange</code>，<code>onVisibleRangeChange</code>和<code>onPaneDrag</code>。</li><li><code>convertToPixel(value, finder)</code>和<code>convertFromPixel(coordinate, finder)</code>，参数<code>finder.absoluteYAxis</code>变更为<code>finder.absolute</code>。</li><li>删除<code>createShape(value, paneId)</code>，<code>createAnnotation(annotation, paneId)</code>，<code>createTag(tag, paneId)</code>，请用<code>createOverlay(value, paneId)</code>代替。</li><li>删除<code>removeShape(id)</code>，<code>removeAnnotation(paneId, points)</code>，<code>removeTag(paneId, tagId)</code>，请用<code>removeOverlay(id)</code>代替。</li><li>删除<code>setShapeOptions(options)</code>，请用<code>overrideOverlay(override)</code>代替。</li><li>删除<code>createHtml(html, paneId)</code>，<code>removeHtml(paneId, htmlId)</code>，请通过<code>getDom(paneId, position)</code>获取到对应的dom后操作。</li><li>删除<code>getTechnicalIndicatorByPaneId(paneId, name)</code>。</li></ul><h3 id="图形辅助api" tabindex="-1">图形辅助API <a class="header-anchor" href="#图形辅助api" aria-label="Permalink to &quot;图形辅助API&quot;">​</a></h3><ul><li>所有的API都迁移至<code>klinecharts.utils</code>。</li></ul><h2 id="自定义技术指标调整" tabindex="-1">自定义技术指标调整 <a class="header-anchor" href="#自定义技术指标调整" aria-label="Permalink to &quot;自定义技术指标调整&quot;">​</a></h2><ul><li>属性<code>plots</code>变更为<code>figures</code>，子项方法<code>color</code>，<code>isStroke</code>，<code>isDashed</code>合并成<code>styles</code>。</li><li>方法<code>regeneratePlots(params)</code>变更为<code>regenerateFigures(params)</code>。</li><li>方法<code>calcTechnicalIndicator(kLineDataList, options)</code>变更为<code>calc(kLineDataList, indicator)</code>。</li><li>方法<code>createTooltipDataSource({ dataSource, viewport, crosshair, technicalIndicator, xAxis,yAxis, defaultStyles })</code>变更为<code>createTooltipDataSource({ kLineDataList, indicator, visibleRange, bounding, crosshair, defaultStyles, xAxis, yAxis })</code>，返回值由<code>[{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; }, ...]</code>变更为<code>{ name: &#39;xxx&#39;, calcParamsText: &#39;xxx&#39;, values: [{ title: &#39;xxx&#39;, value: &#39;xxx&#39;, color: &#39;xxx&#39; }, ...] }</code>。</li><li>方法<code>render({ ctx, dataSource, viewport, styles,xAxis, yAxis })</code>变更为<code>draw({ ctx, kLineDataList, indicator, visibleRange, bounding, barSpace, defaultStyles, xAxis, yAxis })</code>。</li><li>删除属性<code>shouldCheckParamCount</code>。</li></ul></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/v8-to-v9.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2024-02-29T15:16:34.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/guide/faq.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>常见问题</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/changelog.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>更新日志</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/guide/what-is-klinechart.html b/guide/what-is-klinechart.html
index c31b4a2d2..39923778c 100644
--- a/guide/what-is-klinechart.html
+++ b/guide/what-is-klinechart.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>📃 介绍 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/guide_what-is-klinechart.md.jAq7RHvv.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/guide_what-is-klinechart.md.UonmXvqD.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/what-is-klinechart.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/guide/what-is-klinechart.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible has-active" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/styles.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/datasource.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/environment.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/figure.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 collapsible" data-v-fb0eb268 data-v-1516d4dd><div class="item" role="button" tabindex="0" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><h2 class="text" data-v-1516d4dd>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-1516d4dd><span class="vpi-chevron-right caret-icon" data-v-1516d4dd></span></div></div><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/faq.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/changelog.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/guide/feedback.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _guide_what-is-klinechart" data-v-a47c012d><div><h1 id="📃-介绍" tabindex="-1">📃 介绍 <a class="header-anchor" href="#📃-介绍" aria-label="Permalink to &quot;📃 介绍&quot;">​</a></h1><h2 id="什么是-klinechart" tabindex="-1">什么是 KLineChart？ <a class="header-anchor" href="#什么是-klinechart" aria-label="Permalink to &quot;什么是 KLineChart？&quot;">​</a></h2><p>KLineChart，是一款可高度自定义的专业级轻量金融图表。</p><h2 id="特性" tabindex="-1">特性 <a class="header-anchor" href="#特性" aria-label="Permalink to &quot;特性&quot;">​</a></h2><ul><li>📦 <strong>开箱即用：</strong>简单快速集成，基本零成本上手。</li><li>🚀 <strong>轻量流畅：</strong>零依赖，Gzip压缩下仅40k。</li><li>💪 <strong>功能强大：</strong>内置多种指标和画线模型。</li><li>🎨 <strong>高可扩展：</strong>丰富的样式配置和API，功能扩展随心所欲。</li><li>📱 <strong>移动端：</strong>支持移动端，一个图表，搞定多端。</li><li>🛡 <strong>Typescript开发：</strong>提供完整的类型定义文件。</li></ul></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><div class="edit-link" data-v-5583ab76><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/what-is-klinechart.md" target="_blank" rel="noreferrer" data-v-5583ab76><!--[--><span class="vpi-square-pen edit-link-icon" data-v-5583ab76></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-03-17T15:26:35.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><!----></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/guide/getting-started.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>快速开始</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/what-is-klinechart.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/guide/what-is-klinechart.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible has-active" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>介绍</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/what-is-klinechart.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>什么是KLineChart？</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>基础篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/styles.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>样式配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/datasource.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/environment.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>环境要求</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/hot-key.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>国际化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>进阶篇</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/figure.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础图形</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/custom-axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>自定义坐标轴</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>API</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/chart-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>图表API</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/instance-api.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>实例API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 collapsible" data-v-eabb1f3d data-v-b90e8e83><div class="item" role="button" tabindex="0" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><h2 class="text" data-v-b90e8e83>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b90e8e83><span class="vpi-chevron-right caret-icon" data-v-b90e8e83></span></div></div><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/faq.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>常见问题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/v8-to-v9.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>从v8到v9</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/changelog.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>更新日志</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/guide/feedback.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>反馈和共建</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _guide_what-is-klinechart" data-v-42bb49df><div><h1 id="📃-介绍" tabindex="-1">📃 介绍 <a class="header-anchor" href="#📃-介绍" aria-label="Permalink to &quot;📃 介绍&quot;">​</a></h1><h2 id="什么是-klinechart" tabindex="-1">什么是 KLineChart？ <a class="header-anchor" href="#什么是-klinechart" aria-label="Permalink to &quot;什么是 KLineChart？&quot;">​</a></h2><p>KLineChart，是一款可高度自定义的专业级轻量金融图表。</p><h2 id="特性" tabindex="-1">特性 <a class="header-anchor" href="#特性" aria-label="Permalink to &quot;特性&quot;">​</a></h2><ul><li>📦 <strong>开箱即用：</strong>简单快速集成，基本零成本上手。</li><li>🚀 <strong>轻量流畅：</strong>零依赖，Gzip压缩下仅40k。</li><li>💪 <strong>功能强大：</strong>内置多种指标和画线模型。</li><li>🎨 <strong>高可扩展：</strong>丰富的样式配置和API，功能扩展随心所欲。</li><li>📱 <strong>移动端：</strong>支持移动端，一个图表，搞定多端。</li><li>🛡 <strong>Typescript开发：</strong>提供完整的类型定义文件。</li></ul></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><div class="edit-link" data-v-8dd15667><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/liihuu/KLineChart/edit/main/docs/guide/what-is-klinechart.md" target="_blank" rel="noreferrer" data-v-8dd15667><!--[--><span class="vpi-square-pen edit-link-icon" data-v-8dd15667></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-03-17T15:26:35.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><!----></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/guide/getting-started.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>快速开始</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/hashmap.json b/hashmap.json
index 093a3945c..afb47ae98 100644
--- a/hashmap.json
+++ b/hashmap.json
@@ -1 +1 @@
-{"en-us_guide_changelog.md":"PuflNzXt","en-us_guide_i18n.md":"AvfNv76i","en-us_guide_environment.md":"CNdfrxHT","en-us_guide_faq.md":"pd9bHuij","en-us_guide_datasource.md":"qxuuuQiO","en-us_guide_feedback.md":"JJEH-tah","en-us_guide_custom-axis.md":"ml_n2IOs","en-us_guide_hot-key.md":"rgHqonm8","en-us_index.md":"FPotMOGe","en-us_guide_what-is-klinechart.md":"IeSNEnMI","en-us_guide_indicator.md":"eZNsWP3p","en-us_guide_figure.md":"eDRtTELF","en-us_sample_basic.md":"QvgKzbO9","en-us_sample_data.md":"makqmGdU","en-us_guide_overlay.md":"NL-bUeUU","en-us_guide_v8-to-v9.md":"bmmxtubU","en-us_sample_axis.md":"JNg0QnHJ","en-us_sponsor.md":"s6A3pScV","en-us_sample_candle-type.md":"AteKF25b","en-us_sample_i18n.md":"gISjueFG","guide_changelog.md":"9HVBq0V4","en-us_guide_getting-started.md":"B44rFZxd","en-us_sample_indicator.md":"sM_nm4lX","en-us_guide_styles.md":"2d4oDT-0","guide_custom-axis.md":"zQzMpDqe","en-us_guide_chart-api.md":"cmE8v6pI","guide_datasource.md":"NxxFl54M","en-us_sample_timezone.md":"YYO_Qpcd","en-us_sample_overlay.md":"LC8PrpQr","en-us_sample_theme.md":"vLO6bEER","en-us_sample_tooltip.md":"ndS65LjS","guide_feedback.md":"YUbMo2U8","guide_environment.md":"fh2tLeH-","guide_hot-key.md":"HaFYC0pq","guide_faq.md":"XLgpFwOe","en-us_guide_instance-api.md":"J-9lOfxo","guide_i18n.md":"X9uoahs-","guide_figure.md":"9QmuiBOR","guide_indicator.md":"7Ru-rd8z","guide_chart-api.md":"LU-7TYvX","index.md":"d29q78QD","guide_what-is-klinechart.md":"jAq7RHvv","guide_getting-started.md":"HwS6ZWou","guide_v8-to-v9.md":"QFtAWg9R","guide_overlay.md":"182ozwhC","sample_basic.md":"pUi578Xl","sample_axis.md":"Gg6kL3uO","guide_styles.md":"h9MpVylp","sample_candle-type.md":"8toIYtuJ","sample_i18n.md":"0igRcPtH","sample_data.md":"OZ0Mw7p7","sample_overlay.md":"xpFlScsm","sample_indicator.md":"iQYEEMo9","sponsor.md":"wKPK1i-f","sample_timezone.md":"WdAsfTk0","guide_instance-api.md":"k2PzSque","sample_theme.md":"9j4hWCAD","sample_tooltip.md":"idFylDGx"}
+{"en-us_guide_feedback.md":"3xu-SDzA","en-us_guide_faq.md":"SzAwqCkH","en-us_guide_environment.md":"OgXnMEhO","en-us_guide_custom-axis.md":"sGMOj5c1","en-us_guide_changelog.md":"oaiDMd4e","en-us_guide_i18n.md":"pHHaeKrO","en-us_guide_hot-key.md":"dz6HVI4o","en-us_guide_datasource.md":"vNNGCJ0f","en-us_index.md":"OS0zQc9a","en-us_guide_indicator.md":"KL5sZ2Xa","en-us_guide_v8-to-v9.md":"8sr1qjpO","en-us_guide_figure.md":"JPACf3cm","en-us_sample_basic.md":"3PMOaPoH","en-us_guide_getting-started.md":"6h25yVqP","en-us_guide_overlay.md":"qs_GiGcg","en-us_guide_what-is-klinechart.md":"DomNlsHt","en-us_guide_styles.md":"NxUSGPkk","en-us_sample_overlay.md":"Nk_4roIH","en-us_sample_theme.md":"Pr7TgfVH","en-us_sponsor.md":"W43Y6shs","en-us_sample_candle-type.md":"jwCYpV7R","en-us_sample_i18n.md":"V8elJXsA","en-us_sample_data.md":"KwS-0Ey9","en-us_sample_axis.md":"5e2auj5u","en-us_sample_timezone.md":"dqeEs2ZI","en-us_guide_chart-api.md":"wkTQedMh","guide_changelog.md":"WCU6NOkP","en-us_sample_indicator.md":"vpibD4Ua","guide_feedback.md":"O1hxX6LV","guide_datasource.md":"ZxIo0sjE","en-us_sample_tooltip.md":"O8dAp9_k","guide_faq.md":"3pxdSPEO","en-us_guide_instance-api.md":"MuhSVJeX","guide_environment.md":"Zir01w8q","guide_custom-axis.md":"YHD7AC8J","guide_hot-key.md":"iNZF3aPU","guide_i18n.md":"Z7xgvpLe","guide_figure.md":"_zUF2sHR","guide_chart-api.md":"Ja3EzuzJ","guide_indicator.md":"7Au_1f-w","guide_overlay.md":"CosxYA4R","guide_getting-started.md":"BwlRNWz0","guide_what-is-klinechart.md":"UonmXvqD","guide_v8-to-v9.md":"aAQMRSV4","index.md":"GViJCsLA","sample_basic.md":"XS5srsFh","sample_axis.md":"8quueyiX","sample_candle-type.md":"yrAL-bsb","sample_data.md":"fAiHBDxi","sample_i18n.md":"hevtbunJ","sponsor.md":"ImRh9tP0","sample_overlay.md":"h5TTSo2F","sample_indicator.md":"A_IyVpmE","sample_timezone.md":"yGCN9HaU","guide_styles.md":"tQLwjU4S","sample_theme.md":"kIrBxDSv","sample_tooltip.md":"wGwi01KI","guide_instance-api.md":"lKBd2zj6"}
diff --git a/index.html b/index.html
index 591d053f2..78ae92468 100644
--- a/index.html
+++ b/index.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>可高度自定义的专业级轻量金融图表 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/index.md.d29q78QD.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/index.md.GViJCsLA.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar top" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPHome" data-v-a693ae2c data-v-e7e32b23><!--[--><!--]--><div class="VPHero has-image VPHomeHero" data-v-e7e32b23 data-v-9473646b><div class="container" data-v-9473646b><div class="main" data-v-9473646b><!--[--><!--]--><!--[--><h1 class="name" data-v-9473646b><span class="clip" data-v-9473646b>KLineChart</span></h1><p class="text" data-v-9473646b>可高度自定义的专业级轻量金融图表</p><p class="tagline" data-v-9473646b>简单易用，轻量流畅，适用场景丰富的 Web 前端金融图表。</p><!--]--><!--[--><!--]--><div class="actions" data-v-9473646b><!--[--><div class="action" data-v-9473646b><a class="VPButton medium brand" href="/guide/getting-started.html" data-v-9473646b data-v-6c60cf55>快速开始</a></div><div class="action" data-v-9473646b><a class="VPButton medium alt" href="https://github.com/liihuu/KLineChart" target="_blank" rel="noreferrer" data-v-9473646b data-v-6c60cf55>在 Github 上查看</a></div><!--]--></div><!--[--><!--]--></div><div class="image" data-v-9473646b><div class="image-container" data-v-9473646b><div class="image-bg" data-v-9473646b></div><!--[--><!--[--><img class="VPImage image-src" src="/images/logo_hero.svg" alt="KLineChart" data-v-c589c9f8><!--]--><!--]--></div></div></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-e7e32b23 data-v-850f8ea6><div class="container" data-v-850f8ea6><div class="items" data-v-850f8ea6><!--[--><div class="grid-3 item" data-v-850f8ea6><div class="VPLink no-icon VPFeature" data-v-850f8ea6 data-v-850c8f15><!--[--><article class="box" data-v-850c8f15><!--[--><img class="VPImage" src="/images/box.png" height="48" width="48" alt data-v-c589c9f8><!--]--><h2 class="title" data-v-850c8f15>开箱即用</h2><p class="details" data-v-850c8f15>简单快速集成，零成本上手，显示出一个图表仅需3行代码，让所有注意力都能放在数据对接上。</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-850f8ea6><div class="VPLink no-icon VPFeature" data-v-850f8ea6 data-v-850c8f15><!--[--><article class="box" data-v-850c8f15><!--[--><img class="VPImage" src="/images/rocket.png" height="48" width="48" alt data-v-c589c9f8><!--]--><h2 class="title" data-v-850c8f15>轻量流畅</h2><p class="details" data-v-850c8f15>零依赖，Gzip压缩下仅50k左右，4G网络下加载耗时不足1毫秒。图表即使在成千上万蜡烛图的情况下也能保持流畅。</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-850f8ea6><div class="VPLink no-icon VPFeature" data-v-850f8ea6 data-v-850c8f15><!--[--><article class="box" data-v-850c8f15><!--[--><img class="VPImage" src="/images/expand.png" height="48" width="48" alt data-v-c589c9f8><!--]--><h2 class="title" data-v-850c8f15>高可扩展</h2><p class="details" data-v-850c8f15>提供丰富的配置和Api，样式修改、功能搭配随心所欲。提供技术指标和画线模型扩展，让图表拥有更多可能。</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--[--><!--[--><section class="home-section sponsor-section" data-v-7d2a1d4b><div class="home-section-content sponsor" data-v-7d2a1d4b><h2 data-v-7d2a1d4b>赞助商</h2><div class="sponsor-grid sponsor-top-grid" data-v-7d2a1d4b><a class="sponsor-grid-item item-no1" href="https://github.com/flameOnYou" target="_blank" rel="noreferrer" data-v-7d2a1d4b><img class="image" src="/images/sponsors/flameOnYou.jpg" data-v-7d2a1d4b><span class="text" data-v-7d2a1d4b>flameOnYou</span></a><a class="sponsor-grid-item item-no1" href="https://www.quantit.tech" target="_blank" rel="noreferrer" data-v-7d2a1d4b><img class="image" src="/images/sponsors/Northstar.png" data-v-7d2a1d4b><!----></a></div><!----><!----><!----><!----></div></section><!--]--><!--]--><!--]--><div class="vp-doc container" style="--vp-offset:calc(50% - Infinitypx);" data-v-e7e32b23 data-v-2136577c><!--[--><div style="position:relative;" data-v-e7e32b23><div></div></div><!--]--></div></div></div><footer class="VPFooter" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar top" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPHome" data-v-aa32f6e2 data-v-72415cf3><!--[--><!--]--><div class="VPHero has-image VPHomeHero" data-v-72415cf3 data-v-2bb8ed43><div class="container" data-v-2bb8ed43><div class="main" data-v-2bb8ed43><!--[--><!--]--><!--[--><h1 class="name" data-v-2bb8ed43><span class="clip" data-v-2bb8ed43>KLineChart</span></h1><p class="text" data-v-2bb8ed43>可高度自定义的专业级轻量金融图表</p><p class="tagline" data-v-2bb8ed43>简单易用，轻量流畅，适用场景丰富的 Web 前端金融图表。</p><!--]--><!--[--><!--]--><div class="actions" data-v-2bb8ed43><!--[--><div class="action" data-v-2bb8ed43><a class="VPButton medium brand" href="/guide/getting-started.html" data-v-2bb8ed43 data-v-632f99d4>快速开始</a></div><div class="action" data-v-2bb8ed43><a class="VPButton medium alt" href="https://github.com/liihuu/KLineChart" target="_blank" rel="noreferrer" data-v-2bb8ed43 data-v-632f99d4>在 Github 上查看</a></div><!--]--></div><!--[--><!--]--></div><div class="image" data-v-2bb8ed43><div class="image-container" data-v-2bb8ed43><div class="image-bg" data-v-2bb8ed43></div><!--[--><!--[--><img class="VPImage image-src" src="/images/logo_hero.svg" alt="KLineChart" data-v-dcd2c7a0><!--]--><!--]--></div></div></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-72415cf3 data-v-ebb108d2><div class="container" data-v-ebb108d2><div class="items" data-v-ebb108d2><!--[--><div class="grid-3 item" data-v-ebb108d2><div class="VPLink no-icon VPFeature" data-v-ebb108d2 data-v-7414d768><!--[--><article class="box" data-v-7414d768><!--[--><img class="VPImage" src="/images/box.png" height="48" width="48" alt data-v-dcd2c7a0><!--]--><h2 class="title" data-v-7414d768>开箱即用</h2><p class="details" data-v-7414d768>简单快速集成，零成本上手，显示出一个图表仅需3行代码，让所有注意力都能放在数据对接上。</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-ebb108d2><div class="VPLink no-icon VPFeature" data-v-ebb108d2 data-v-7414d768><!--[--><article class="box" data-v-7414d768><!--[--><img class="VPImage" src="/images/rocket.png" height="48" width="48" alt data-v-dcd2c7a0><!--]--><h2 class="title" data-v-7414d768>轻量流畅</h2><p class="details" data-v-7414d768>零依赖，Gzip压缩下仅50k左右，4G网络下加载耗时不足1毫秒。图表即使在成千上万蜡烛图的情况下也能保持流畅。</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-ebb108d2><div class="VPLink no-icon VPFeature" data-v-ebb108d2 data-v-7414d768><!--[--><article class="box" data-v-7414d768><!--[--><img class="VPImage" src="/images/expand.png" height="48" width="48" alt data-v-dcd2c7a0><!--]--><h2 class="title" data-v-7414d768>高可扩展</h2><p class="details" data-v-7414d768>提供丰富的配置和Api，样式修改、功能搭配随心所欲。提供技术指标和画线模型扩展，让图表拥有更多可能。</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--[--><!--[--><section class="home-section sponsor-section" data-v-7d2a1d4b><div class="home-section-content sponsor" data-v-7d2a1d4b><h2 data-v-7d2a1d4b>赞助商</h2><div class="sponsor-grid sponsor-top-grid" data-v-7d2a1d4b><a class="sponsor-grid-item item-no1" href="https://github.com/flameOnYou" target="_blank" rel="noreferrer" data-v-7d2a1d4b><img class="image" src="/images/sponsors/flameOnYou.jpg" data-v-7d2a1d4b><span class="text" data-v-7d2a1d4b>flameOnYou</span></a><a class="sponsor-grid-item item-no1" href="https://www.quantit.tech" target="_blank" rel="noreferrer" data-v-7d2a1d4b><img class="image" src="/images/sponsors/Northstar.png" data-v-7d2a1d4b><!----></a></div><!----><!----><!----><!----></div></section><!--]--><!--]--><!--]--><div class="vp-doc container" style="--vp-offset:calc(50% - Infinitypx);" data-v-72415cf3 data-v-03c2a94c><!--[--><div style="position:relative;" data-v-72415cf3><div></div></div><!--]--></div></div></div><footer class="VPFooter" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/sample/axis.html b/sample/axis.html
index ee56c58ce..87f6c18d6 100644
--- a/sample/axis.html
+++ b/sample/axis.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>坐标轴 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.NJyxUrxi.js">
-    <link rel="modulepreload" href="/assets/sample_axis.md.Gg6kL3uO.lean.js">
+    <link rel="modulepreload" href="/assets/sample_axis.md.8quueyiX.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/axis.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/axis.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _sample_axis" data-v-a47c012d><div><h1 id="坐标轴" tabindex="-1">坐标轴 <a class="header-anchor" href="#坐标轴" aria-label="Permalink to &quot;坐标轴&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgCiMIwUAAJ4AHLhFECieE4qDabEBGoJY1i2PYDQUI0L68HYVamtZZmoEyY7yRq1QAMoUKpsBwJ4GJjpUqkAIJYJ8iDlAF1bMHANnkMqvT4TxZjGVYNi2ewFkAJKPBAmBeGgMWYM5WKKGwbkUJ53nwH5xLBaFcDhf51bVgVuXkZFTGVIlqC8SlpnpRZiSqYaXheYaxXsK5FmVT5NWRXVYURc1lRje1zWdXhla9SZaXmdUABKMAniwjaeCxx2vktk2lQp01ebNTXVgtDVXc152ng08WMVtyW6MsgCncoA0HKAKNywOAPRmgBccoAYXKAPLKgCVSoAx3KAIAegAo9oAXJ6ADD_gAU6oAedqAKJpgCeGYAd26ALRygCcFoAdsaAKMGgCtioA2_GADIRgDAMYALqaAEAM6h_ewiRyO0gJQDmaAONwBLkGpJJnrk7Sciw0XtKQYDsPUMXzEL3BVmQeWYPQtYSo5GSOkr6B4FyFC-JQBJhNAUDsDU7T0AoeUKMQZAsOgaten0vNKzYFgKDbMX7m46VoF70vCHgsgKXxtaTeQ7gyGewROsQ6GUPE1QAKKwObFAAEKqZltpiA8CehCwskx1mtsWBQXqoAAwvHCiJ_kKdpwpxAsW4MDZzAueeGI7uTpXqA1LX9dN5QLflzg9bK-pgztMEYjj3X5BSc3idqKgVc4g5tkEj8vRcBIMCqeFYgtNGFBiJh2AUJfgDPyoA5fInPtUZyLfeFpCf7BnxfcQsAwC33vlgR-4hABnum_N4MAQFiDwuof41hY6tUwAAeVroVZe7Bvh_wAeFMA_sUJ9AfpfQAaJqAAuEk4mCKDYIQXwX-Y5T7n3ChQFgFgMKkPAZfQAoYrUOyvQxBqBkETlWkfXB-DWHiCPCwB2UA77cIgWIQA_X6AHIDQALvEnA-OXdgIVPgMKYZUFhgCxCGhYG0aeThFFUB4eIQAfm6ADAlQAK9ZaMaKeSx7gnBK3qoYqRpipgOBsWQ8QgBP7UAA6mWi3ikAcEoXgchRAKF8T_JBe8ODvROjgvBzD_7SKIVAEhtjlGAGNrQAiCrvxgA4CwUA4leT8TkghfQOFcKKZfQAs8rlMOhdGADDUmoGirFR4ExWCZ2djyPyuTVJgP4GUQIAA-K6E4171zbqQVOuc57dyoH3Aeq8J7kFHpUZZ5AcBoHLokB--Qim9GOagRS6B0CZxPJQACVBy6D3rK0CQiiZTzM4BlaoVlA62U8AAso3Ujn7MblvWeSlDQYAbpGKAtpblbUrGgmAtDsHDJYKM-QngJkAOmZtIICzHpLKhas9Z1BO5bN7jnGlg9bmHJruvO5ZzTwXPAVch-NyoX3Mec8igrzqCng-dIYg3yMi_LJQCiggi2qgvPuCyskK2VTzLqeRSylqDoERdAFFUK0XqHETivF4yTHEvwqSxZsdblUo7psmAPcdmMr2WylltzTmoHOZc4I1yxxesdoKmlIr3klwlVKrwszZWDWGqkMFm0-XqphVquFur9XIt5EanilYMkNDNWMgllqlEkr-eSu1lLk5rMdV3Z12yGWUCZVCz1_KOUsC5UJJRyb64CqeaGrioqWDiq-T8mN_yLJdI-gm5VSbA1Qo1TPNNOqEVIsNWy41KDp6J21fCvVa7s0pu3eXSsIBGF0AwNgHAX96BQCQKAUuNLaAwmHtwdAgRVAkFTSwT9czegvogJON9H6QASHEjIKSN1P0ZXujAEDvNP6P1pIqRgWBf3qBhLoYecyz1pAvYYOeJh71fsoE-xAIAcC3M3se3Cj13ZwBUgoQBkxsAQgBLALAJwwgSkYOFbjSk2Njn9lGVAJxeD9xep408gnKixN44UVDMn2AOxYA4NAJwvTybWIp3ojBg1C3CtprA7BAyBh0z1ZKlGoXUc1Wee1j09MPIMyZ1DWxzNHOdhIBw7Z0CbymCwcKABiFYmwADsoXvTeiUzUVgmAWAnAlO7Lk4VaTuZJJQE4MUABeMBDNmawEpsg_mgtgFK0ppcFAJK5ZCOQGA0XYunnCkeUIgm-C4ZAHpyVCgnD4E1KgYjj6aBEFsJVmAtBAAK6oAcAsNHsDOFIGQ8k4AAAEACcOAOg4CKCAPDmA93UGIBAeAxH5uhEW7QNbG2tt8Gu9doAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;坐标轴 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setPosition (position) {\n  chart.setStyles({\n    yAxis: {\n      position\n    }\n  })\n}\n\nfunction setInside (inside) {\n  chart.setStyles({\n    yAxis: {\n      inside\n    }\n  })\n}\n\nfunction setType (type) {\n  chart.setStyles({\n    yAxis: {\n      type\n    }\n  })\n}\n\nfunction setReverse (reverse) {\n  chart.setStyles({\n    yAxis: {\n      reverse\n    }\n  })\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\n\nconst positions = [\n  { key: &#39;right&#39;, text: &#39;右侧-Right&#39; },\n  { key: &#39;left&#39;, text: &#39;左侧-Left&#39; }\n]\nconst insideOutside = [\n  { key: false, text: &#39;外部-Outside&#39; },\n  { key: true, text: &#39;内部-Inside&#39; }\n]\nconst types = [\n  { key: &#39;normal&#39;, text: &#39;线性轴-Liner Axis&#39; },\n  { key: &#39;percentage&#39;, text: &#39;百分比轴-Percentage axis&#39; },\n  { key: &#39;log&#39;, text: &#39;对数轴-Logarithm axis&#39; },\n]\nconst reverse = [\n  { key: false, text: &#39;正向-Regularity&#39; },\n  { key: true, text: &#39;反向-Reverse&#39; }\n]\npositions.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setPosition(key) })\n  buttonContainer.appendChild(button)\n})\ninsideOutside.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setInside(key) })\n  buttonContainer.appendChild(button)\n})\ntypes.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setType(key) })\n  buttonContainer.appendChild(button)\n})\nreverse.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setReverse(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-hsfVd" id="tab-UF3mvi_" checked="checked"><label for="tab-UF3mvi_">JavaScript</label><input type="radio" name="group-hsfVd" id="tab-YqNgVbH"><label for="tab-YqNgVbH">HTML</label><input type="radio" name="group-hsfVd" id="tab-8YvRxC7"><label for="tab-8YvRxC7">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/axis.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/axis.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _sample_axis" data-v-42bb49df><div><h1 id="坐标轴" tabindex="-1">坐标轴 <a class="header-anchor" href="#坐标轴" aria-label="Permalink to &quot;坐标轴&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgCiMIwUAAJ4AHLhFECieE4qDabEBGoJY1i2PYDQUI0L68HYVamtZZmoEyY7yRq1QAMoUKpsBwJ4GJjpUqkAIJYJ8iDlAF1bMHANnkMqvT4TxZjGVYNi2ewFkAJKPBAmBeGgMWYM5WKKGwbkUJ53nwH5xLBaFcDhf51bVgVuXkZFTGVIlqC8SlpnpRZiSqYaXheYaxXsK5FmVT5NWRXVYURc1lRje1zWdXhla9SZaXmdUABKMAniwjaeCxx2vktk2lQp01ebNTXVgtDVXc152ng08WMVtyW6MsgCncoA0HKAKNywOAPRmgBccoAYXKAPLKgCVSoAx3KAIAegAo9oAXJ6ADD_gAU6oAedqAKJpgCeGYAd26ALRygCcFoAdsaAKMGgCtioA2_GADIRgDAMYALqaAEAM6h_ewiRyO0gJQDmaAONwBLkGpJJnrk7Sciw0XtKQYDsPUMXzEL3BVmQeWYPQtYSo5GSOkr6B4FyFC-JQBJhNAUDsDU7T0AoeUKMQZAsOgaten0vNKzYFgKDbMX7m46VoF70vCHgsgKXxtaTeQ7gyGewROsQ6GUPE1QAKKwObFAAEKqZltpiA8CehCwskx1mtsWBQXqoAAwvHCiJ_kKdpwpxAsW4MDZzAueeGI7uTpXqA1LX9dN5QLflzg9bK-pgztMEYjj3X5BSc3idqKgVc4g5tkEj8vRcBIMCqeFYgtNGFBiJh2AUJfgDPyoA5fInPtUZyLfeFpCf7BnxfcQsAwC33vlgR-4hABnum_N4MAQFiDwuof41hY6tUwAAeVroVZe7Bvh_wAeFMA_sUJ9AfpfQAaJqAAuEk4mCKDYIQXwX-Y5T7n3ChQFgFgMKkPAZfQAoYrUOyvQxBqBkETlWkfXB-DWHiCPCwB2UA77cIgWIQA_X6AHIDQALvEnA-OXdgIVPgMKYZUFhgCxCGhYG0aeThFFUB4eIQAfm6ADAlQAK9ZaMaKeSx7gnBK3qoYqRpipgOBsWQ8QgBP7UAA6mWi3ikAcEoXgchRAKF8T_JBe8ODvROjgvBzD_7SKIVAEhtjlGAGNrQAiCrvxgA4CwUA4leT8TkghfQOFcKKZfQAs8rlMOhdGADDUmoGirFR4ExWCZ2djyPyuTVJgP4GUQIAA-K6E4171zbqQVOuc57dyoH3Aeq8J7kFHpUZZ5AcBoHLokB--Qim9GOagRS6B0CZxPJQACVBy6D3rK0CQiiZTzM4BlaoVlA62U8AAso3Ujn7MblvWeSlDQYAbpGKAtpblbUrGgmAtDsHDJYKM-QngJkAOmZtIICzHpLKhas9Z1BO5bN7jnGlg9bmHJruvO5ZzTwXPAVch-NyoX3Mec8igrzqCng-dIYg3yMi_LJQCiggi2qgvPuCyskK2VTzLqeRSylqDoERdAFFUK0XqHETivF4yTHEvwqSxZsdblUo7psmAPcdmMr2WylltzTmoHOZc4I1yxxesdoKmlIr3klwlVKrwszZWDWGqkMFm0-XqphVquFur9XIt5EanilYMkNDNWMgllqlEkr-eSu1lLk5rMdV3Z12yGWUCZVCz1_KOUsC5UJJRyb64CqeaGrioqWDiq-T8mN_yLJdI-gm5VSbA1Qo1TPNNOqEVIsNWy41KDp6J21fCvVa7s0pu3eXSsIBGF0AwNgHAX96BQCQKAUuNLaAwmHtwdAgRVAkFTSwT9czegvogJON9H6QASHEjIKSN1P0ZXujAEDvNP6P1pIqRgWBf3qBhLoYecyz1pAvYYOeJh71fsoE-xAIAcC3M3se3Cj13ZwBUgoQBkxsAQgBLALAJwwgSkYOFbjSk2Njn9lGVAJxeD9xep408gnKixN44UVDMn2AOxYA4NAJwvTybWIp3ojBg1C3CtprA7BAyBh0z1ZKlGoXUc1Wee1j09MPIMyZ1DWxzNHOdhIBw7Z0CbymCwcKABiFYmwADsoXvTeiUzUVgmAWAnAlO7Lk4VaTuZJJQE4MUABeMBDNmawEpsg_mgtgFK0ppcFAJK5ZCOQGA0XYunnCkeUIgm-C4ZAHpyVCgnD4E1KgYjj6aBEFsJVmAtBAAK6oAcAsNHsDOFIGQ8k4AAAEACcOAOg4CKCAPDmA93UGIBAeAxH5uhEW7QNbG2tt8Gu9doAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;坐标轴 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setPosition (position) {\n  chart.setStyles({\n    yAxis: {\n      position\n    }\n  })\n}\n\nfunction setInside (inside) {\n  chart.setStyles({\n    yAxis: {\n      inside\n    }\n  })\n}\n\nfunction setType (type) {\n  chart.setStyles({\n    yAxis: {\n      type\n    }\n  })\n}\n\nfunction setReverse (reverse) {\n  chart.setStyles({\n    yAxis: {\n      reverse\n    }\n  })\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\n\nconst positions = [\n  { key: &#39;right&#39;, text: &#39;右侧-Right&#39; },\n  { key: &#39;left&#39;, text: &#39;左侧-Left&#39; }\n]\nconst insideOutside = [\n  { key: false, text: &#39;外部-Outside&#39; },\n  { key: true, text: &#39;内部-Inside&#39; }\n]\nconst types = [\n  { key: &#39;normal&#39;, text: &#39;线性轴-Liner Axis&#39; },\n  { key: &#39;percentage&#39;, text: &#39;百分比轴-Percentage axis&#39; },\n  { key: &#39;log&#39;, text: &#39;对数轴-Logarithm axis&#39; },\n]\nconst reverse = [\n  { key: false, text: &#39;正向-Regularity&#39; },\n  { key: true, text: &#39;反向-Reverse&#39; }\n]\npositions.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setPosition(key) })\n  buttonContainer.appendChild(button)\n})\ninsideOutside.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setInside(key) })\n  buttonContainer.appendChild(button)\n})\ntypes.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setType(key) })\n  buttonContainer.appendChild(button)\n})\nreverse.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setReverse(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-yThkW" id="tab-A8eYKfH" checked="checked"><label for="tab-A8eYKfH">JavaScript</label><input type="radio" name="group-yThkW" id="tab--gW4X1e"><label for="tab--gW4X1e">HTML</label><input type="radio" name="group-yThkW" id="tab-LREGS_C"><label for="tab-LREGS_C">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -149,8 +149,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/sample/indicator.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>技术指标</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/sample/tooltip.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>提示条</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/sample/indicator.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>技术指标</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/sample/tooltip.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>提示条</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/sample/basic.html b/sample/basic.html
index 6e55927f1..c0310430f 100644
--- a/sample/basic.html
+++ b/sample/basic.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>基础展示 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.NF-J8PY-.js">
-    <link rel="modulepreload" href="/assets/sample_basic.md.pUi578Xl.lean.js">
+    <link rel="modulepreload" href="/assets/sample_basic.md.XS5srsFh.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/basic.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/basic.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _sample_basic" data-v-a47c012d><div><h1 id="基础展示" tabindex="-1">基础展示 <a class="header-anchor" href="#基础展示" aria-label="Permalink to &quot;基础展示&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qdWACuqYhQjl2Ac2oARBRQXsAFPvrxLTdgF52qGAHd25qtYCUOCYUACoMMP4ANOywqEYUci7sABwADCl-nOrs0TAcAEYKcDAACiwQxDCJAKxpKVnsdg4KTq4AshZyOGBQpKy2YXCOjOwA9OwAjLWj7ABs6ewAVLMpixNTALQ5sfGrc6uTafVkqIPs6BYKADIQp64A2gC69WCsNrAcEIkpANzc7AA8Wzicl-EAA1GCMsB6tljqdGGUKnBEo8YYJXtZ3uw8F9fjjAQAWPEQqFo7II8rwHCMLRwOTWApFUqU9hg9jteI4FgKDAify7FabADM6TRfDRFKRODgrAo_jRcI4pEY1ESYOskvgdw5nWEOnQ1h1XJ56D5GSWQr8DxwFFIADEIFgYAaAEx-PwK8inOQQIwJVzqzVwO5C622h1O13uz0nDg9LwBjWIrUpMP2x3O6xuj2obKwr0cYg9IpqpOU4NGvUYQ0dY28-j8i1Wm3pyNZ6O5vOK9gAN1IUC09kSldI-prnO59cba3mbMmMdOFC0LFQpB7MBYiWsytVbJ9ftZ0VIXjZRdIRQyYwJqz7A_saPOlmug2ptPpXEag2ajCiO9QUX3OQInjKIzyKKJb0HGAoiXFc1w3dg-BzNFGRKZNEjAmA0U_IZWVcPYlgOOpO3FTsWFyZdc0fK4bgodRSPUbt5CUDhXB4OVJHWaR3HWZi2DEHM-IoHAFEYRgoAATwAOU8HwFGsExUDk_w_BAPgIjoDBsBwOQKHoKAkFAY4qBoRAQH-dAIB7bh0GcVQQAkLiZF4xQ2Hs9hBgk2A7JAOQYF9XTEAJEVGCweyRgAPjUjS0EwXBiDgQhgHUkBGAUYgJAUEx8BlVBDJIcgTIofL9AoWBaEAL_VAAEPQBVHUALk92E2KQZCEuAAAEAE4cCqHAUhADTMBVLTdAgeB8ua9xWtoLqer6vh5vmoA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;基础展示 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;/&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-42X34" id="tab-8Vgw6Lh" checked="checked"><label for="tab-8Vgw6Lh">JavaScript</label><input type="radio" name="group-42X34" id="tab-jAn_gcC"><label for="tab-jAn_gcC">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/basic.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/basic.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _sample_basic" data-v-42bb49df><div><h1 id="基础展示" tabindex="-1">基础展示 <a class="header-anchor" href="#基础展示" aria-label="Permalink to &quot;基础展示&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qdWACuqYhQjl2Ac2oARBRQXsAFPvrxLTdgF52qGAHd25qtYCUOCYUACoMMP4ANOywqEYUci7sABwADCl-nOrs0TAcAEYKcDAACiwQxDCJAKxpKVnsdg4KTq4AshZyOGBQpKy2YXCOjOwA9OwAjLWj7ABs6ewAVLMpixNTALQ5sfGrc6uTafVkqIPs6BYKADIQp64A2gC69WCsNrAcEIkpANzc7AA8Wzicl-EAA1GCMsB6tljqdGGUKnBEo8YYJXtZ3uw8F9fjjAQAWPEQqFo7II8rwHCMLRwOTWApFUqU9hg9jteI4FgKDAify7FabADM6TRfDRFKRODgrAo_jRcI4pEY1ESYOskvgdw5nWEOnQ1h1XJ56D5GSWQr8DxwFFIADEIFgYAaAEx-PwK8inOQQIwJVzqzVwO5C622h1O13uz0nDg9LwBjWIrUpMP2x3O6xuj2obKwr0cYg9IpqpOU4NGvUYQ0dY28-j8i1Wm3pyNZ6O5vOK9gAN1IUC09kSldI-prnO59cba3mbMmMdOFC0LFQpB7MBYiWsytVbJ9ftZ0VIXjZRdIRQyYwJqz7A_saPOlmug2ptPpXEag2ajCiO9QUX3OQInjKIzyKKJb0HGAoiXFc1w3dg-BzNFGRKZNEjAmA0U_IZWVcPYlgOOpO3FTsWFyZdc0fK4bgodRSPUbt5CUDhXB4OVJHWaR3HWZi2DEHM-IoHAFEYRgoAATwAOU8HwFGsExUDk_w_BAPgIjoDBsBwOQKHoKAkFAY4qBoRAQH-dAIB7bh0GcVQQAkLiZF4xQ2Hs9hBgk2A7JAOQYF9XTEAJEVGCweyRgAPjUjS0EwXBiDgQhgHUkBGAUYgJAUEx8BlVBDJIcgTIofL9AoWBaEAL_VAAEPQBVHUALk92E2KQZCEuAAAEAE4cCqHAUhADTMBVLTdAgeB8ua9xWtoLqer6vh5vmoA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;基础展示 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;/&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-Ng75O" id="tab-7KcZpIA" checked="checked"><label for="tab-7KcZpIA">JavaScript</label><input type="radio" name="group-Ng75O" id="tab-n8dTz-S"><label for="tab-n8dTz-S">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">  let</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> basePrice</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 5000</span></span>
@@ -48,8 +48,8 @@
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">const</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> init</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">k-line-chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">)</span></span>
-<span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">applyNewData</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">genData</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">())</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br></div></div><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">div</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> id</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">k-line-chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> style</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">height:430px</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#B31D28;--shiki-dark-font-style:inherit;--shiki-light-font-style:italic;">/</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><!----></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/sample/candle-type.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>蜡烛图类型</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">applyNewData</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">genData</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">())</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br></div></div><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">div</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> id</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">k-line-chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> style</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">height:430px</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#B31D28;--shiki-dark-font-style:inherit;--shiki-light-font-style:italic;">/</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><!----></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/sample/candle-type.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>蜡烛图类型</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/sample/candle-type.html b/sample/candle-type.html
index e83ee0849..56f484047 100644
--- a/sample/candle-type.html
+++ b/sample/candle-type.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>蜡烛类型 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.OtKzJCHs.js">
-    <link rel="modulepreload" href="/assets/sample_candle-type.md.8toIYtuJ.lean.js">
+    <link rel="modulepreload" href="/assets/sample_candle-type.md.yrAL-bsb.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/candle-type.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/candle-type.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _sample_candle-type" data-v-a47c012d><div><h1 id="蜡烛类型" tabindex="-1">蜡烛类型 <a class="header-anchor" href="#蜡烛类型" aria-label="Permalink to &quot;蜡烛类型&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgCiMIwUAAJ4AHLhFECieE4qDabEBGoJY1i2PYDRJKphpeBQVkwEyY7yRq1QAMq2bAcCeBiY5Yo6sCIJwfR2XhvT4TxZioLoyyAKdygDQcoAo3LxYA9GaAFxygBhcoA8sqAJVKgDHcoAgB6ACj2gBcnoAMP-ABTqgB52oAommAJ4ZgB3boAtHKAJwWgB2xoAowaAK2KgDb8YAMhGAMAxgAupoAQAzqFF7CJHI7SAlAOZoA43AEuQakkmeuTtJyLDMI2pBgOw9RwFxc3cFWZCYM8MD0LWEpmTBe0YHt6B4FyFC-JQBJhNAUDsDU7T0AoZ0KMQZAsOgR1en0k17TYFgKF9B37m4dhVmgEPrcIeCyApfG1uwDzuDIZ7BE6xDoZQ8TVAAorAr0UAAQqpACStpiHjCgE7J2NZt9FgUF6qAAMLkPjoSE88pAkzTODECxbgwFTF3UKJoOThzqA1DzfOC5QbMi1LUD7epgztMEYjq7z5BSULOunmo1g47wF0Ej8vRcBIMCqQFLN-TAAD6mrSOgYiYdgFCe4AFooVYAw_onAAgjN7D-xAgd4WkLvsG7HviMQ3t-xQwhu0HfQh-HgBeXtHcdw3npAFynacZ572cYLAPsWIwuf5zAhdUFgofiIAFbZlycACqizzB3Yi12Orvuw3OdOmEqDt9XnfBz3nuADOxg_OA-VZj8vE98KnU_pzP4ikHIUDEF3xfiAA8gAEm8_MH0flTT5nYhKDACjX2v4iAEbpgB7z0AH9qscZYH3UP8DQVB6BwAmKwCmgMeReRPqpVe_AyiBAAHzlEcjjM2fN8jE1JgpaW38qDyxpp4U2GtyCq0qAQ8gOA0Ai0SCHfI3duJjkYagRS6B0AUxPJQACVARbUPrK0CQhcZTYMChZRIdlPAZzKGFbhtCBZWwJopZS1B0D80jFAW0PDKyqNZlopShoMD6OgEY9RWthanhiCAQ-dAMDYBwHIF6UAkCgDxorWgMJlbcHQIEVQJBNEizCVg3ogSICTmCaEkAEhxIyCkooNgYSE7uRgIkyaUZPGIFpIqRgWAonqBhLoZWWDnFpFcYYKWJgfHhMoP4xAIAcA8MttrAmuDKigzgCpBQmdJjYAhACWAWAThhAlIwAK0ylJjLHLDKMqATgO1gQFNoLSWCLMqA4JSAUCglN2ewP6LAHBoBOF6WZxxjm9EYP9UG2QAprBKewQMgY7moF4rwzpZiRbc3NlWbyLJHlzQCp8rAWwvkMMBhIBw7Z0CWymCwAKABiFYmwADsWLvTehOTUVgmAWAnAlKDLkAVaQwpJJQE4B0ABeMAXmQpOWQFF6KwCcpOUuCgEkmUhHIDAAlRLTwBSPKERZfAakgAecQCQCgnD4E1KgJpfiaBEFsLymAtBACE4YAbYdADePoAaPV2BnCkDIeScAAACABOHAHQcBFBALUzAljMDWAgPAJp5rQiWtoHah1Tq-DBuDUAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;蜡烛类型 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setType (type) {\n  chart.setStyles({\n    candle: { type }\n  })\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;candle_solid&#39;, text: &#39;全实心-All solid&#39; },\n  { key: &#39;candle_stroke&#39;, text: &#39;全空心-All stroke&#39; },\n  { key: &#39;candle_up_stroke&#39;, text: &#39;涨空心-Up stroke&#39; },\n  { key: &#39;candle_down_stroke&#39;, text: &#39;跌空心-Down stroke&#39; },\n  { key: &#39;ohlc&#39;, text: &#39;OHLC&#39; },\n  { key: &#39;area&#39;, text: &#39;面积图-Area&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setType(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-LBil9" id="tab-abqQyB1" checked="checked"><label for="tab-abqQyB1">JavaScript</label><input type="radio" name="group-LBil9" id="tab-BK0OPdf"><label for="tab-BK0OPdf">HTML</label><input type="radio" name="group-LBil9" id="tab-bz4WjxU"><label for="tab-bz4WjxU">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/candle-type.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/candle-type.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _sample_candle-type" data-v-42bb49df><div><h1 id="蜡烛类型" tabindex="-1">蜡烛类型 <a class="header-anchor" href="#蜡烛类型" aria-label="Permalink to &quot;蜡烛类型&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgCiMIwUAAJ4AHLhFECieE4qDabEBGoJY1i2PYDRJKphpeBQVkwEyY7yRq1QAMq2bAcCeBiY5Yo6sCIJwfR2XhvT4TxZioLoyyAKdygDQcoAo3LxYA9GaAFxygBhcoA8sqAJVKgDHcoAgB6ACj2gBcnoAMP-ABTqgB52oAommAJ4ZgB3boAtHKAJwWgB2xoAowaAK2KgDb8YAMhGAMAxgAupoAQAzqFF7CJHI7SAlAOZoA43AEuQakkmeuTtJyLDMI2pBgOw9RwFxc3cFWZCYM8MD0LWEpmTBe0YHt6B4FyFC-JQBJhNAUDsDU7T0AoZ0KMQZAsOgR1en0k17TYFgKF9B37m4dhVmgEPrcIeCyApfG1uwDzuDIZ7BE6xDoZQ8TVAAorAr0UAAQqpACStpiHjCgE7J2NZt9FgUF6qAAMLkPjoSE88pAkzTODECxbgwFTF3UKJoOThzqA1DzfOC5QbMi1LUD7epgztMEYjq7z5BSULOunmo1g47wF0Ej8vRcBIMCqQFLN-TAAD6mrSOgYiYdgFCe4AFooVYAw_onAAgjN7D-xAgd4WkLvsG7HviMQ3t-xQwhu0HfQh-HgBeXtHcdw3npAFynacZ572cYLAPsWIwuf5zAhdUFgofiIAFbZlycACqizzB3Yi12Orvuw3OdOmEqDt9XnfBz3nuADOxg_OA-VZj8vE98KnU_pzP4ikHIUDEF3xfiAA8gAEm8_MH0flTT5nYhKDACjX2v4iAEbpgB7z0AH9qscZYH3UP8DQVB6BwAmKwCmgMeReRPqpVe_AyiBAAHzlEcjjM2fN8jE1JgpaW38qDyxpp4U2GtyCq0qAQ8gOA0Ai0SCHfI3duJjkYagRS6B0AUxPJQACVARbUPrK0CQhcZTYMChZRIdlPAZzKGFbhtCBZWwJopZS1B0D80jFAW0PDKyqNZlopShoMD6OgEY9RWthanhiCAQ-dAMDYBwHIF6UAkCgDxorWgMJlbcHQIEVQJBNEizCVg3ogSICTmCaEkAEhxIyCkooNgYSE7uRgIkyaUZPGIFpIqRgWAonqBhLoZWWDnFpFcYYKWJgfHhMoP4xAIAcA8MttrAmuDKigzgCpBQmdJjYAhACWAWAThhAlIwAK0ylJjLHLDKMqATgO1gQFNoLSWCLMqA4JSAUCglN2ewP6LAHBoBOF6WZxxjm9EYP9UG2QAprBKewQMgY7moF4rwzpZiRbc3NlWbyLJHlzQCp8rAWwvkMMBhIBw7Z0CWymCwAKABiFYmwADsWLvTehOTUVgmAWAnAlKDLkAVaQwpJJQE4B0ABeMAXmQpOWQFF6KwCcpOUuCgEkmUhHIDAAlRLTwBSPKERZfAakgAecQCQCgnD4E1KgJpfiaBEFsLymAtBACE4YAbYdADePoAaPV2BnCkDIeScAAACABOHAHQcBFBALUzAljMDWAgPAJp5rQiWtoHah1Tq-DBuDUAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;蜡烛类型 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setType (type) {\n  chart.setStyles({\n    candle: { type }\n  })\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;candle_solid&#39;, text: &#39;全实心-All solid&#39; },\n  { key: &#39;candle_stroke&#39;, text: &#39;全空心-All stroke&#39; },\n  { key: &#39;candle_up_stroke&#39;, text: &#39;涨空心-Up stroke&#39; },\n  { key: &#39;candle_down_stroke&#39;, text: &#39;跌空心-Down stroke&#39; },\n  { key: &#39;ohlc&#39;, text: &#39;OHLC&#39; },\n  { key: &#39;area&#39;, text: &#39;面积图-Area&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setType(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-Q3TH2" id="tab-cY2aDRe" checked="checked"><label for="tab-cY2aDRe">JavaScript</label><input type="radio" name="group-Q3TH2" id="tab-cT4Y5Ql"><label for="tab-cT4Y5Ql">HTML</label><input type="radio" name="group-Q3TH2" id="tab-_NBR7gD"><label for="tab-_NBR7gD">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -95,8 +95,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/sample/basic.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>基础展示</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/sample/indicator.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>技术指标</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/sample/basic.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>基础展示</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/sample/indicator.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>技术指标</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/sample/data.html b/sample/data.html
index 7ea74c256..5ee3d9b3d 100644
--- a/sample/data.html
+++ b/sample/data.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>数据加载 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.cB-cgzs-.js">
-    <link rel="modulepreload" href="/assets/sample_data.md.OZ0Mw7p7.lean.js">
+    <link rel="modulepreload" href="/assets/sample_data.md.fAiHBDxi.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/data.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/data.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _sample_data" data-v-a47c012d><div><h1 id="数据加载" tabindex="-1">数据加载 <a class="header-anchor" href="#数据加载" aria-label="Permalink to &quot;数据加载&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qdWACuqYhQjl2Ac2oARBRQXsAFPvrxLTdgF52qGAHd25qtYCUOCYUACoMMP4ANOywqEYUci7sABwADCl-nOrs0TAcAEYKcDAACiwQxDCJAKxpKVnsdg4KTq4AshZyOGBQpKy2YXCOjOwA9OwAjLWj7ABs6ewAVLMpixNTALQ5sfGrc6uTafVkqIPs6BYKADIQp64A2gC69WCsNrAcEIkpANzc7AA8Wzicl-EAA1GCMsB6tljqdGGUKnBEo8YYJXtZ3uw8F9fjjAQAWPEQqFo7II8rwHCMLRwOTWApFUqU9hg9jteI4FgKDAify7FabADM6TRfDRFKRODgrAo_jRcI4pEY1ESYOskvgdw5nWEOnQ1h1XJ56D5GSWQr8DxwFFIADEIFgYAaAEx-PwK8inOQQIwJVzqzVwO5C622h1O13uz0nDg9LwBjWIrUpMP2x3O6xuj2obKwr0cYg9IpqpOU4NGvUYQ0dY28-j8i1Wm3pyNZ6O5vOK9gAN1IUC09kSldI-prnO59cba3mbMmMdOFC0LFQpB7MBYiWsytVbJ9ftZ0VIXjZRdIRQyYwJqz7A_saPOlmug2ptPpXEag2ajCiO9QUX3OQInjKIzyKKJb0HGAoiXFc1w3dg-BzNFGRKZNEjAmA0U_IZWVcPYlgOOpO3FTsWFyZdc0fK4bgodRSPUbt5CUDhXB4OVJHWaR3HWZi2DEHM-IoHAFEYRgoAATwAOU8HwFGsExUDk_xBMUNgcB6BR0FaVhwn6ewvyYDJnAAPkyTtNO03TQnsTdXCKEIwlHOV-VM8y83YISRLEySdPI5TFOUnDvz8GCWC0GAc2yPgohdWocyQxi1OE0TxOk2SLgUsxMtChpwsi9QtEYR8YGU5DUG0XR9EMIqSrkmxSU7BybJgZzrFcszoU7fNYzOC5n1YzzksCXI5IG-Vus8gtokKCh6tcaiBruRbaI06hgXYTZxieSbu3cDx5s4dgcBOqBZvq0iPP2uScEwvCbErE0zVWOLNrWKK82ui4cEA4da3oBQsGsL7LB-30gLcDLQcwj7shBhQNOPP7OXoNBgahhGQMhg7vphtF4ZwSChzBNpayrA1Hqnc13oVYbaosUrMvh2H2HpqgyvqGLllFVBSJAGK6AwbAfooegoCQUBjioGhEBAf50AgHtuHQZxVBACQuJkXjkrV9hBgk2BVZAOQYHBihEAJEVGCwNWRhM_mIkFzBcGIOBCGAAXGAUYgJAUEx8BlVAJZIchpYoYP9AoWBaEAB1NADtjQACpUAX3i3qkGQhLgAABABOHAqhwFIQEdzAVSF3QIHgYO0_cDPaFz_PC74Jum6AA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;数据加载 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;/&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\nchart.loadMore((timestamp) =&gt; {\n  loadMoreTimer = setTimeout(() =&gt; {\n    chart.applyMoreData(genData(timestamp), true)\n  }, 2000)\n})\nchart.applyNewData(genData(), true)\nupdateData()\n\nfunction updateData () {\n  setTimeout(() =&gt; {\n    const dataList = chart.getDataList()\n    const lastData = dataList[dataList.length - 1]\n    const newData = { ...lastData }\n    newData.close += (Math.random() * 20 - 10)\n    newData.high = Math.max(newData.high, newData.close)\n    newData.low = Math.min(newData.low, newData.close)\n    newData.volume += Math.round(Math.random() * 10)\n    chart.updateData(newData)\n    updateData()\n  }, 600)\n}\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-29WPd" id="tab-mSxIIhV" checked="checked"><label for="tab-mSxIIhV">JavaScript</label><input type="radio" name="group-29WPd" id="tab-YD-2l3N"><label for="tab-YD-2l3N">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/data.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/data.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _sample_data" data-v-42bb49df><div><h1 id="数据加载" tabindex="-1">数据加载 <a class="header-anchor" href="#数据加载" aria-label="Permalink to &quot;数据加载&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qdWACuqYhQjl2Ac2oARBRQXsAFPvrxLTdgF52qGAHd25qtYCUOCYUACoMMP4ANOywqEYUci7sABwADCl-nOrs0TAcAEYKcDAACiwQxDCJAKxpKVnsdg4KTq4AshZyOGBQpKy2YXCOjOwA9OwAjLWj7ABs6ewAVLMpixNTALQ5sfGrc6uTafVkqIPs6BYKADIQp64A2gC69WCsNrAcEIkpANzc7AA8Wzicl-EAA1GCMsB6tljqdGGUKnBEo8YYJXtZ3uw8F9fjjAQAWPEQqFo7II8rwHCMLRwOTWApFUqU9hg9jteI4FgKDAify7FabADM6TRfDRFKRODgrAo_jRcI4pEY1ESYOskvgdw5nWEOnQ1h1XJ56D5GSWQr8DxwFFIADEIFgYAaAEx-PwK8inOQQIwJVzqzVwO5C622h1O13uz0nDg9LwBjWIrUpMP2x3O6xuj2obKwr0cYg9IpqpOU4NGvUYQ0dY28-j8i1Wm3pyNZ6O5vOK9gAN1IUC09kSldI-prnO59cba3mbMmMdOFC0LFQpB7MBYiWsytVbJ9ftZ0VIXjZRdIRQyYwJqz7A_saPOlmug2ptPpXEag2ajCiO9QUX3OQInjKIzyKKJb0HGAoiXFc1w3dg-BzNFGRKZNEjAmA0U_IZWVcPYlgOOpO3FTsWFyZdc0fK4bgodRSPUbt5CUDhXB4OVJHWaR3HWZi2DEHM-IoHAFEYRgoAATwAOU8HwFGsExUDk_xBMUNgcB6BR0FaVhwn6ewvyYDJnAAPkyTtNO03TQnsTdXCKEIwlHOV-VM8y83YISRLEySdPI5TFOUnDvz8GCWC0GAc2yPgohdWocyQxi1OE0TxOk2SLgUsxMtChpwsi9QtEYR8YGU5DUG0XR9EMIqSrkmxSU7BybJgZzrFcszoU7fNYzOC5n1YzzksCXI5IG-Vus8gtokKCh6tcaiBruRbaI06hgXYTZxieSbu3cDx5s4dgcBOqBZvq0iPP2uScEwvCbErE0zVWOLNrWKK82ui4cEA4da3oBQsGsL7LB-30gLcDLQcwj7shBhQNOPP7OXoNBgahhGQMhg7vphtF4ZwSChzBNpayrA1Hqnc13oVYbaosUrMvh2H2HpqgyvqGLllFVBSJAGK6AwbAfooegoCQUBjioGhEBAf50AgHtuHQZxVBACQuJkXjkrV9hBgk2BVZAOQYHBihEAJEVGCwNWRhM_mIkFzBcGIOBCGAAXGAUYgJAUEx8BlVAJZIchpYoYP9AoWBaEAB1NADtjQACpUAX3i3qkGQhLgAABABOHAqhwFIQEdzAVSF3QIHgYO0_cDPaFz_PC74Jum6AA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;数据加载 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;/&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\nchart.loadMore((timestamp) =&gt; {\n  loadMoreTimer = setTimeout(() =&gt; {\n    chart.applyMoreData(genData(timestamp), true)\n  }, 2000)\n})\nchart.applyNewData(genData(), true)\nupdateData()\n\nfunction updateData () {\n  setTimeout(() =&gt; {\n    const dataList = chart.getDataList()\n    const lastData = dataList[dataList.length - 1]\n    const newData = { ...lastData }\n    newData.close += (Math.random() * 20 - 10)\n    newData.high = Math.max(newData.high, newData.close)\n    newData.low = Math.min(newData.low, newData.close)\n    newData.volume += Math.round(Math.random() * 10)\n    chart.updateData(newData)\n    updateData()\n  }, 600)\n}\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-RVV0y" id="tab-LEqju65" checked="checked"><label for="tab-LEqju65">JavaScript</label><input type="radio" name="group-RVV0y" id="tab-f6DZkHU"><label for="tab-f6DZkHU">HTML</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">  let</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> basePrice</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 5000</span></span>
@@ -69,8 +69,8 @@
 <span class="line"><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">    chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">updateData</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">(</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">newData</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">)</span></span>
 <span class="line"><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">    updateData</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">()</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">  },</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 600</span><span style="--shiki-dark:#F07178;--shiki-light:#24292E;">)</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br></div></div><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">div</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> id</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">k-line-chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> style</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">height:430px</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#B31D28;--shiki-dark-font-style:inherit;--shiki-light-font-style:italic;">/</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/sample/overlay.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>覆盖物</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/sample/theme.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>主题</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br></div></div><div class="language-html vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&lt;</span><span style="--shiki-dark:#F07178;--shiki-light:#22863A;">div</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> id</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">k-line-chart</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C792EA;--shiki-light:#6F42C1;"> style</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">=</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">height:430px</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&quot;</span><span style="--shiki-dark:#89DDFF;--shiki-light:#B31D28;--shiki-dark-font-style:inherit;--shiki-light-font-style:italic;">/</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/sample/overlay.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>覆盖物</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/sample/theme.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>主题</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/sample/i18n.html b/sample/i18n.html
index 44ebda21d..ef1b31487 100644
--- a/sample/i18n.html
+++ b/sample/i18n.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>多语言 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.y2z3XanR.js">
-    <link rel="modulepreload" href="/assets/sample_i18n.md.0igRcPtH.lean.js">
+    <link rel="modulepreload" href="/assets/sample_i18n.md.hevtbunJ.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/i18n.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/i18n.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _sample_i18n" data-v-a47c012d><div><h1 id="多语言" tabindex="-1">多语言 <a class="header-anchor" href="#多语言" aria-label="Permalink to &quot;多语言&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWAGVLEAhrHYBfdmBal67AOQBrKGhjEAFrLZxNAHVQNmbLTgD0aTLlhwzly2ACuqYhQjk7MLUACKyFLLsABT-9PARTOwAvOyoMADu7GFUUQCUOMEUACoMMHkCsKjCFIbJ7AAcAAyNuZyW7OywHABGsnAwAAosEMQwdQCszY3t7LHxsokpALLhhjhgUKSsMaXiC4zs9uwAjFOH7ABsLewAVJeNtydnALSd1NW1d1ePp80zZKhxOx0OFZJIxBwUgBtAC6MzArGiXW4dUaAG4UQAeN5VGoYiAAagJrWAMw6AKBjGGozgdVhZJUiKiyLwqIxrOxABZ2USSQyOlSRvAcIwvHBDFFev0hkL2AT2CsajgWLIMOo8o9vq8AMwtBmKBmCmk4OCsCh5BkUjikRjUOoEqJG-BQxVrNQ-dBRV3K1XodWtO7a3IwnAUUgAMQgWBgnoATLlcpbyEDDBBhLUUg6nXAodqQ2HI9G4wmk4COJtMpnHdTnY18xGozGovHE6gOuTkxxiJt-vbq0Kc973RgvasfWr6BrA8HQw2i82S2321b2AA3UhQLxxOpD0ge0dKlUTqdPa7y06loEULwsVCkVcwFh1KI2u3y1PpuWdUiZeXd0j9K0Ryco866bnEDIghE4LiCKYoSlwcx7EwAivqgAgfoYfAVgI_79AIYFbjAAjXre96PkorYMlKgw1nUeEwAySEJAcBIpN8dy_NMS4GkuQikW2UFghCli8ZYQiiOIj7SHIsBRJoABehjPAAEgA0poAikkucyIFogBCZoAyamAFj_mkzGhemaIA0ammXwMyYZZgAbWbZMwVpZgBy8i5S4MZZgBspl5HSEXElmAAhGgAlcoA84mmaJVG-J27BGCYkLcFY5o6M8ehpM8iVsJorY5RQOCyIwjBQAAngAchk2SyFEwSoDVeSxd4vj-IE_QUJIqrCEi3V8t5xhsCaMCdTI8hlFAfWiR4qD2EcgCncoA0HKAKNyy2APRmgBccoAYXKAPLKgCVSoAx3KAIAegAo9oAXJ6ADD_gAU6oAedqAKJpgCeGYAd26ALRygCcFoAdsaAKMGgCtioA2_GADIRgDAMYALqaAEAMlhzewRSGGMCJQBWaA9WI7DkOVjJPjUYyiiwzC9qQYDsH0cAQkjKUJaQmDAjA9CdiqbXoUTGBE-geBihQcSULS6TQFA7DdGM9CyFTsjEGQLDoGTYazLDRN-F48jsCT17hAEbZoDL2NqHgBiFZYK4AhE-hPikfrEERlAFCNACisCcxQABCZUAJKepohuyMbeX6_F3ReBQYaoAAwuQRtpCbwIyBbhXEEI4QwLbNPUGlkurt7qB-wH5Ah5Qnvhzg3bExVCxjCkmiZ4H2Wh3nj4WHFZbcFQ9C0tCMxcNoMBlZZSnPEHFWabM2AUJZgAB3oAyvIvYA4aaaEodlLu3nfd8p6kD1QWDD1ogCCfhP0-z237Ad13WjUM8ACqADKq9D5Z1tVHo4oz7xcKpTTcDrKw1uixKUQL2VJFD5RZIAA-No3lfb-0DnUM20cC5xyoIne28kK7kHTh0ZBqAcBoHDkUABKQ14UBmOgoq6B0DWwfJQGCVBw7yW7CMbQA8NRJBAVwDqXUqhREPq0RQrY0EQOztXY2RUSrUHQEHVMUBPToNbNwn2udBHFVtBgMR0BJF8ODgI8OrYQCKD4HQDA2AcCGA5lAJAoBDbJ1oJiVO3B0BJHMCQDRj57FAJmFYiAq4bF2JANoDK-hsqDQISAJWFAyqwC8bDNMRjECcl1IwLAzjLCYnsKnIB2jdFOAMcQNwpiHGUAsYgEAOB0FVzkeHUBHRJZwFKrII-GxsBonhLALAzx0gqkYHpVpxUGlLnkGmVAzxeCvz0qMPJLBukdGEMVPS9Q4njPYELFgoh-lhnaU8WZMxGDC0llUPSpw4nsFjLGdZqAxIYOKR7Y2_M1HlPYJskhSM9JHKwJcY5aDRbaGEMOdAVdNgsD0gAYmOBcAA7MC8M4Y5ndFYJgFgzwVSSzFHpTkrzGSUGeCTBSMBdlPLmWQX5AKwCErmXuCgmUsWpHIDASF0LHx6TvGkbpig0kgE2cQbQshgj4FNKgHJ5iaBEH8KSmAtBABYmoAW-jAAAUewV4uh9AFTgAAAQAJw4HGDgRoIBdGYEUZgXwEB4A5NlWkeVtAVVqo1YoS1lqgA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;多语言 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerLocale } = klinecharts\nimport &#39;./index.less&#39;\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nregisterLocale(&#39;zh-HK&#39;, {\n  time: &#39;時間：&#39;,\n  open: &#39;開：&#39;,\n  high: &#39;高：&#39;,\n  low: &#39;低：&#39;,\n  close: &#39;收：&#39;,\n  volume: &#39;成交量：&#39;\n})\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setLang (lang) {\n  chart.setLocale(lang)\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;zh-CN&#39;, text: &#39;简体中文&#39; },\n  { key: &#39;zh-HK&#39;, text: &#39;繁体中文&#39; },\n  { key: &#39;en-US&#39;, text: &#39;English&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setLang(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-teXJi" id="tab-fjgMqrF" checked="checked"><label for="tab-fjgMqrF">JavaScript</label><input type="radio" name="group-teXJi" id="tab-tm8Kl_X"><label for="tab-tm8Kl_X">HTML</label><input type="radio" name="group-teXJi" id="tab-HR-zg8T"><label for="tab-HR-zg8T">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerLocale</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/i18n.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/i18n.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _sample_i18n" data-v-42bb49df><div><h1 id="多语言" tabindex="-1">多语言 <a class="header-anchor" href="#多语言" aria-label="Permalink to &quot;多语言&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWAGVLEAhrHYBfdmBal67AOQBrKGhjEAFrLZxNAHVQNmbLTgD0aTLlhwzly2ACuqYhQjk7MLUACKyFLLsABT-9PARTOwAvOyoMADu7GFUUQCUOMEUACoMMHkCsKjCFIbJ7AAcAAyNuZyW7OywHABGsnAwAAosEMQwdQCszY3t7LHxsokpALLhhjhgUKSsMaXiC4zs9uwAjFOH7ABsLewAVJeNtydnALSd1NW1d1ePp80zZKhxOx0OFZJIxBwUgBtAC6MzArGiXW4dUaAG4UQAeN5VGoYiAAagJrWAMw6AKBjGGozgdVhZJUiKiyLwqIxrOxABZ2USSQyOlSRvAcIwvHBDFFev0hkL2AT2CsajgWLIMOo8o9vq8AMwtBmKBmCmk4OCsCh5BkUjikRjUOoEqJG-BQxVrNQ-dBRV3K1XodWtO7a3IwnAUUgAMQgWBgnoATLlcpbyEDDBBhLUUg6nXAodqQ2HI9G4wmk4COJtMpnHdTnY18xGozGovHE6gOuTkxxiJt-vbq0Kc973RgvasfWr6BrA8HQw2i82S2321b2AA3UhQLxxOpD0ge0dKlUTqdPa7y06loEULwsVCkVcwFh1KI2u3y1PpuWdUiZeXd0j9K0Ryco866bnEDIghE4LiCKYoSlwcx7EwAivqgAgfoYfAVgI_79AIYFbjAAjXre96PkorYMlKgw1nUeEwAySEJAcBIpN8dy_NMS4GkuQikW2UFghCli8ZYQiiOIj7SHIsBRJoABehjPAAEgA0poAikkucyIFogBCZoAyamAFj_mkzGhemaIA0ammXwMyYZZgAbWbZMwVpZgBy8i5S4MZZgBspl5HSEXElmAAhGgAlcoA84mmaJVG-J27BGCYkLcFY5o6M8ehpM8iVsJorY5RQOCyIwjBQAAngAchk2SyFEwSoDVeSxd4vj-IE_QUJIqrCEi3V8t5xhsCaMCdTI8hlFAfWiR4qD2EcgCncoA0HKAKNyy2APRmgBccoAYXKAPLKgCVSoAx3KAIAegAo9oAXJ6ADD_gAU6oAedqAKJpgCeGYAd26ALRygCcFoAdsaAKMGgCtioA2_GADIRgDAMYALqaAEAMlhzewRSGGMCJQBWaA9WI7DkOVjJPjUYyiiwzC9qQYDsH0cAQkjKUJaQmDAjA9CdiqbXoUTGBE-geBihQcSULS6TQFA7DdGM9CyFTsjEGQLDoGTYazLDRN-F48jsCT17hAEbZoDL2NqHgBiFZYK4AhE-hPikfrEERlAFCNACisCcxQABCZUAJKepohuyMbeX6_F3ReBQYaoAAwuQRtpCbwIyBbhXEEI4QwLbNPUGlkurt7qB-wH5Ah5Qnvhzg3bExVCxjCkmiZ4H2Wh3nj4WHFZbcFQ9C0tCMxcNoMBlZZSnPEHFWabM2AUJZgAB3oAyvIvYA4aaaEodlLu3nfd8p6kD1QWDD1ogCCfhP0-z237Ad13WjUM8ACqADKq9D5Z1tVHo4oz7xcKpTTcDrKw1uixKUQL2VJFD5RZIAA-No3lfb-0DnUM20cC5xyoIne28kK7kHTh0ZBqAcBoHDkUABKQ14UBmOgoq6B0DWwfJQGCVBw7yW7CMbQA8NRJBAVwDqXUqhREPq0RQrY0EQOztXY2RUSrUHQEHVMUBPToNbNwn2udBHFVtBgMR0BJF8ODgI8OrYQCKD4HQDA2AcCGA5lAJAoBDbJ1oJiVO3B0BJHMCQDRj57FAJmFYiAq4bF2JANoDK-hsqDQISAJWFAyqwC8bDNMRjECcl1IwLAzjLCYnsKnIB2jdFOAMcQNwpiHGUAsYgEAOB0FVzkeHUBHRJZwFKrII-GxsBonhLALAzx0gqkYHpVpxUGlLnkGmVAzxeCvz0qMPJLBukdGEMVPS9Q4njPYELFgoh-lhnaU8WZMxGDC0llUPSpw4nsFjLGdZqAxIYOKR7Y2_M1HlPYJskhSM9JHKwJcY5aDRbaGEMOdAVdNgsD0gAYmOBcAA7MC8M4Y5ndFYJgFgzwVSSzFHpTkrzGSUGeCTBSMBdlPLmWQX5AKwCErmXuCgmUsWpHIDASF0LHx6TvGkbpig0kgE2cQbQshgj4FNKgHJ5iaBEH8KSmAtBABYmoAW-jAAAUewV4uh9AFTgAAAQAJw4HGDgRoIBdGYEUZgXwEB4A5NlWkeVtAVVqo1YoS1lqgA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;多语言 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerLocale } = klinecharts\nimport &#39;./index.less&#39;\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nregisterLocale(&#39;zh-HK&#39;, {\n  time: &#39;時間：&#39;,\n  open: &#39;開：&#39;,\n  high: &#39;高：&#39;,\n  low: &#39;低：&#39;,\n  close: &#39;收：&#39;,\n  volume: &#39;成交量：&#39;\n})\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setLang (lang) {\n  chart.setLocale(lang)\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;zh-CN&#39;, text: &#39;简体中文&#39; },\n  { key: &#39;zh-HK&#39;, text: &#39;繁体中文&#39; },\n  { key: &#39;en-US&#39;, text: &#39;English&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setLang(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-T-kRc" id="tab-_6BLsND" checked="checked"><label for="tab-_6BLsND">JavaScript</label><input type="radio" name="group-T-kRc" id="tab-l5aXkL5"><label for="tab-l5aXkL5">HTML</label><input type="radio" name="group-T-kRc" id="tab-vQuU0jy"><label for="tab-vQuU0jy">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerLocale</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.less</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -99,8 +99,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/sample/timezone.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>时区</span><!--]--></a></div><div class="pager" data-v-5583ab76><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/sample/timezone.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>时区</span><!--]--></a></div><div class="pager" data-v-8dd15667><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/sample/indicator.html b/sample/indicator.html
index ffca59ec3..e8c7b4f96 100644
--- a/sample/indicator.html
+++ b/sample/indicator.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>技术指标 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.kgSofxY-.js">
-    <link rel="modulepreload" href="/assets/sample_indicator.md.iQYEEMo9.lean.js">
+    <link rel="modulepreload" href="/assets/sample_indicator.md.A_IyVpmE.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/indicator.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/indicator.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _sample_indicator" data-v-a47c012d><div><h1 id="技术指标" tabindex="-1">技术指标 <a class="header-anchor" href="#技术指标" aria-label="Permalink to &quot;技术指标&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWASQwRiAQwqt2AX3ZgWpeuwDkAayhoYxABZy2cbQB1UDZmx04A9Gky5icC9etlU4tSwBXXjh2AF52AG1rdh1AHg3AeX3tAW1YwDl9pLjABX2MlMApfZzYwGl9gsAZfaTouMBJfYLAcX2CwGV9gsAJfYLAJX2CwEV98tQYlMBZfZzAPg3AU12hwF1docBbXaHARV2CxOsAXS9UIVFxGCkZeUUWAApgCtQ5ehhEHQBhAPFNbpjIYQChOHOonpjOdl0YAE9z7Rg9FIeAg2hUFUWfAq8igxHOe10ABlDAARBRyZHiACUYQAfJwKjEhBQnj0kaj0ZiKDh6HJGAjkagYGiKHI8ewDuxAcCIOdyUyWXIcMQoKQ4DABFQsBRzuoghQ4BEALIKYw4MCi1h7FUUNUsOQYTR7HEAKnYAEYAOxYxYqLFYirKKHvdD6gDu8MO7xixAoWGdH3YACMzABlRhyYgSwnsABuYggQdgACUDcJo97uNsFKwAx8sABBLBiPMxH5FsSOnGhfFewM-PxcdSaSWkFRhOMJpMwVOodMret-9XkDjhEMscORmA4YR0gBCZnYAGodIwsGCV2CABIwKCxmAUWRsgByMACMCsmd9uClFALBmEPXC2ijlE2l_r5D8zwCUFHWfQI9dhwH8_xjMAlD2WAOAgDtm3oABubh2AAHnYRQkIgJclxxOtA3YBsOHQdEO1AigIggZZMx9L8OCwDtC2LOBhXIfc2AAFVIAAFCAsF3PYIAdaiCNo9gfg7csmJY1A2IoTieL4qA9mI1kcG5EEhPwgih0gKAoHY7AKGU9EcFvAR_TEzSPmUGNiVJNQ5CgcVHWsZQhOsMAAlQX0IHIdh01QQUOUPU5xBORgOyZN12BZGBjRnA92IYOKsQEWA-11DsAA4AAYctwipoODORxS4lhZBgDsAFY8pyioQvgVkmA7HU1Q1UgtQasLmscC1avYXqADZ8vYM1htGvq8vYABadh0uETKxpyibzVq6FRJUjExH_CIqPuSCitg8Icsw1C5uoBbjEw7CCqvUTGHKqMQnCXbwIOg92DwDsTs-s6ABYkLwG6CWEh6KuYxhrmMPYQ1Kx7KpXVqQINdAjVNdhxtmgBmfKYxszMwaenA4FYIyrJo3wOFIRhqA7Jc9kJ-BlVVEDSC89BtRZ_VDXoY0Jqxm1TNIAAxXiYA5gAme0Y0I9hjAgYRjDphn4cVLHFiF0W-Ml6W7spubSGi8J6cZxUco1xQtfFvYpfJkT9ZFMVKuNlXweZ3VWfZzmPe51HefRgWLZFsWdbt2XY1IKAAlOFqubZjBvb1FG0ZWvKcRXVaZdEkkWFQUg2I7PZqdpld5cV5cDeildHfFHFer-iaI6j04Y02qkcEhuBoa4LqmsYARi9QAQy-MPhRTdAQa4lONI-j6ec7zgu3IHD5YZgMqKo7KeY178Ll3CcazVWvKXPeOzc_YNvttclZZZMMx_x4Iy9GmgwmWm--2G0ITP-pOlGCgD8U8bpBR7ACqA3WHkvI-T8uKCgKo0DSEAjsLUxxTi3R9KYNgwohAKBgEgoCqCTjz0CNPLgEB0D_HkBgWAAB9CMTIwTL1QPjKB3lDywIPKGAIQYCEoP2GgmAGCCJYOpMQXBVA-E5gEcQoSrDUDWEcL1QAp3KAGg5QAo3LqMAPRmgAuOUAGFygB5ZUAJVKgBjuUAIAegAUe0AFyegAYf8ABTqgA87UAKJpgBPDMAHdugBaOUAJwWgA7Y0AKMGgBWxUANvxgAZCMAMAxgAXU0AEAMijersWMJVCCelDZoGENwEI5BAFqCULqSqkMWDMHFOwUgYB2AlTgNtVJWYRKYEvtySm-oOFDzKRgMp6A8DXAoKcSgIQ3TQCgMGSqtJamRjICwQCfZ0JtlyWU30ARHLsAqSSBQvkehoHQgk9gD1gRGGpN4USPhWSGBYB2VGxA56UAShQAAorAbpFA5w_EkBzF8I45DHO_vs_WQYAgUEUKgC4bzjmnNIOc-5OCYB4NuYCagz9AKxk-agH5fzyCAsoO8pkLBhRQHKceYhHZtDIv-R_IFmLLxfL8LSRB2ZdjPUiNoJUBYchzgAPKIkRDkK4Nx6DaCorLOAPCpG0o7BEbQAA1NlORGUXBRJyzptwqIUo4FS1ASUKCwBBWC2FEKoV3NhXsbQcAGGIpVWq2AOA0CYoMtKAlgBuOUAH9qgBwY0AOAW00EFrJpawf41giWotJZsHA_9qDoAuPLKAHNTW8FgEJFVQrWDMQgiwa5kZoZ7EEdWWs61vm_P-Zqi5YiJEwGhfcg1vrUCIpiGWi1qArWGUisQioVa5DoHQNc_clAqTUE2AakUshdAZD5jWT4cD3Vxpkegu0jac1-vRccwNjAaYYFDdADmZa5HuW8qJAVQYzXO0vqC_NOqqDFv1Ya41Qlt27uJhQH45qIwttSYiGAYB_zaHNINNcl5L1RunJazY1rX2AHslJ1rruFBgAoQlg3qkXToBf6rFQal1ho5t-9VQjrDbrHQm1gyaTB7DTbI9keFZZlrzeC8RkLj16soKW2DFbgywerbWm14RBFTpRagQNLa22ws7ZintBhiD9oEIO2siyuGCs9eOoRk73hlrRUczF87F0huQzDWD67b7weU8G5d4b1McYUxizYWIQBOjoBgbAOBjBdKgEgUAhzYW0BQvC7g6BQiWBIPBzzuIKguYgLGNzHmQC6FfoYD-ojPOLJvbAYLCSFY2cQH9HGa4fPWBQo4eFuIzN8As64YUHh7NebfDQRAIAcBlpJbOzFIMYiASNTiv4ahYBYAQhUDU2Bppun1Iwc43W6RtfeI5BWqBpq8EBC8AisLNiDZiLOXr7Asprlm-wWkLBRCjcUAt1ay2Kj3omcIc4O36ISwlrtlhKwKuwaq4pzYDGOO1a2c2g75wzv0Q_a1xtkZdDCA0OzEloooPsAAMTvstJaYWwsVtBlYJgFg019SAWuOcP6539qUGmhUgAXmcC0b2VtkEB-cYHYBScrbZuqww5w85Mmh7DzY1PyAwEG8oHLIAIxCbkOmfAJNUBFcc6V0Ah40O0EAAFGgB6cxdTNL4b8jCiLgAAAQAJw4CqjgHKIBcuYBU9QYgEB4BFf0IYX-hAQAq7Vxr5QVurdAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;技术指标 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerIndicator } = klinecharts\n\n\nconst fruits = [\n  &#39;🍏&#39;, &#39;🍎&#39;, &#39;🍐&#39;, &#39;🍊&#39;, &#39;🍋&#39;, &#39;🍌&#39;,\n  &#39;🍉&#39;, &#39;🍇&#39;, &#39;🍓&#39;, &#39;🍈&#39;, &#39;🍒&#39;, &#39;🍑&#39;,\n  &#39;🍍&#39;, &#39;🥥&#39;, &#39;🥝&#39;, &#39;🥭&#39;, &#39;🥑&#39;, &#39;🍏&#39;\n]\n\nregisterIndicator({\n  name: &#39;Custom&#39;,\n  figures: [\n    { key: &#39;emoji&#39; }\n  ],\n  calc: (kLineDataList) =&gt; {\n    return kLineDataList.map(kLineData =&gt; ({ emoji: kLineData.close, text: fruits[Math.floor(Math.random() * 17)] }))\n  },\n  draw: ({\n    ctx,\n    barSpace,\n    visibleRange,\n    indicator,\n    xAxis,\n    yAxis\n  }) =&gt; {\n    const { from, to } = visibleRange\n\n    ctx.font = barSpace.gapBar + &#39;px&#39; + &#39; Helvetica Neue&#39;\n    ctx.textAlign = &#39;center&#39;\n    const result = indicator.result\n    for (let i = from; i &lt; to; i++) {\n      const data = result[i]\n      const x = xAxis.convertToPixel(i)\n      const y = yAxis.convertToPixel(data.emoji)\n      ctx.fillText(data.text, x, y)\n    }\n    return false\n  }\n})\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setMainIndicator(name) {\n  chart.createIndicator(name, true, { id: &#39;candle_pane&#39; })\n}\n\nfunction setSubIndicator(name) {\n  chart.createIndicator(name)\n}\n\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\n\nconst mainIndicators = [&#39;MA&#39;, &#39;BOLL&#39;, &#39;Custom&#39;]\nconst subIndicators = [&#39;VOL&#39;, &#39;MACD&#39;, &#39;Custom&#39;]\n\nconst mainTitle = document.createElement(&#39;span&#39;)\nmainTitle.innerText = &#39;主图指标-Main indicator: &#39;\nbuttonContainer.appendChild(mainTitle)\nmainIndicators.forEach((name) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = name\n  button.addEventListener(&#39;click&#39;, () =&gt; { setMainIndicator(name) })\n  buttonContainer.appendChild(button)\n})\n\nconst subTitle = document.createElement(&#39;span&#39;)\nsubTitle.style.paddingLeft = &#39;16px&#39;\nsubTitle.innerText = &#39;副图指标-Sub indicator: &#39;\nbuttonContainer.appendChild(subTitle)\nsubIndicators.forEach((name) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = name\n  button.addEventListener(&#39;click&#39;, () =&gt; { setSubIndicator(name) })\n  buttonContainer.appendChild(button)\n})\n\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-8iN8P" id="tab-haS3Rpy" checked="checked"><label for="tab-haS3Rpy">JavaScript</label><input type="radio" name="group-8iN8P" id="tab-gUW2aMs"><label for="tab-gUW2aMs">HTML</label><input type="radio" name="group-8iN8P" id="tab-m2DSlbw"><label for="tab-m2DSlbw">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerIndicator</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/indicator.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/indicator.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _sample_indicator" data-v-42bb49df><div><h1 id="技术指标" tabindex="-1">技术指标 <a class="header-anchor" href="#技术指标" aria-label="Permalink to &quot;技术指标&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWASQwRiAQwqt2AX3ZgWpeuwDkAayhoYxABZy2cbQB1UDZmx04A9Gky5icC9etlU4tSwBXXjh2AF52AG1rdh1AHg3AeX3tAW1YwDl9pLjABX2MlMApfZzYwGl9gsAZfaTouMBJfYLAcX2CwGV9gsAJfYLAJX2CwEV98tQYlMBZfZzAPg3AU12hwF1docBbXaHARV2CxOsAXS9UIVFxGCkZeUUWAApgCtQ5ehhEHQBhAPFNbpjIYQChOHOonpjOdl0YAE9z7Rg9FIeAg2hUFUWfAq8igxHOe10ABlDAARBRyZHiACUYQAfJwKjEhBQnj0kaj0ZiKDh6HJGAjkagYGiKHI8ewDuxAcCIOdyUyWXIcMQoKQ4DABFQsBRzuoghQ4BEALIKYw4MCi1h7FUUNUsOQYTR7HEAKnYAEYAOxYxYqLFYirKKHvdD6gDu8MO7xixAoWGdH3YACMzABlRhyYgSwnsABuYggQdgACUDcJo97uNsFKwAx8sABBLBiPMxH5FsSOnGhfFewM-PxcdSaSWkFRhOMJpMwVOodMret-9XkDjhEMscORmA4YR0gBCZnYAGodIwsGCV2CABIwKCxmAUWRsgByMACMCsmd9uClFALBmEPXC2ijlE2l_r5D8zwCUFHWfQI9dhwH8_xjMAlD2WAOAgDtm3oABubh2AAHnYRQkIgJclxxOtA3YBsOHQdEO1AigIggZZMx9L8OCwDtC2LOBhXIfc2AAFVIAAFCAsF3PYIAdaiCNo9gfg7csmJY1A2IoTieL4qA9mI1kcG5EEhPwgih0gKAoHY7AKGU9EcFvAR_TEzSPmUGNiVJNQ5CgcVHWsZQhOsMAAlQX0IHIdh01QQUOUPU5xBORgOyZN12BZGBjRnA92IYOKsQEWA-11DsAA4AAYctwipoODORxS4lhZBgDsAFY8pyioQvgVkmA7HU1Q1UgtQasLmscC1avYXqADZ8vYM1htGvq8vYABadh0uETKxpyibzVq6FRJUjExH_CIqPuSCitg8Icsw1C5uoBbjEw7CCqvUTGHKqMQnCXbwIOg92DwDsTs-s6ABYkLwG6CWEh6KuYxhrmMPYQ1Kx7KpXVqQINdAjVNdhxtmgBmfKYxszMwaenA4FYIyrJo3wOFIRhqA7Jc9kJ-BlVVEDSC89BtRZ_VDXoY0Jqxm1TNIAAxXiYA5gAme0Y0I9hjAgYRjDphn4cVLHFiF0W-Ml6W7spubSGi8J6cZxUco1xQtfFvYpfJkT9ZFMVKuNlXweZ3VWfZzmPe51HefRgWLZFsWdbt2XY1IKAAlOFqubZjBvb1FG0ZWvKcRXVaZdEkkWFQUg2I7PZqdpld5cV5cDeildHfFHFer-iaI6j04Y02qkcEhuBoa4LqmsYARi9QAQy-MPhRTdAQa4lONI-j6ec7zgu3IHD5YZgMqKo7KeY178Ll3CcazVWvKXPeOzc_YNvttclZZZMMx_x4Iy9GmgwmWm--2G0ITP-pOlGCgD8U8bpBR7ACqA3WHkvI-T8uKCgKo0DSEAjsLUxxTi3R9KYNgwohAKBgEgoCqCTjz0CNPLgEB0D_HkBgWAAB9CMTIwTL1QPjKB3lDywIPKGAIQYCEoP2GgmAGCCJYOpMQXBVA-E5gEcQoSrDUDWEcL1QAp3KAGg5QAo3LqMAPRmgAuOUAGFygB5ZUAJVKgBjuUAIAegAUe0AFyegAYf8ABTqgA87UAKJpgBPDMAHdugBaOUAJwWgA7Y0AKMGgBWxUANvxgAZCMAMAxgAXU0AEAMijersWMJVCCelDZoGENwEI5BAFqCULqSqkMWDMHFOwUgYB2AlTgNtVJWYRKYEvtySm-oOFDzKRgMp6A8DXAoKcSgIQ3TQCgMGSqtJamRjICwQCfZ0JtlyWU30ARHLsAqSSBQvkehoHQgk9gD1gRGGpN4USPhWSGBYB2VGxA56UAShQAAorAbpFA5w_EkBzF8I45DHO_vs_WQYAgUEUKgC4bzjmnNIOc-5OCYB4NuYCagz9AKxk-agH5fzyCAsoO8pkLBhRQHKceYhHZtDIv-R_IFmLLxfL8LSRB2ZdjPUiNoJUBYchzgAPKIkRDkK4Nx6DaCorLOAPCpG0o7BEbQAA1NlORGUXBRJyzptwqIUo4FS1ASUKCwBBWC2FEKoV3NhXsbQcAGGIpVWq2AOA0CYoMtKAlgBuOUAH9qgBwY0AOAW00EFrJpawf41giWotJZsHA_9qDoAuPLKAHNTW8FgEJFVQrWDMQgiwa5kZoZ7EEdWWs61vm_P-Zqi5YiJEwGhfcg1vrUCIpiGWi1qArWGUisQioVa5DoHQNc_clAqTUE2AakUshdAZD5jWT4cD3Vxpkegu0jac1-vRccwNjAaYYFDdADmZa5HuW8qJAVQYzXO0vqC_NOqqDFv1Ya41Qlt27uJhQH45qIwttSYiGAYB_zaHNINNcl5L1RunJazY1rX2AHslJ1rruFBgAoQlg3qkXToBf6rFQal1ho5t-9VQjrDbrHQm1gyaTB7DTbI9keFZZlrzeC8RkLj16soKW2DFbgywerbWm14RBFTpRagQNLa22ws7ZintBhiD9oEIO2siyuGCs9eOoRk73hlrRUczF87F0huQzDWD67b7weU8G5d4b1McYUxizYWIQBOjoBgbAOBjBdKgEgUAhzYW0BQvC7g6BQiWBIPBzzuIKguYgLGNzHmQC6FfoYD-ojPOLJvbAYLCSFY2cQH9HGa4fPWBQo4eFuIzN8As64YUHh7NebfDQRAIAcBlpJbOzFIMYiASNTiv4ahYBYAQhUDU2Bppun1Iwc43W6RtfeI5BWqBpq8EBC8AisLNiDZiLOXr7Asprlm-wWkLBRCjcUAt1ay2Kj3omcIc4O36ISwlrtlhKwKuwaq4pzYDGOO1a2c2g75wzv0Q_a1xtkZdDCA0OzEloooPsAAMTvstJaYWwsVtBlYJgFg019SAWuOcP6539qUGmhUgAXmcC0b2VtkEB-cYHYBScrbZuqww5w85Mmh7DzY1PyAwEG8oHLIAIxCbkOmfAJNUBFcc6V0Ah40O0EAAFGgB6cxdTNL4b8jCiLgAAAQAJw4CqjgHKIBcuYBU9QYgEB4BFf0IYX-hAQAq7Vxr5QVurdAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;技术指标 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerIndicator } = klinecharts\n\n\nconst fruits = [\n  &#39;🍏&#39;, &#39;🍎&#39;, &#39;🍐&#39;, &#39;🍊&#39;, &#39;🍋&#39;, &#39;🍌&#39;,\n  &#39;🍉&#39;, &#39;🍇&#39;, &#39;🍓&#39;, &#39;🍈&#39;, &#39;🍒&#39;, &#39;🍑&#39;,\n  &#39;🍍&#39;, &#39;🥥&#39;, &#39;🥝&#39;, &#39;🥭&#39;, &#39;🥑&#39;, &#39;🍏&#39;\n]\n\nregisterIndicator({\n  name: &#39;Custom&#39;,\n  figures: [\n    { key: &#39;emoji&#39; }\n  ],\n  calc: (kLineDataList) =&gt; {\n    return kLineDataList.map(kLineData =&gt; ({ emoji: kLineData.close, text: fruits[Math.floor(Math.random() * 17)] }))\n  },\n  draw: ({\n    ctx,\n    barSpace,\n    visibleRange,\n    indicator,\n    xAxis,\n    yAxis\n  }) =&gt; {\n    const { from, to } = visibleRange\n\n    ctx.font = barSpace.gapBar + &#39;px&#39; + &#39; Helvetica Neue&#39;\n    ctx.textAlign = &#39;center&#39;\n    const result = indicator.result\n    for (let i = from; i &lt; to; i++) {\n      const data = result[i]\n      const x = xAxis.convertToPixel(i)\n      const y = yAxis.convertToPixel(data.emoji)\n      ctx.fillText(data.text, x, y)\n    }\n    return false\n  }\n})\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setMainIndicator(name) {\n  chart.createIndicator(name, true, { id: &#39;candle_pane&#39; })\n}\n\nfunction setSubIndicator(name) {\n  chart.createIndicator(name)\n}\n\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\n\nconst mainIndicators = [&#39;MA&#39;, &#39;BOLL&#39;, &#39;Custom&#39;]\nconst subIndicators = [&#39;VOL&#39;, &#39;MACD&#39;, &#39;Custom&#39;]\n\nconst mainTitle = document.createElement(&#39;span&#39;)\nmainTitle.innerText = &#39;主图指标-Main indicator: &#39;\nbuttonContainer.appendChild(mainTitle)\nmainIndicators.forEach((name) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = name\n  button.addEventListener(&#39;click&#39;, () =&gt; { setMainIndicator(name) })\n  buttonContainer.appendChild(button)\n})\n\nconst subTitle = document.createElement(&#39;span&#39;)\nsubTitle.style.paddingLeft = &#39;16px&#39;\nsubTitle.innerText = &#39;副图指标-Sub indicator: &#39;\nbuttonContainer.appendChild(subTitle)\nsubIndicators.forEach((name) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = name\n  button.addEventListener(&#39;click&#39;, () =&gt; { setSubIndicator(name) })\n  buttonContainer.appendChild(button)\n})\n\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-zHAyz" id="tab-y1KHOsx" checked="checked"><label for="tab-y1KHOsx">JavaScript</label><input type="radio" name="group-zHAyz" id="tab-uIjhpFp"><label for="tab-uIjhpFp">HTML</label><input type="radio" name="group-zHAyz" id="tab-UlWLrWD"><label for="tab-UlWLrWD">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerIndicator</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">const</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> fruits</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> [</span></span>
@@ -146,8 +146,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/sample/candle-type.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>蜡烛图类型</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/sample/axis.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>坐标轴</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/sample/candle-type.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>蜡烛图类型</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/sample/axis.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>坐标轴</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/sample/overlay.html b/sample/overlay.html
index 2c8bec266..c355f687f 100644
--- a/sample/overlay.html
+++ b/sample/overlay.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>覆盖物 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.6_i1IoHj.js">
-    <link rel="modulepreload" href="/assets/sample_overlay.md.xpFlScsm.lean.js">
+    <link rel="modulepreload" href="/assets/sample_overlay.md.h5TTSo2F.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/overlay.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/overlay.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _sample_overlay" data-v-a47c012d><div><h1 id="覆盖物" tabindex="-1">覆盖物 <a class="header-anchor" href="#覆盖物" aria-label="Permalink to &quot;覆盖物&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWAeQBuMFlACGAT3YBfdmBal67AOQBrKGhjEAFgrZxdAHVQNmbPTgD0aTLmJwrt22ACuqMQUEOTswtQAIgoUCuwAFMH08DFM7AC87KgwAO7sUVRxAJQ44RQAKgwwRQKwqMIUpunsABwADK2FnLbs7LAcAEYKcDAACiwQxDBNAKztrd3sickKqRkAstGmOGBQpKwJleIrjOzO7ACMc6fsAGwd7ABUt62PF1cAtL3U9Y1Pd6-XdoLMiocTsdDRBQAGTEHAyAG0ALoLMCseJ9bhNVoAbkxAB4vnUGriIABqUmdYALHogsGMcaTOBNJHUjRouIYvBY3FcgkAFh55MprJ69Im8BwjD8cFMcUGwzG4vYpPYGwaOBYCgw2iKr3-nwAzB1WapWWLGTg4KwKEVWbSOKRGNQmqS4ub4PC1VstAF0HEvRqtegdZ0ngbCoicBRSAAxCBYGB-gBMhUKdvIYNMEGEjQyrvdcHhBsj0bjCeTqfToI4u1yebdDI9rRLsfjibiKbTqB6NIzHGIu2GLob4sLAZ9GH9m0D2vourDEajrfLHcr3Z79vY0lIUD8SSa49Ivqn6s1s_nb3uKsuVbBFD8LFQpFkLCacUdzpVWZzyt6pFyKoDqQwydGcfKvNuu5JKyEIxDC4iStKspcEsRxMAIH6oAI36mHwtYCEBwwCJBe4wAI96Ps-chqF2rLyqMjZNIRMCsqhKQnKSGT_E8gLzOuprrkIFHdrB0KwrYAm2EIojiHIMhyIoShxFS66oCsMCIHoxAQCwA4wLofALFkiYRDAYAKH4UAUCMpBoBQcbCA-GmLCwfhkUZMAmWZFlWQAGgAglgYgOU5mkUK57mqZ56CmeZlkUAAmoFwXZqFLluYZ67RjEUAAMpUIwmkGplNJCNEoy2ZQIVCHAmnKewZCsOgaDlUyqidGkAB8XTrj0EBgPEjUsM1alUHAOC1D86RpBkKY9T2G59uwWARGIB7Tgo_RwHEQ0ja18LNjgWDsJ8u0tWN8LnJGWBdgtvbVuwSirUy6wbVtO17MN51NpGKinZ9e0XVdOBKLdd2bpqzXSut6pwAAjmwcQrWtTzI0yKpPSjj3PWDC1CQ-3YqXdPb6DASiabo2m6bABkij2FBKE6FNU3ptO9Xd0ThbV83Ez2OD82do0_SVvM9CwmmQxA0p0z0qgi8T4hKLA3NE6L7CK7AFPiFopMAPqQFAUA2OzC0CcTZs9hbYswMJ7AsvxEm0YES1mBYcLcHYNoGO8RhZO8rtsLoXYBxQOAKIwjBQEoAByOT5AocThKg8dFE7_iBMEoTEGVVDyfIyjxGpSTCuuIc4NnMDlXnilxEXMBdpJqDOGcgCncoA0HKAKNyHeAPRmgBccoAYXKAPLKgCVSoAx3KAIAegAo9oAXJ6ADD_gAU6oAedqAKJpgCeGYAd26ALRygCcFoAdsaAKMGgCtioA2_GADIRgDAMYALqaAEAMtjN-wZSmFMqKG_-aDCNwTLkFHbKvg0UxShYMwIcpABpDDgLCd-HsGqkEwOCGA9A-yakzlhdgQY0HoDwNKCgSRKBMmyNAKA7B-hTHoAoOBChiBkC-nURYpBFhPzQUEPwCgiEQPvNEEI3Y0AMIAVoPAJhQ62E3CCGIxhXwZGDMQUilASg2wAKKwFwRQAAQkoAAkn6Sm5AxFZBYEHYRS1-h-AoNGVAABhHRChxFNCkTI0OFdyqKIQdQL2zVpAGNQMY0x5BLGUGsXo8uigvDR3Uk0XQ3izH-yseI42m5eAIJenbBYXBSbkz0O6GEWQDKLGwBQCmgB3uUADwWgB-vziIAUMVAB2_oUd4ipJi9GMHKPw0AKDvDQIUXQagRapLJszHSrNyJ5IpoAMHU4iACvAwAWdqAEk5Gp5j-mwB2tg7QHS1C2GRJ7RJ2xWDyMobKeqaTBlYA4O1dI3VVabkiaESRpBpHKPLjnGAzjlFxAiSYsxnieiXNQDgNAeiyh5KaFQI5Cwvlh3QOgeRshKDwSoHol5A4Jj6BybqLqnAGoPOrsoOIaTOjtRBW83xMTAnhydBgcxWYoB-i-Q3YORK5BhwjtQdA5LoBUoJRYulLBCggDlnQDA2AcCmBwVAJAoBRGuNoHidx3B0BpGsCQTl8rOoLClRAaQMq5UgH0D7Yw_tzBsHlerBmsBNVP2zEKxAfIjSMCwEq2weJnDuM6jyvgfL3Dly8KKhVlAJWIBADgL50T_E2NVs1OAkdlCaR2NgbEKJYBYHeNkTUhV2BJvDrG9crDsyoDaVQeg3NJg-pYBmnowhw6aWaDakt7AyEsFEDm6MKbLhVoWIwchI1hCaWbcdJMSYW2oEbgG9lQbdHUS-TzNt4L36aT7cdG4_bPmUP0MICc6Bom7HFuwAAxOcG4AB2PdMYYzVv6E1OQ7xJbSk0nyBdbJKDvAgQAL2cucWd1ayAbs0lusAP7q1HgoL7ZyT4sgnrPZu4DMAM2qBdSANtxB9AKHCPgK0qAvXipoEQYIAGYC0EAGGRgA1t0AJZOJ12CGGMCHOAAABAAnDgaYOBWggFdZgUlmBAgQHgF6sjWQKO0Fo_RxjqghNCaAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;覆盖物 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerOverlay } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nregisterOverlay({\n  name: &#39;circle&#39;,\n  needDefaultPointFigure: true,\n  needDefaultXAxisFigure: true,\n  needDefaultYAxisFigure: true,\n  totalStep: 3,\n  createPointFigures: ({ coordinates }) =&gt; {\n    if (coordinates.length === 2) {\n      const xDis = Math.abs(coordinates[0].x - coordinates[1].x)\n      const yDis = Math.abs(coordinates[0].y - coordinates[1].y)\n      const radius = Math.sqrt(xDis * xDis + yDis * yDis)\n      return {\n        key: &#39;circle&#39;,\n        type: &#39;circle&#39;,\n        attrs: {\n          ...coordinates[0],\n          r: radius\n        },\n        styles: {\n          style: &#39;stroke_fill&#39;\n        }\n      }\n    }\n    return []\n  }\n})\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction createOverlay (name) {\n  chart.createOverlay(name)\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;priceLine&#39;, text: &#39;价格线(内置)-Price line(built-in)&#39; },\n  { key: &#39;circle&#39;, text: &#39;圆(自定义)-Circle(custom)&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { createOverlay(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-U62BF" id="tab-v1_VFt1" checked="checked"><label for="tab-v1_VFt1">JavaScript</label><input type="radio" name="group-U62BF" id="tab-rse8UET"><label for="tab-rse8UET">HTML</label><input type="radio" name="group-U62BF" id="tab-03rvlxu"><label for="tab-03rvlxu">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerOverlay</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/overlay.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/overlay.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _sample_overlay" data-v-42bb49df><div><h1 id="覆盖物" tabindex="-1">覆盖物 <a class="header-anchor" href="#覆盖物" aria-label="Permalink to &quot;覆盖物&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWAeQBuMFlACGAT3YBfdmBal67AOQBrKGhjEAFgrZxdAHVQNmbPTgD0aTLmJwrt22ACuqMQUEOTswtQAIgoUCuwAFMH08DFM7AC87KgwAO7sUVRxAJQ44RQAKgwwRQKwqMIUpunsABwADK2FnLbs7LAcAEYKcDAACiwQxDBNAKztrd3sickKqRkAstGmOGBQpKwJleIrjOzO7ACMc6fsAGwd7ABUt62PF1cAtL3U9Y1Pd6-XdoLMiocTsdDRBQAGTEHAyAG0ALoLMCseJ9bhNVoAbkxAB4vnUGriIABqUmdYALHogsGMcaTOBNJHUjRouIYvBY3FcgkAFh55MprJ69Im8BwjD8cFMcUGwzG4vYpPYGwaOBYCgw2iKr3-nwAzB1WapWWLGTg4KwKEVWbSOKRGNQmqS4ub4PC1VstAF0HEvRqtegdZ0ngbCoicBRSAAxCBYGB-gBMhUKdvIYNMEGEjQyrvdcHhBsj0bjCeTqfToI4u1yebdDI9rRLsfjibiKbTqB6NIzHGIu2GLob4sLAZ9GH9m0D2vourDEajrfLHcr3Z79vY0lIUD8SSa49Ivqn6s1s_nb3uKsuVbBFD8LFQpFkLCacUdzpVWZzyt6pFyKoDqQwydGcfKvNuu5JKyEIxDC4iStKspcEsRxMAIH6oAI36mHwtYCEBwwCJBe4wAI96Ps-chqF2rLyqMjZNIRMCsqhKQnKSGT_E8gLzOuprrkIFHdrB0KwrYAm2EIojiHIMhyIoShxFS66oCsMCIHoxAQCwA4wLofALFkiYRDAYAKH4UAUCMpBoBQcbCA-GmLCwfhkUZMAmWZFlWQAGgAglgYgOU5mkUK57mqZ56CmeZlkUAAmoFwXZqFLluYZ67RjEUAAMpUIwmkGplNJCNEoy2ZQIVCHAmnKewZCsOgaDlUyqidGkAB8XTrj0EBgPEjUsM1alUHAOC1D86RpBkKY9T2G59uwWARGIB7Tgo_RwHEQ0ja18LNjgWDsJ8u0tWN8LnJGWBdgtvbVuwSirUy6wbVtO17MN51NpGKinZ9e0XVdOBKLdd2bpqzXSut6pwAAjmwcQrWtTzI0yKpPSjj3PWDC1CQ-3YqXdPb6DASiabo2m6bABkij2FBKE6FNU3ptO9Xd0ThbV83Ez2OD82do0_SVvM9CwmmQxA0p0z0qgi8T4hKLA3NE6L7CK7AFPiFopMAPqQFAUA2OzC0CcTZs9hbYswMJ7AsvxEm0YES1mBYcLcHYNoGO8RhZO8rtsLoXYBxQOAKIwjBQEoAByOT5AocThKg8dFE7_iBMEoTEGVVDyfIyjxGpSTCuuIc4NnMDlXnilxEXMBdpJqDOGcgCncoA0HKAKNyHeAPRmgBccoAYXKAPLKgCVSoAx3KAIAegAo9oAXJ6ADD_gAU6oAedqAKJpgCeGYAd26ALRygCcFoAdsaAKMGgCtioA2_GADIRgDAMYALqaAEAMtjN-wZSmFMqKG_-aDCNwTLkFHbKvg0UxShYMwIcpABpDDgLCd-HsGqkEwOCGA9A-yakzlhdgQY0HoDwNKCgSRKBMmyNAKA7B-hTHoAoOBChiBkC-nURYpBFhPzQUEPwCgiEQPvNEEI3Y0AMIAVoPAJhQ62E3CCGIxhXwZGDMQUilASg2wAKKwFwRQAAQkoAAkn6Sm5AxFZBYEHYRS1-h-AoNGVAABhHRChxFNCkTI0OFdyqKIQdQL2zVpAGNQMY0x5BLGUGsXo8uigvDR3Uk0XQ3izH-yseI42m5eAIJenbBYXBSbkz0O6GEWQDKLGwBQCmgB3uUADwWgB-vziIAUMVAB2_oUd4ipJi9GMHKPw0AKDvDQIUXQagRapLJszHSrNyJ5IpoAMHU4iACvAwAWdqAEk5Gp5j-mwB2tg7QHS1C2GRJ7RJ2xWDyMobKeqaTBlYA4O1dI3VVabkiaESRpBpHKPLjnGAzjlFxAiSYsxnieiXNQDgNAeiyh5KaFQI5Cwvlh3QOgeRshKDwSoHol5A4Jj6BybqLqnAGoPOrsoOIaTOjtRBW83xMTAnhydBgcxWYoB-i-Q3YORK5BhwjtQdA5LoBUoJRYulLBCggDlnQDA2AcCmBwVAJAoBRGuNoHidx3B0BpGsCQTl8rOoLClRAaQMq5UgH0D7Yw_tzBsHlerBmsBNVP2zEKxAfIjSMCwEq2weJnDuM6jyvgfL3Dly8KKhVlAJWIBADgL50T_E2NVs1OAkdlCaR2NgbEKJYBYHeNkTUhV2BJvDrG9crDsyoDaVQeg3NJg-pYBmnowhw6aWaDakt7AyEsFEDm6MKbLhVoWIwchI1hCaWbcdJMSYW2oEbgG9lQbdHUS-TzNt4L36aT7cdG4_bPmUP0MICc6Bom7HFuwAAxOcG4AB2PdMYYzVv6E1OQ7xJbSk0nyBdbJKDvAgQAL2cucWd1ayAbs0lusAP7q1HgoL7ZyT4sgnrPZu4DMAM2qBdSANtxB9AKHCPgK0qAvXipoEQYIAGYC0EAGGRgA1t0AJZOJ12CGGMCHOAAABAAnDgaYOBWggFdZgUlmBAgQHgF6sjWQKO0Fo_RxjqghNCaAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;覆盖物 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerOverlay } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nregisterOverlay({\n  name: &#39;circle&#39;,\n  needDefaultPointFigure: true,\n  needDefaultXAxisFigure: true,\n  needDefaultYAxisFigure: true,\n  totalStep: 3,\n  createPointFigures: ({ coordinates }) =&gt; {\n    if (coordinates.length === 2) {\n      const xDis = Math.abs(coordinates[0].x - coordinates[1].x)\n      const yDis = Math.abs(coordinates[0].y - coordinates[1].y)\n      const radius = Math.sqrt(xDis * xDis + yDis * yDis)\n      return {\n        key: &#39;circle&#39;,\n        type: &#39;circle&#39;,\n        attrs: {\n          ...coordinates[0],\n          r: radius\n        },\n        styles: {\n          style: &#39;stroke_fill&#39;\n        }\n      }\n    }\n    return []\n  }\n})\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction createOverlay (name) {\n  chart.createOverlay(name)\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;priceLine&#39;, text: &#39;价格线(内置)-Price line(built-in)&#39; },\n  { key: &#39;circle&#39;, text: &#39;圆(自定义)-Circle(custom)&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { createOverlay(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-2JrIp" id="tab-njAX9ci" checked="checked"><label for="tab-njAX9ci">JavaScript</label><input type="radio" name="group-2JrIp" id="tab-978o_g6"><label for="tab-978o_g6">HTML</label><input type="radio" name="group-2JrIp" id="tab-etsbbNm"><label for="tab-etsbbNm">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerOverlay</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -116,8 +116,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/sample/tooltip.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>提示条</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/sample/data.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>数据加载</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/sample/tooltip.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>提示条</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/sample/data.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>数据加载</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/sample/theme.html b/sample/theme.html
index d0d1de1a6..70906c8fc 100644
--- a/sample/theme.html
+++ b/sample/theme.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>主题 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.dUYfzHaM.js">
-    <link rel="modulepreload" href="/assets/sample_theme.md.9j4hWCAD.lean.js">
+    <link rel="modulepreload" href="/assets/sample_theme.md.kIrBxDSv.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/theme.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/theme.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _sample_theme" data-v-a47c012d><div><h1 id="主题" tabindex="-1">主题 <a class="header-anchor" href="#主题" aria-label="Permalink to &quot;主题&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWAZQoBPWHHYBfdmBal67AOQBrKGhjEAFgEM2cTQB1UDZmy04A9Gky5icc1atgArqmIUIcnZhagARYwpjdgAKAPp4SKZ2AF52VBgAd3ZwqmiAShwQigAVBhh8gVhUYQpDFPYADgAGJrzOK3Z2WA4AI2M4GAAFFghiGHqAVhamjvY4hOMk1IBZCMMcMChSVliy8UXGdgd2AEZpo_YANlb2ACorprvT84BaLuoauvvrp7OW2bIqHE7HQEWMABkxBxUgBtAC6szArBi3W49SaAG40QAed7VWpYiAAaiJbWAs06gOBjBGYwUsIRqE6nSRLBRMA4eHRWK5uIALDySWSKcyaaN4DhGN44IZon0BsNxewiexVrUcCxjBh1Pknj83gBmVoixQisV0nBwVgUfIiqkcUiMaj1InRc3wGFq9ZqXzoaJejVa9A6tr3A15OE4CikABiECwMD9ACY8nk7eRgYYIMI6qlXe64DCDZHo3GE8nU-mgRwtlk827aR6miXY_HE9EU2mmcz7exiFsBi6G-LCwGfRh_WtA9r6LqwxGo63yx3K93KRmOAA3UhQbzxepj0i-yfqzUzufPG4qs5V4EUbwsVCkTcwNmpaKO50qrM55VdUhZCq_akAMbTHHyTzbru8QiqCkSQuIkrSrKXDzPsTACJ-qACD-hh8LWAjAQMAhQXuMACPej7Pq-ShdiK8pDI29RETAIpoYkhxEqkPz3H8Mzdqa3ZCJRTJwRCUJWIJVi9kI6D1JoADEMYAJxJg0EwTJYfgbsEQjOqkilJqEADCTQNAAolp0k6cYUCMCYABKibySwwh9B2fLKQIfJNAI6kCDgADseRab2tn2cYADielMgZrnuXyEwCCcqnJXySYBcFVmoEIojiK-0hyPA0SaMIMUAPojAMlWJuVYC2VAmgCOS3bEEGsCIO0a7sH0LCdS1zLMt4jDGTurCdWVMDUHwIqdMGGSoKNWx9YIiYzd1nTDQAQqwmAsEt426VN2GzSCAGoDtLB7QdK2yetg2bYwADqozaDdE0xfdD3zagL3EG9Y23YmJpfZ07qrCw2j9adUD9BQ0MbUNI2Ax9x2g9953vat6CnYJg140oX3OKMESHQNzKkIYUDEAjD3sMNWPhSY0Vo6dP2M3ZjnA91ijo71cCdTC5ODeIRWdZokBQI16OdD0u0FbIHVaFaejoE1p1y1dBUQAAXjAnUnDLPXyyw4QyomABqtnePr7Awhl7BJnCRsMyj7BM1Fn1s5jbse056BG0-xkmNUMBY4pDSR1HWn487doQCw_bwILwvMqLSsS9A0saybhUZyrEBq0bmt7ZIuu24bOda6b_SGJb1u2_bAhOy7yPLZ1Hss9N3sLRzEX-4HpDB1qIThwpUfRyajKdIJih0TlIhQgrRVwCVsmVWIMDlZN1B1Q1TVdZS7W26nvW0w9rvt9jRvs27O8nYj20m1jd09xdz9317j_Pa9L9rW_f0AZX3vujXmZpGwQyhofB6sNxDnzppfQ6r9EZzR9sAr-dMCYz1mGA7sxM2rRhWqnSm1N4FIz7lzAOb8KGe2OiDeipgBZ21Tp0dOttM5S3VojEuy9847kLlwumPCpDlwNsXE2Zs67oCtruRuDsW6nUQStP2_9Ea3yvp3DBD0g4h1Hm7COE8Ggx2ZIoOO3ViAJyTkwoWp02Hi0ltnbhudFbsILkXKupdRGnHEdXSR9dZGC3kWYhBbdDoqKoWotBYTOa0O7ojHRI8w76PHoY4xM9p5KEkvPXsRhTDQm4NYG0OgXh6HSC8XJbBNBdgqRQHAxAhARBgAASQwCTQhJULYAHlwRVOkiYNgOBjCMEYFAGQAA5TIORjDRBCKgKZ-R54-D8AEIIAwSh133LEDZMBhStX6bUtZediq1BgPELsnQIBgBiCc_cyQ7laD0DmCgVToGoOIGRSghQOTmVgPESgW0ZBNL9MU0pMByn7KqZaFxOA-j_TKkeDAN15IKTAKitFxjlAwCgIOS51ztkpHuZoUEkMXmp2DO8v5tSig_NOdQCgAKgUlW0CU_Q4K8mQrYTC4wcLxzoCRQZBSJwehCpOGADFklPCoAcMcQAp3KAGg5QAo3IKsAPRmgAuOUAGFygB5ZUAJVKgBjuUAIAegAUe0AFyegAYf8ABTqgA87UAKJpgBPDMAHdugBaOUAJwWgA7Y0AKMGgBWxUANvxgAZCMAMAxgAXU0AEAMVhpXsGKHXFQO5axoGENwBQ5BRnRrZCc9gUoWDMEHKQK5_Q4BQjjQUvspBMAglORuTUKzsLuwwO7dAeBpQUEpQoDIWcerjHoMYUt3KyBXULdGOYUbuX3lsuwfNI6q1FrTTSUgeADC1OstWYtlBjD6DfGdCldKvkUBpZShlwLASRDXb07SS6ejeAoNGRa5Aj3pHXeSj5tT6kwEabuulJV0AQE3Ce89l7yCjRXWuupsC4BjMWOMAyv6r3lJvauu9oUdK8FOfSO2swuDaBgDIcWjzDDPIotgeGWhACitoAJyCXiQieZoQmaH2AYaw1oYl2gD5UCwIRzQgBH2zI-EEl1Huzocw-Le-G9qrr3qpw_DrHxaAH-_QAFbaACK_QAM7EvC7kyKq4wgzYxUPvXjnR-P0c0OvNT28KpielnMAj4s5Myak0p_2ghN41rkvfLTnDMmoEZEh-gcANisHMty2U0Q9MSY4HPFIAA-aBvYoNBFSA-yldSGlUDfZQEq0XUAntlheq9OA0B3uKAR-oLGKCzDS4M9A6BzIvkoAhKgd6Sr9legfXUyQItcDWZG2l0Q6NtDniVrL_7YNAaGU6RFWYoB-jS12Xrp7b2vkGcM6gfKxsTf69ewDd68ggF5nQDA2AcC4foFAJAoBD10toNiT9m5uDoGSBYEgg2713bC7MC7X7ru3ZAMy0FbK2B3bHS4j7ddsy4cQHyI0jAsBPasNiBwl2wtbb4DtlwdT3DHfu5QM7iAQAwtWzB9bNFyafrgCM4w9HNjYAxIiWAWAXgZE1IwTqdOhmU-7LZbMqAXieaYWMDHLAWedGEEMzqDQIf8_YJ21yaAXjRgZ88UXsxGBds_dUA2TQIeOyTPL1AUlUA47_Rzw9cGaJpegYr8rcbOqa6wFcLXstuXaHhb6GDV9BWXECoFGMMYxfCJeJqT90pOp8lt9GygLx816wNlbsXZAXdorF0eCgoLOpPnSN7k2yfyAwBZ4oBHIBFf_WMCEfAVpUBo9OzQIgARE8wFoIAbjlAAZGewN4uh9A1LgAAAWUjgCYOAmggER5gEbmA_AQHgGjlv6Q2-0C7z3vvih5_z6AA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;主题 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerStyles } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst red = &#39;#F92855&#39;\nconst green = &#39;#2DC08E&#39;\n\nconst alphaRed = &#39;rgba(249, 40, 85, .7)&#39;\nconst alphaGreen = &#39;rgba(45, 192, 142, .7)&#39;\n\nregisterStyles(&#39;green_rise_red_fall&#39;, {\n  candle: {\n    bar: {\n      upColor: green,\n      downColor: red,\n      upBorderColor: green,\n      downBorderColor: red,\n      upWickColor: green,\n      downWickColor: red\n    },\n    priceMark: {\n      last: {\n        upColor: green,\n        downColor: red\n      }\n    }\n  },\n  indicator: {\n    ohlc: {\n      upColor: alphaGreen,\n      downColor: alphaRed\n    },\n    bars: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaGreen,\n      downColor: alphaRed,\n      noChangeColor: &#39;#888888&#39;\n    }],\n    circles: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaGreen,\n      downColor: alphaRed,\n      noChangeColor: &#39;#888888&#39;\n    }]\n  }\n})\n\nregisterStyles(&#39;red_rise_green_fall&#39;, {\n  candle: {\n    bar: {\n      upColor: red,\n      downColor: green,\n      upBorderColor: red,\n      downBorderColor: green,\n      upWickColor: red,\n      downWickColor: green,\n    },\n    priceMark: {\n      last: {\n        upColor: red,\n        downColor: green,\n      }\n    }\n  },\n  indicator: {\n    ohlc: {\n      upColor: alphaRed,\n      downColor: alphaGreen\n    },\n    bars: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaRed,\n      downColor: alphaGreen,\n      noChangeColor: &#39;#888888&#39;\n    }],\n    circles: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaRed,\n      downColor: alphaGreen,\n      noChangeColor: &#39;#888888&#39;\n    }]\n  }\n})\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.createIndicator(&#39;VOL&#39;)\nchart.applyNewData(genData())\n\nfunction setTheme (theme) {\n  chart.setStyles(theme)\n  if (theme === &#39;light&#39;) {\n    document.getElementById(&#39;k-line-chart&#39;).style.backgroundColor = &#39;#ffffff&#39;\n  } else if (theme === &#39;dark&#39;) {\n    document.getElementById(&#39;k-line-chart&#39;).style.backgroundColor = &#39;#1b1b1f&#39;\n  }\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;light&#39;, text: &#39;浅色-Light&#39; },\n  { key: &#39;dark&#39;, text: &#39;深色-Dark&#39; },\n  { key: &#39;green_rise_red_fall&#39;, text: &#39;绿涨红跌-Green rise and red fall&#39; },\n  { key: &#39;red_rise_green_fall&#39;, text: &#39;红涨绿跌-Red rise and green fall&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setTheme(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-L3lEZ" id="tab-CUAC4vO" checked="checked"><label for="tab-CUAC4vO">JavaScript</label><input type="radio" name="group-L3lEZ" id="tab-2XTLeV6"><label for="tab-2XTLeV6">HTML</label><input type="radio" name="group-L3lEZ" id="tab-SjCQKYL"><label for="tab-SjCQKYL">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerStyles</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/theme.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/theme.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _sample_theme" data-v-42bb49df><div><h1 id="主题" tabindex="-1">主题 <a class="header-anchor" href="#主题" aria-label="Permalink to &quot;主题&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEFANOxYwA5hDhUWAZQoBPWHHYBfdmBal67AOQBrKGhjEAFgEM2cTQB1UDZmy04A9Gky5icc1atgArqmIUIcnZhagARYwpjdgAKAPp4SKZ2AF52VBgAd3ZwqmiAShwQigAVBhh8gVhUYQpDFPYADgAGJrzOK3Z2WA4AI2M4GAAFFghiGHqAVhamjvY4hOMk1IBZCMMcMChSVliy8UXGdgd2AEZpo_YANlb2ACorprvT84BaLuoauvvrp7OW2bIqHE7HQEWMABkxBxUgBtAC6szArBi3W49SaAG40QAed7VWpYiAAaiJbWAs06gOBjBGYwUsIRqE6nSRLBRMA4eHRWK5uIALDySWSKcyaaN4DhGN44IZon0BsNxewiexVrUcCxjBh1Pknj83gBmVoixQisV0nBwVgUfIiqkcUiMaj1InRc3wGFq9ZqXzoaJejVa9A6tr3A15OE4CikABiECwMD9ACY8nk7eRgYYIMI6qlXe64DCDZHo3GE8nU-mgRwtlk827aR6miXY_HE9EU2mmcz7exiFsBi6G-LCwGfRh_WtA9r6LqwxGo63yx3K93KRmOAA3UhQbzxepj0i-yfqzUzufPG4qs5V4EUbwsVCkTcwNmpaKO50qrM55VdUhZCq_akAMbTHHyTzbru8QiqCkSQuIkrSrKXDzPsTACJ-qACD-hh8LWAjAQMAhQXuMACPej7Pq-ShdiK8pDI29RETAIpoYkhxEqkPz3H8Mzdqa3ZCJRTJwRCUJWIJVi9kI6D1JoADEMYAJxJg0EwTJYfgbsEQjOqkilJqEADCTQNAAolp0k6cYUCMCYABKibySwwh9B2fLKQIfJNAI6kCDgADseRab2tn2cYADielMgZrnuXyEwCCcqnJXySYBcFVmoEIojiK-0hyPA0SaMIMUAPojAMlWJuVYC2VAmgCOS3bEEGsCIO0a7sH0LCdS1zLMt4jDGTurCdWVMDUHwIqdMGGSoKNWx9YIiYzd1nTDQAQqwmAsEt426VN2GzSCAGoDtLB7QdK2yetg2bYwADqozaDdE0xfdD3zagL3EG9Y23YmJpfZ07qrCw2j9adUD9BQ0MbUNI2Ax9x2g9953vat6CnYJg140oX3OKMESHQNzKkIYUDEAjD3sMNWPhSY0Vo6dP2M3ZjnA91ijo71cCdTC5ODeIRWdZokBQI16OdD0u0FbIHVaFaejoE1p1y1dBUQAAXjAnUnDLPXyyw4QyomABqtnePr7Awhl7BJnCRsMyj7BM1Fn1s5jbse056BG0-xkmNUMBY4pDSR1HWn487doQCw_bwILwvMqLSsS9A0saybhUZyrEBq0bmt7ZIuu24bOda6b_SGJb1u2_bAhOy7yPLZ1Hss9N3sLRzEX-4HpDB1qIThwpUfRyajKdIJih0TlIhQgrRVwCVsmVWIMDlZN1B1Q1TVdZS7W26nvW0w9rvt9jRvs27O8nYj20m1jd09xdz9317j_Pa9L9rW_f0AZX3vujXmZpGwQyhofB6sNxDnzppfQ6r9EZzR9sAr-dMCYz1mGA7sxM2rRhWqnSm1N4FIz7lzAOb8KGe2OiDeipgBZ21Tp0dOttM5S3VojEuy9847kLlwumPCpDlwNsXE2Zs67oCtruRuDsW6nUQStP2_9Ea3yvp3DBD0g4h1Hm7COE8Ggx2ZIoOO3ViAJyTkwoWp02Hi0ltnbhudFbsILkXKupdRGnHEdXSR9dZGC3kWYhBbdDoqKoWotBYTOa0O7ojHRI8w76PHoY4xM9p5KEkvPXsRhTDQm4NYG0OgXh6HSC8XJbBNBdgqRQHAxAhARBgAASQwCTQhJULYAHlwRVOkiYNgOBjCMEYFAGQAA5TIORjDRBCKgKZ-R54-D8AEIIAwSh133LEDZMBhStX6bUtZediq1BgPELsnQIBgBiCc_cyQ7laD0DmCgVToGoOIGRSghQOTmVgPESgW0ZBNL9MU0pMByn7KqZaFxOA-j_TKkeDAN15IKTAKitFxjlAwCgIOS51ztkpHuZoUEkMXmp2DO8v5tSig_NOdQCgAKgUlW0CU_Q4K8mQrYTC4wcLxzoCRQZBSJwehCpOGADFklPCoAcMcQAp3KAGg5QAo3IKsAPRmgAuOUAGFygB5ZUAJVKgBjuUAIAegAUe0AFyegAYf8ABTqgA87UAKJpgBPDMAHdugBaOUAJwWgA7Y0AKMGgBWxUANvxgAZCMAMAxgAXU0AEAMVhpXsGKHXFQO5axoGENwBQ5BRnRrZCc9gUoWDMEHKQK5_Q4BQjjQUvspBMAglORuTUKzsLuwwO7dAeBpQUEpQoDIWcerjHoMYUt3KyBXULdGOYUbuX3lsuwfNI6q1FrTTSUgeADC1OstWYtlBjD6DfGdCldKvkUBpZShlwLASRDXb07SS6ejeAoNGRa5Aj3pHXeSj5tT6kwEabuulJV0AQE3Ce89l7yCjRXWuupsC4BjMWOMAyv6r3lJvauu9oUdK8FOfSO2swuDaBgDIcWjzDDPIotgeGWhACitoAJyCXiQieZoQmaH2AYaw1oYl2gD5UCwIRzQgBH2zI-EEl1Huzocw-Le-G9qrr3qpw_DrHxaAH-_QAFbaACK_QAM7EvC7kyKq4wgzYxUPvXjnR-P0c0OvNT28KpielnMAj4s5Myak0p_2ghN41rkvfLTnDMmoEZEh-gcANisHMty2U0Q9MSY4HPFIAA-aBvYoNBFSA-yldSGlUDfZQEq0XUAntlheq9OA0B3uKAR-oLGKCzDS4M9A6BzIvkoAhKgd6Sr9legfXUyQItcDWZG2l0Q6NtDniVrL_7YNAaGU6RFWYoB-jS12Xrp7b2vkGcM6gfKxsTf69ewDd68ggF5nQDA2AcC4foFAJAoBD10toNiT9m5uDoGSBYEgg2713bC7MC7X7ru3ZAMy0FbK2B3bHS4j7ddsy4cQHyI0jAsBPasNiBwl2wtbb4DtlwdT3DHfu5QM7iAQAwtWzB9bNFyafrgCM4w9HNjYAxIiWAWAXgZE1IwTqdOhmU-7LZbMqAXieaYWMDHLAWedGEEMzqDQIf8_YJ21yaAXjRgZ88UXsxGBds_dUA2TQIeOyTPL1AUlUA47_Rzw9cGaJpegYr8rcbOqa6wFcLXstuXaHhb6GDV9BWXECoFGMMYxfCJeJqT90pOp8lt9GygLx816wNlbsXZAXdorF0eCgoLOpPnSN7k2yfyAwBZ4oBHIBFf_WMCEfAVpUBo9OzQIgARE8wFoIAbjlAAZGewN4uh9A1LgAAAWUjgCYOAmggER5gEbmA_AQHgGjlv6Q2-0C7z3vvih5_z6AA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;主题 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init, registerStyles } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst red = &#39;#F92855&#39;\nconst green = &#39;#2DC08E&#39;\n\nconst alphaRed = &#39;rgba(249, 40, 85, .7)&#39;\nconst alphaGreen = &#39;rgba(45, 192, 142, .7)&#39;\n\nregisterStyles(&#39;green_rise_red_fall&#39;, {\n  candle: {\n    bar: {\n      upColor: green,\n      downColor: red,\n      upBorderColor: green,\n      downBorderColor: red,\n      upWickColor: green,\n      downWickColor: red\n    },\n    priceMark: {\n      last: {\n        upColor: green,\n        downColor: red\n      }\n    }\n  },\n  indicator: {\n    ohlc: {\n      upColor: alphaGreen,\n      downColor: alphaRed\n    },\n    bars: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaGreen,\n      downColor: alphaRed,\n      noChangeColor: &#39;#888888&#39;\n    }],\n    circles: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaGreen,\n      downColor: alphaRed,\n      noChangeColor: &#39;#888888&#39;\n    }]\n  }\n})\n\nregisterStyles(&#39;red_rise_green_fall&#39;, {\n  candle: {\n    bar: {\n      upColor: red,\n      downColor: green,\n      upBorderColor: red,\n      downBorderColor: green,\n      upWickColor: red,\n      downWickColor: green,\n    },\n    priceMark: {\n      last: {\n        upColor: red,\n        downColor: green,\n      }\n    }\n  },\n  indicator: {\n    ohlc: {\n      upColor: alphaRed,\n      downColor: alphaGreen\n    },\n    bars: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaRed,\n      downColor: alphaGreen,\n      noChangeColor: &#39;#888888&#39;\n    }],\n    circles: [{\n      style: &#39;fill&#39;,\n      borderStyle: &#39;solid&#39;,\n      borderSize: 1,\n      borderDashedValue: [2, 2],\n      upColor: alphaRed,\n      downColor: alphaGreen,\n      noChangeColor: &#39;#888888&#39;\n    }]\n  }\n})\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.createIndicator(&#39;VOL&#39;)\nchart.applyNewData(genData())\n\nfunction setTheme (theme) {\n  chart.setStyles(theme)\n  if (theme === &#39;light&#39;) {\n    document.getElementById(&#39;k-line-chart&#39;).style.backgroundColor = &#39;#ffffff&#39;\n  } else if (theme === &#39;dark&#39;) {\n    document.getElementById(&#39;k-line-chart&#39;).style.backgroundColor = &#39;#1b1b1f&#39;\n  }\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;light&#39;, text: &#39;浅色-Light&#39; },\n  { key: &#39;dark&#39;, text: &#39;深色-Dark&#39; },\n  { key: &#39;green_rise_red_fall&#39;, text: &#39;绿涨红跌-Green rise and red fall&#39; },\n  { key: &#39;red_rise_green_fall&#39;, text: &#39;红涨绿跌-Red rise and green fall&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setTheme(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-ohoyK" id="tab-1ifXDij" checked="checked"><label for="tab-1ifXDij">JavaScript</label><input type="radio" name="group-ohoyK" id="tab-B6Q9c1c"><label for="tab-B6Q9c1c">HTML</label><input type="radio" name="group-ohoyK" id="tab-CjMtIpj"><label for="tab-CjMtIpj">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> registerStyles</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -189,8 +189,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/sample/data.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>数据加载</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/sample/timezone.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>时区</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/sample/data.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>数据加载</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/sample/timezone.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>时区</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/sample/timezone.html b/sample/timezone.html
index 6f79560f2..36f57c94a 100644
--- a/sample/timezone.html
+++ b/sample/timezone.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>时区 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.P_g88P_L.js">
-    <link rel="modulepreload" href="/assets/sample_timezone.md.WdAsfTk0.lean.js">
+    <link rel="modulepreload" href="/assets/sample_timezone.md.yGCN9HaU.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/timezone.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/timezone.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _sample_timezone" data-v-a47c012d><div><h1 id="时区" tabindex="-1">时区 <a class="header-anchor" href="#时区" aria-label="Permalink to &quot;时区&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgCiMIwUAAJ4AHLhFECieE4qDabEBGoJY1i2PYDRJCkABe5DtLMvg2aETJjvJGrVMkDm2fZMCOTAla8agujLIAp3KANBygCjcuFgD0ZoAXHKAGFygDyyoAlUqAMdygCAHoAKPaAFyegAw_4AFOqAHnagCiaYAnhmAHdugC0coAnBaAHbGgCjBoArYqANvxgAyEYAwDGAC6mgBADOoQXsIkcjtICUA5mgDjcAS5BqSSZ65O0nIsMwjakGA7D1HAXFjdwVZkJgzwwPQtYSmZMFrRga3oHgXIUL4lAEmE0BQOwNTtPQCh7QoxBkCw6BbV6fSDWtNgWAoT0bfubh2FWaAA_Nwh4LICl8bW7APO4MhnsETrEOhlDxNUACisC3RQABCqkAJK2mIaMKBjsnI1mz0WBQXqoAAwuQ6OhJjzykDjJM4MQLFuDARMHdQom_ZODOoDULNs5zlB0zzQtQOt6mDO0wRiPLrPkFJXMq6eajWCjvAHQSPy9FwEgwKpiDiAAghtCi6AAyoo2SKBAYiYdgFCO2IgBQcoA7rYnJ7krRnTYh4WkNvsHbDviATB6XropOnhJft9AHQeAPPmgDp5icmcsNnccJ0nQdO74eJu-zkbEAoDikDnVBYIH4iALlBgAFSoApyonA3rTN63eHqP8GhUPQcATKwBOfTyni2_b_sd3hZSBAAfOULko3rbP5NjuMKcLMCi-LJOeLrCvkLLlT7-QOBoDziQB_k7fcWOD-oIp6DoATJ5KAASoDzK-9ZWgSBzjKLenB2AWQ8j5LyScyj4V6N_JW3NTyKWUtQdAQ8oC2m_v5OSRsMbYMNBgfBhCb4c1ITzGIIA-BpDoBgbAOA5A3SgEgUAaNJa0BhNLbg6BAiqBIHQ08ojN69AERAScQiREgAkOJGQUlFBsFEXAigqlYAKMGlGDhiBaSKkYFgSR6gYS6GlpvRhzCDBsOMIQHhXM-GIBADgb-htlYYx3pUX6cAVIKGTpMbAEIASwCwCcMIEpGCOyiUpUJY5QZRlQCcC209HZtEoKeBJlQHBKUdgUExOT2BvRYA4NAJwvQxOOEU3ojB3q_WyI7NYJj2CBkDLU1AAV3E0M8Zgs838fHsHqX_MajsOlYC2J0--n0JAOHbOgQ2UwWCOwAMQrE2AAdk2d6b0xSaisEwCwE4EpfpckdrSaZJJKAnA2lZGAzSJnFLIMstZYB3nFKXBQCSDyQi2X2Yc08jsjyhASXwGxIB6nEAkM3GA-BNSoG4WIrJNAiC2G-TAWggA300AFzK7AzhSBkPJOAAABAAnDgDoOAiggGYZgChmBrAQHgEiwloRiW0ApVSmlfBeW8qAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;时区 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setTimezone (timezone) {\n  chart.setTimezone(timezone)\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;Asia/Shanghai&#39;, text: &#39;上海-Shanghai&#39; },\n  { key: &#39;Europe/Berlin&#39;, text: &#39;柏林-Berlin&#39; },\n  { key: &#39;America/Chicago&#39;, text: &#39;芝加哥-Chicago&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setTimezone(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-QdXcf" id="tab-V8bmUuc" checked="checked"><label for="tab-V8bmUuc">JavaScript</label><input type="radio" name="group-QdXcf" id="tab-By5iaUx"><label for="tab-By5iaUx">HTML</label><input type="radio" name="group-QdXcf" id="tab-jt3vZF2"><label for="tab-jt3vZF2">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/timezone.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/timezone.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _sample_timezone" data-v-42bb49df><div><h1 id="时区" tabindex="-1">时区 <a class="header-anchor" href="#时区" aria-label="Permalink to &quot;时区&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgCiMIwUAAJ4AHLhFECieE4qDabEBGoJY1i2PYDRJCkABe5DtLMvg2aETJjvJGrVMkDm2fZMCOTAla8agujLIAp3KANBygCjcuFgD0ZoAXHKAGFygDyyoAlUqAMdygCAHoAKPaAFyegAw_4AFOqAHnagCiaYAnhmAHdugC0coAnBaAHbGgCjBoArYqANvxgAyEYAwDGAC6mgBADOoQXsIkcjtICUA5mgDjcAS5BqSSZ65O0nIsMwjakGA7D1HAXFjdwVZkJgzwwPQtYSmZMFrRga3oHgXIUL4lAEmE0BQOwNTtPQCh7QoxBkCw6BbV6fSDWtNgWAoT0bfubh2FWaAA_Nwh4LICl8bW7APO4MhnsETrEOhlDxNUACisC3RQABCqkAJK2mIaMKBjsnI1mz0WBQXqoAAwuQ6OhJjzykDjJM4MQLFuDARMHdQom_ZODOoDULNs5zlB0zzQtQOt6mDO0wRiPLrPkFJXMq6eajWCjvAHQSPy9FwEgwKpiDiAAghtCi6AAyoo2SKBAYiYdgFCO2IgBQcoA7rYnJ7krRnTYh4WkNvsHbDviATB6XropOnhJft9AHQeAPPmgDp5icmcsNnccJ0nQdO74eJu-zkbEAoDikDnVBYIH4iALlBgAFSoApyonA3rTN63eHqP8GhUPQcATKwBOfTyni2_b_sd3hZSBAAfOULko3rbP5NjuMKcLMCi-LJOeLrCvkLLlT7-QOBoDziQB_k7fcWOD-oIp6DoATJ5KAASoDzK-9ZWgSBzjKLenB2AWQ8j5LyScyj4V6N_JW3NTyKWUtQdAQ8oC2m_v5OSRsMbYMNBgfBhCb4c1ITzGIIA-BpDoBgbAOA5A3SgEgUAaNJa0BhNLbg6BAiqBIHQ08ojN69AERAScQiREgAkOJGQUlFBsFEXAigqlYAKMGlGDhiBaSKkYFgSR6gYS6GlpvRhzCDBsOMIQHhXM-GIBADgb-htlYYx3pUX6cAVIKGTpMbAEIASwCwCcMIEpGCOyiUpUJY5QZRlQCcC209HZtEoKeBJlQHBKUdgUExOT2BvRYA4NAJwvQxOOEU3ojB3q_WyI7NYJj2CBkDLU1AAV3E0M8Zgs838fHsHqX_MajsOlYC2J0--n0JAOHbOgQ2UwWCOwAMQrE2AAdk2d6b0xSaisEwCwE4EpfpckdrSaZJJKAnA2lZGAzSJnFLIMstZYB3nFKXBQCSDyQi2X2Yc08jsjyhASXwGxIB6nEAkM3GA-BNSoG4WIrJNAiC2G-TAWggA300AFzK7AzhSBkPJOAAABAAnDgDoOAiggGYZgChmBrAQHgEiwloRiW0ApVSmlfBeW8qAA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;时区 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.applyNewData(genData())\n\nfunction setTimezone (timezone) {\n  chart.setTimezone(timezone)\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst buttonContainer = document.createElement(&#39;div&#39;)\nbuttonContainer.className = &#39;button-container&#39;\nconst items = [\n  { key: &#39;Asia/Shanghai&#39;, text: &#39;上海-Shanghai&#39; },\n  { key: &#39;Europe/Berlin&#39;, text: &#39;柏林-Berlin&#39; },\n  { key: &#39;America/Chicago&#39;, text: &#39;芝加哥-Chicago&#39; }\n]\nitems.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setTimezone(key) })\n  buttonContainer.appendChild(button)\n})\ncontainer.appendChild(buttonContainer)&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-gsoTo" id="tab-OMz7syQ" checked="checked"><label for="tab-OMz7syQ">JavaScript</label><input type="radio" name="group-gsoTo" id="tab-ukfHgNT"><label for="tab-ukfHgNT">HTML</label><input type="radio" name="group-gsoTo" id="tab-0svWUE5"><label for="tab-0svWUE5">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -90,8 +90,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/sample/theme.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>主题</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/sample/i18n.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>多语言</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/sample/theme.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>主题</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/sample/i18n.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>多语言</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/sample/tooltip.html b/sample/tooltip.html
index 4781872b1..956898e6d 100644
--- a/sample/tooltip.html
+++ b/sample/tooltip.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>提示条 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/chunks/SampleChart.xePfGVXN.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/chunks/SampleChart.OnyG1hsW.js">
     <link rel="modulepreload" href="/assets/chunks/index.xwYS8h76.js">
-    <link rel="modulepreload" href="/assets/sample_tooltip.md.idFylDGx.lean.js">
+    <link rel="modulepreload" href="/assets/sample_tooltip.md.wGwi01KI.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar has-sidebar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle has-sidebar" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/tooltip.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/sample/tooltip.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-abe6678a><span class="vpi-align-left menu-icon" data-v-abe6678a></span><span class="menu-text" data-v-abe6678a>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-ef60d520 data-v-fb0eb268><div class="curtain" data-v-fb0eb268></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fb0eb268><span class="visually-hidden" id="sidebar-aria-label" data-v-fb0eb268> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-fb0eb268><section class="VPSidebarItem level-0 has-active" data-v-fb0eb268 data-v-1516d4dd><!----><div class="items" data-v-1516d4dd><!--[--><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/basic.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/indicator.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/axis.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/overlay.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/data.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/theme.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/timezone.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-1516d4dd data-v-1516d4dd><div class="item" data-v-1516d4dd><div class="indicator" data-v-1516d4dd></div><a class="VPLink link link" href="/sample/i18n.html" data-v-1516d4dd><!--[--><p class="text" data-v-1516d4dd>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-sidebar" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><!----><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _sample_tooltip" data-v-a47c012d><div><h1 id="提示条" tabindex="-1">提示条 <a class="header-anchor" href="#提示条" aria-label="Permalink to &quot;提示条&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgxAsW4MAAJIYK0bgzGIwwAIJiBkYAKFAKGcNw6CIOIxCOrAAD6jCSjAYh4XJihsIpylUOp6CaV6LCeGIABqADybyyXxbkKQojCMFAACeABy4RRAonhOKgKWxARqCWNYtj2A0FAAMI2TAiTTFAtiMAAynID4AEoWLAXjcg1TUwEyY7yRq1TVRQcWwHAngYmOWKlZZI3VtWXozlVE3MtWrVhI1sALUxU3rS5PFmDlVg2HYVaFSVGCwOVs0QDVdVhIkcWGi1V03YanVYpFPUUH1A3wMNurjeUo3TRVc1_VNU1LY95H_ZUm1Q70-Hbag5h7flh3VN5vmsGdlUXbVbXNZ4S0rR1wPsN1hUfYN33_QY6MsPNkN9IDF10yDi1XYTa3KrDla8bteUHewhVo9ZfmY1VOPXbd7T4w9kvPSTr1k_1FOTdW1PC6wzMgzNWOMJrLNg5LHP_ZtcOoDzujLIAp3KANBygCjcrbgD0ZoAXHKAGFygDyyoAlUqAMdygCAHoAKPaAFyegAw_4AFOqAHnagCiaYAnhmAHdugC0coAnBaAHbGgCjBoArYqANvxgAyEYAwDGAC6mgBADOoFvsIkcjtICUA5mgDjcAS5DxSSZ65O0nIsMwjakGA7D1HAXE19wVZkJgzwwPQtYSsjGSOj36B4FyFC-JQBJhNAUDsDU7T0AoI8KMQZAsD52QM305c9zYFjGQLvCX8jg-n63wh4LICl8bWJPkO4MhnsETrEOhlB4jVAAKKwCXhQAAQnFVStoxAPC_qEFg4VrDvxYO1AkPxehcAkDAOKlkxDGTCAoOKKhMLYAoPgwA3AYO0AHxmAcTi6SgEQkhzxPixWIc5PgaQsHsBwXg8Qlccy2SUi-UhfRyH4MAPuxgB4tMAILKgB1bUAJKKgBwCxON6GcOYSbCBMJw7hY5sG4PwUeUIBlxFYAoeIQAsHJ0JOAACQgJgTh6h_goKzH0SWGD2DfB4Xw_B4EMBKHQKYqg5j8GAA28wAJdEnD6o6QJuifGGPECxGwwSJHiEAJfugAjfUAGIWJx6ovycagFxb83FEQgRYCgXpUBFU_gob--Q_4AIUkpGAKlQFj2oKJHyk5kFlIqVUmplA6mIMUlAXuCVBjtGCGIGo_TyBSVqd_NQrinhEWSBQZqv9SD_3AR5VpVB2ngICnAByqBen1DKrwWAOA0CIMSOQ_IYhABf6oAAQ9ACH8oAewNAALxvQiBFzB6Aj6EzcQ6g-mVPIIMhBp4cDRUNBgIqkYoC2jWVcjqO00GDQmKwYBe8eTDV4bgsh5iXJBAAHzEwnLM8FVYtk7M6XstpYDOkBSpVU5BlRWXkBuagO5DzgghO4mOTlqAYXoHQMAk8lAAJUEQQFesrQJCmJlIEclXAjqlVFtjNm7VPB8LKKbDlFzynUshcM6FsLqDoARdAZFczUDc2yv1Q0cAsUsBxfITw-K-FEv4GUFVFL37CoadsppDKDlMsoCyu17KN52u5by4l_LyG9GFaK8VkqKDSuoKeOV0hiCKoyMq1VAtqjHXQKdRml0Hzg11bg_VlZDUNGNQMxZIyLXwsRba6lDqSlQpYDCmKlrrVIt5Eau1prv7ZQnGrLSLBm0QtbbhWloaWmMo6ZGsQ3TkEzr8vO6pi7-31nGZMx5wqFlDKWSUp4O6MaouDXSwBq7w3rtEicyU26NLqxYOs65tzTz3MTeIQA4MbKM-T8k4QtZ0AtIEC3WIKNCftnXuidbbB0dptZ4G937UXZQxeyQEbrcWeoMXFH1JL_Uq0pXa-9K7PIwEOcymZ0aG2xupfG_9fKzGCo5XGne6bOlZtlXAvNBavB-uLYLRDItK3i0JrWuK9behYeQwegdcKrWdt5HantCNKAeNde6vFJGyP4TJQG0p1Hl27KffRiNolhUxtTX-79nGBUpt42KiVAmuLZv8sJhVSrxNmUkz5L9mqq0S0NPJxTY5lPjtU-2jTGHhU6fgWa_tiXh22jiyag9lYQBcLoBgbAOA5CLygEgUA8DOm0BhN08ygRVAkAPU10lvQ6sQEnA1prEhxIyCkpFJrAslYwEayAcuUYyuIFpIqRgWBWvqBhLobppKCtpCK4YRSJhKvNcoDVxAIAcBnrS_UlWPkTljP4ZMbAEIASwCwCcMIEo4NPeirdscxkoyoBOLwMecBLJtD2ywd7lQHDRUsgUObIP2DbxYA4NAJwvRwbWFD3oDkxU10sijrA7BAyBlR2bHaR27Xnr7YgMZ8wBs2uJrD-H32keWUhPDdQxPqWk_S6xqpxN0dHwcJZfHOPNgE8Nfmhw7Z0ALKmLTdgABiFYmwADsCvvTemhzUVgmAWAnAlD5LkllaTC5JJQE4fcABeMAscC-h2QKXlkZdgAd9DpcGyZCWWMTANXGvTxu_IB7nia2QAOXzQoJw-BNSoB29VmgRBbAbJgLQH5gBDc3YGcKQMh5JwAAAIAE4cAdBwEUEA63MDqeoMQCA8Adtp9CBn2guf8-F74E3pvQA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;提示条 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.createIndicator(&#39;MA&#39;, false, { id: &#39;candle_pane&#39; })\nchart.createIndicator(&#39;VOL&#39;)\nchart.applyNewData(genData())\n\nfunction setCandleTooltipShowRule (showRule) {\n  chart.setStyles({\n    candle: {\n      tooltip: {\n        showRule\n      }\n    }\n  })\n}\n\nfunction setCandleTooltipShowType (showType) {\n  chart.setStyles({\n    candle: {\n      tooltip: {\n        showType\n      }\n    }\n  })\n}\n\nfunction setIndicatorTooltipShowRule (showRule) {\n  chart.setStyles({\n    indicator: {\n      tooltip: {\n        showRule\n      }\n    }\n  })\n}\n\nfunction setIndicatorTooltipShowType (showType) {\n  chart.setStyles({\n    indicator: {\n      tooltip: {\n        showType\n      }\n    }\n  })\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst rules = [\n  { key: &#39;always&#39;, text: &#39;总是显示-Always display&#39; },\n  { key: &#39;follow_cross&#39;, text: &#39;跟随十字光标-Follow cross&#39; },\n  { key: &#39;none&#39;, text: &#39;不显示-Hide&#39; }\n]\nconst types = [\n  { key: &#39;standard&#39;, text: &#39;默认-Standard&#39; },\n  { key: &#39;rect&#39;, text: &#39;矩形框-Rect&#39; }\n]\n\nconst baseButtonContainer = document.createElement(&#39;div&#39;)\nbaseButtonContainer.className = &#39;button-container&#39;\nconst baseTitle = document.createElement(&#39;span&#39;)\nbaseTitle.innerText = &#39;基础信息提示-Base info tip: &#39;\nbaseButtonContainer.appendChild(baseTitle)\n\nrules.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setCandleTooltipShowRule(key) })\n  baseButtonContainer.appendChild(button)\n})\n\ntypes.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setCandleTooltipShowType(key) })\n  baseButtonContainer.appendChild(button)\n})\ncontainer.appendChild(baseButtonContainer)\n\nconst indicatorButtonContainer = document.createElement(&#39;div&#39;)\nindicatorButtonContainer.className = &#39;button-container&#39;\nconst indicatorTitle = document.createElement(&#39;span&#39;)\nindicatorTitle.innerText = &#39;指标信息提示-Indicator info tip: &#39;\nindicatorButtonContainer.appendChild(indicatorTitle)\n\nrules.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setIndicatorTooltipShowRule(key) })\n  indicatorButtonContainer.appendChild(button)\n})\n\ntypes.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setIndicatorTooltipShowType(key) })\n  indicatorButtonContainer.appendChild(button)\n})\ncontainer.appendChild(indicatorButtonContainer)\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container:last-child {\n  margin-top: 0;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-ZhqO3" id="tab-rRRNZwZ" checked="checked"><label for="tab-rRRNZwZ">JavaScript</label><input type="radio" name="group-ZhqO3" id="tab-ZoCIxQZ"><label for="tab-ZoCIxQZ">HTML</label><input type="radio" name="group-ZhqO3" id="tab-WbtZyTV"><label for="tab-WbtZyTV">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar has-sidebar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle has-sidebar" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/tooltip.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/sample/tooltip.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-0ebd45f6><span class="vpi-align-left menu-icon" data-v-0ebd45f6></span><span class="menu-text" data-v-0ebd45f6>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-a496c289 data-v-eabb1f3d><div class="curtain" data-v-eabb1f3d></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-eabb1f3d><span class="visually-hidden" id="sidebar-aria-label" data-v-eabb1f3d> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-eabb1f3d><section class="VPSidebarItem level-0 has-active" data-v-eabb1f3d data-v-b90e8e83><!----><div class="items" data-v-b90e8e83><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/basic.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>基础展示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/candle-type.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>蜡烛图类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/indicator.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>技术指标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/axis.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>坐标轴</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/tooltip.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>提示条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/overlay.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>覆盖物</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/data.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>数据加载</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/theme.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>主题</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/timezone.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>时区</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-b90e8e83 data-v-b90e8e83><div class="item" data-v-b90e8e83><div class="indicator" data-v-b90e8e83></div><a class="VPLink link link" href="/sample/i18n.html" data-v-b90e8e83><!--[--><p class="text" data-v-b90e8e83>多语言</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-sidebar" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><!----><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _sample_tooltip" data-v-42bb49df><div><h1 id="提示条" tabindex="-1">提示条 <a class="header-anchor" href="#提示条" aria-label="Permalink to &quot;提示条&quot;">​</a></h1><div class="chart sample-chart" data-v-80212305><div id="container" class="chart-container" data-v-80212305><div class="loading" data-v-80212305 data-v-8a142993><div class="loader" data-v-8a142993></div></div></div><div class="code-action-container" data-v-80212305><form action="https://codesandbox.io/api/v1/sandboxes/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="parameters" value="N4IgZglgNgpgziAXKCA7AJjAHgOgFYLIgDGA9qgC4yVIgQC2ADqQE4UAEw7aEHAvuzAtS9dgHIA1lDQxiACwCGbOGIA6qBszbicAejSZcxOCvXqwAV1TEKEcuwDm1ACIKKC9gApb9eO6bsALzsqDAA7uyuVJ4AlDhOFAAqDDCxADTssKgOFHJB7AAcAAxFMZzq7JkwHABGCnAwAAosEMQw-QCsJUUV7D5-CgHBALJucjhgUKSs3ilw_ozsuuwAjN1L7ABspewAVFtFe6vrALRV2blH20drJb1kqPPs6G4KADIQT8EA2gC6vWBWF5YBwIPkigBubjsAA85xycihEAA1MiysBepUHk9GC02nB8n9MYIgZ4Qew8OCoZS4QAWamo9HEyq41rwHCMCxwOSeOoNZps9jI9ijXI4FgKDAiWJXQ5nADMpWJfGJrPxODgrAosWJ2I4pEY1HyyM8avg31F42EVnQnkt4sl6GlZX28pivxwFFIADEIFgYLaAEwxGK68hPOQQBx5YIms1wb7yj1e33-oMhsOPDhTCKx01481FZM-v0BzzB0OoSpY8McYhTBrG_NshP260YO1jB1S-gy13uz0ltPljNV6t69gAN1IUAsvnybdINs7YolPb7xx2wrWmaeFAsLFQpEnMBY-U8BqNwsj0aFmVIEWF9dIDTKy1pR2ns98xJe7g-8wclyPJcP08yDIwGSXqgGQ3nIaQ5hkz4NBkX5zjAGT7oex6nuwfCVsSfJNAW-TITAxJgQsQrBNc-y3D0Y4qmOLDVAeVZ_u8nwUOoTHqBO8hKBwwQ8NqkgnNIoQnAJbBiJW0kUDgxAsW4MAAJIYK0bgzGIwwAIJiBkYAKFAKGcNw6CIOIxCOrAAD6jCSjAYh4XJihsIpylUOp6CaV6LCeGIABqADybyyXxbkKQojCMFAACeABy4RRAonhOKgKWxARqCWNYtj2A0FAAMI2TAiTTFAtiMAAynID4AEoWLAXjcg1TUwEyY7yRq1TVRQcWwHAngYmOWKlZZI3VtWXozlVE3MtWrVhI1sALUxU3rS5PFmDlVg2HYVaFSVGCwOVs0QDVdVhIkcWGi1V03YanVYpFPUUH1A3wMNurjeUo3TRVc1_VNU1LY95H_ZUm1Q70-Hbag5h7flh3VN5vmsGdlUXbVbXNZ4S0rR1wPsN1hUfYN33_QY6MsPNkN9IDF10yDi1XYTa3KrDla8bteUHewhVo9ZfmY1VOPXbd7T4w9kvPSTr1k_1FOTdW1PC6wzMgzNWOMJrLNg5LHP_ZtcOoDzujLIAp3KANBygCjcrbgD0ZoAXHKAGFygDyyoAlUqAMdygCAHoAKPaAFyegAw_4AFOqAHnagCiaYAnhmAHdugC0coAnBaAHbGgCjBoArYqANvxgAyEYAwDGAC6mgBADOoFvsIkcjtICUA5mgDjcAS5DxSSZ65O0nIsMwjakGA7D1HAXE19wVZkJgzwwPQtYSsjGSOj36B4FyFC-JQBJhNAUDsDU7T0AoI8KMQZAsD52QM305c9zYFjGQLvCX8jg-n63wh4LICl8bWJPkO4MhnsETrEOhlB4jVAAKKwCXhQAAQnFVStoxAPC_qEFg4VrDvxYO1AkPxehcAkDAOKlkxDGTCAoOKKhMLYAoPgwA3AYO0AHxmAcTi6SgEQkhzxPixWIc5PgaQsHsBwXg8Qlccy2SUi-UhfRyH4MAPuxgB4tMAILKgB1bUAJKKgBwCxON6GcOYSbCBMJw7hY5sG4PwUeUIBlxFYAoeIQAsHJ0JOAACQgJgTh6h_goKzH0SWGD2DfB4Xw_B4EMBKHQKYqg5j8GAA28wAJdEnD6o6QJuifGGPECxGwwSJHiEAJfugAjfUAGIWJx6ovycagFxb83FEQgRYCgXpUBFU_gob--Q_4AIUkpGAKlQFj2oKJHyk5kFlIqVUmplA6mIMUlAXuCVBjtGCGIGo_TyBSVqd_NQrinhEWSBQZqv9SD_3AR5VpVB2ngICnAByqBen1DKrwWAOA0CIMSOQ_IYhABf6oAAQ9ACH8oAewNAALxvQiBFzB6Aj6EzcQ6g-mVPIIMhBp4cDRUNBgIqkYoC2jWVcjqO00GDQmKwYBe8eTDV4bgsh5iXJBAAHzEwnLM8FVYtk7M6XstpYDOkBSpVU5BlRWXkBuagO5DzgghO4mOTlqAYXoHQMAk8lAAJUEQQFesrQJCmJlIEclXAjqlVFtjNm7VPB8LKKbDlFzynUshcM6FsLqDoARdAZFczUDc2yv1Q0cAsUsBxfITw-K-FEv4GUFVFL37CoadsppDKDlMsoCyu17KN52u5by4l_LyG9GFaK8VkqKDSuoKeOV0hiCKoyMq1VAtqjHXQKdRml0Hzg11bg_VlZDUNGNQMxZIyLXwsRba6lDqSlQpYDCmKlrrVIt5Eau1prv7ZQnGrLSLBm0QtbbhWloaWmMo6ZGsQ3TkEzr8vO6pi7-31nGZMx5wqFlDKWSUp4O6MaouDXSwBq7w3rtEicyU26NLqxYOs65tzTz3MTeIQA4MbKM-T8k4QtZ0AtIEC3WIKNCftnXuidbbB0dptZ4G937UXZQxeyQEbrcWeoMXFH1JL_Uq0pXa-9K7PIwEOcymZ0aG2xupfG_9fKzGCo5XGne6bOlZtlXAvNBavB-uLYLRDItK3i0JrWuK9behYeQwegdcKrWdt5HantCNKAeNde6vFJGyP4TJQG0p1Hl27KffRiNolhUxtTX-79nGBUpt42KiVAmuLZv8sJhVSrxNmUkz5L9mqq0S0NPJxTY5lPjtU-2jTGHhU6fgWa_tiXh22jiyag9lYQBcLoBgbAOA5CLygEgUA8DOm0BhN08ygRVAkAPU10lvQ6sQEnA1prEhxIyCkpFJrAslYwEayAcuUYyuIFpIqRgWBWvqBhLobppKCtpCK4YRSJhKvNcoDVxAIAcBnrS_UlWPkTljP4ZMbAEIASwCwCcMIEo4NPeirdscxkoyoBOLwMecBLJtD2ywd7lQHDRUsgUObIP2DbxYA4NAJwvRwbWFD3oDkxU10sijrA7BAyBlR2bHaR27Xnr7YgMZ8wBs2uJrD-H32keWUhPDdQxPqWk_S6xqpxN0dHwcJZfHOPNgE8Nfmhw7Z0ALKmLTdgABiFYmwADsCvvTemhzUVgmAWAnAlD5LkllaTC5JJQE4fcABeMAscC-h2QKXlkZdgAd9DpcGyZCWWMTANXGvTxu_IB7nia2QAOXzQoJw-BNSoB29VmgRBbAbJgLQH5gBDc3YGcKQMh5JwAAAIAE4cAdBwEUEA63MDqeoMQCA8Adtp9CBn2guf8-F74E3pvQA" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="14" height="16" viewBox="0 0 14 16" data-v-80212305><path d="M10.8369,2.19231L10.8447,2.18846L10.8485,2.18846L7,0L3.1534,2.18846L3.14951,2.18846L3.16311,2.19423L0,4L0,12L7,16L14,12L14,4L10.8369,2.19231ZM6.43107,14.3769L3.65243,12.7885L3.65243,10.1038L1.13592,8.68846L1.13592,5.325L6.43107,8.35L6.43107,14.3769ZM1.6835,4.33654L4.29903,2.84038L6.99612,4.37308L9.69709,2.83654L12.3223,4.33654L7.00389,7.375L1.6835,4.33654ZM12.8641,8.69808L10.3631,10.1038L10.3631,12.7788L7.56893,14.375L7.56893,8.35385L12.8641,5.32885L12.8641,8.69808Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodeSandbox 中打开</span></div></div></button></form><form action="https://codepen.io/pen/define" method="POST" target="_blank" data-v-80212305><input type="hidden" name="data" value="{&quot;title&quot;:&quot;提示条 - klinecharts@9.5.0&quot;,&quot;html&quot;:&quot;&lt;div id=\&quot;container\&quot;&gt;\n  &lt;div id=\&quot;k-line-chart\&quot; style=\&quot;height:430px\&quot;&gt;\n&lt;/div&gt;&quot;,&quot;js&quot;:&quot;const { init } = klinecharts\n\n\nfunction genData (timestamp = new Date().getTime(), length = 800) {\n  let basePrice = 5000\n  timestamp = Math.floor(timestamp / 1000 / 60) * 60 * 1000 - length * 60 * 1000\n  const dataList = []\n  for (let i = 0; i &lt; length; i++) {\n    const prices = []\n    for (let j = 0; j &lt; 4; j++) {\n      prices.push(basePrice + Math.random() * 60 - 30)\n    }\n    prices.sort()\n    const open = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const high = +(prices[3].toFixed(2))\n    const low = +(prices[0].toFixed(2))\n    const close = +(prices[Math.round(Math.random() * 3)].toFixed(2))\n    const volume = Math.round(Math.random() * 100) + 10\n    const turnover = (open + high + low + close) / 4 * volume\n    dataList.push({ timestamp, open, high,low, close, volume, turnover })\n\n    basePrice = close\n    timestamp += 60 * 1000\n  }\n  return dataList\n}\n\nconst chart = init(&#39;k-line-chart&#39;)\nchart.createIndicator(&#39;MA&#39;, false, { id: &#39;candle_pane&#39; })\nchart.createIndicator(&#39;VOL&#39;)\nchart.applyNewData(genData())\n\nfunction setCandleTooltipShowRule (showRule) {\n  chart.setStyles({\n    candle: {\n      tooltip: {\n        showRule\n      }\n    }\n  })\n}\n\nfunction setCandleTooltipShowType (showType) {\n  chart.setStyles({\n    candle: {\n      tooltip: {\n        showType\n      }\n    }\n  })\n}\n\nfunction setIndicatorTooltipShowRule (showRule) {\n  chart.setStyles({\n    indicator: {\n      tooltip: {\n        showRule\n      }\n    }\n  })\n}\n\nfunction setIndicatorTooltipShowType (showType) {\n  chart.setStyles({\n    indicator: {\n      tooltip: {\n        showType\n      }\n    }\n  })\n}\n\n// 以下仅仅是为了协助代码演示，在实际项目中根据情况进行调整。\n// The following is only for the purpose of assisting in code demonstration, and adjustments will be made according to the actual situation in the project.\nconst container = document.getElementById(&#39;container&#39;)\nconst rules = [\n  { key: &#39;always&#39;, text: &#39;总是显示-Always display&#39; },\n  { key: &#39;follow_cross&#39;, text: &#39;跟随十字光标-Follow cross&#39; },\n  { key: &#39;none&#39;, text: &#39;不显示-Hide&#39; }\n]\nconst types = [\n  { key: &#39;standard&#39;, text: &#39;默认-Standard&#39; },\n  { key: &#39;rect&#39;, text: &#39;矩形框-Rect&#39; }\n]\n\nconst baseButtonContainer = document.createElement(&#39;div&#39;)\nbaseButtonContainer.className = &#39;button-container&#39;\nconst baseTitle = document.createElement(&#39;span&#39;)\nbaseTitle.innerText = &#39;基础信息提示-Base info tip: &#39;\nbaseButtonContainer.appendChild(baseTitle)\n\nrules.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setCandleTooltipShowRule(key) })\n  baseButtonContainer.appendChild(button)\n})\n\ntypes.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setCandleTooltipShowType(key) })\n  baseButtonContainer.appendChild(button)\n})\ncontainer.appendChild(baseButtonContainer)\n\nconst indicatorButtonContainer = document.createElement(&#39;div&#39;)\nindicatorButtonContainer.className = &#39;button-container&#39;\nconst indicatorTitle = document.createElement(&#39;span&#39;)\nindicatorTitle.innerText = &#39;指标信息提示-Indicator info tip: &#39;\nindicatorButtonContainer.appendChild(indicatorTitle)\n\nrules.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setIndicatorTooltipShowRule(key) })\n  indicatorButtonContainer.appendChild(button)\n})\n\ntypes.forEach(({ key, text }) =&gt; {\n  const button = document.createElement(&#39;button&#39;)\n  button.innerText = text\n  button.addEventListener(&#39;click&#39;, () =&gt; { setIndicatorTooltipShowType(key) })\n  indicatorButtonContainer.appendChild(button)\n})\ncontainer.appendChild(indicatorButtonContainer)\n&quot;,&quot;js_external&quot;:&quot;https://unpkg.com/klinecharts@9.5.0/dist/klinecharts.min.js&quot;,&quot;css&quot;:&quot;.button-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 22px;\n}\n\n.button-container:last-child {\n  margin-top: 0;\n}\n\n.button-container button {\n  padding: 2px 6px;\n  background-color: #1677FF;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #fff;\n  outline: none;\n  border: none;\n}&quot;}" data-v-80212305><button type="submit" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="16" height="16" viewBox="0 0 16 16" data-v-80212305><path d="M15.988,5.46909L15.982,5.43907C15.978,5.41906,15.976,5.40104,15.97,5.38103C15.966,5.36902,15.962,5.35902,15.96,5.34701C15.954,5.331,15.95,5.31299,15.942,5.29698C15.938,5.28497,15.932,5.27496,15.926,5.26295C15.918,5.24694,15.91,5.23293,15.9021,5.21692C15.8961,5.20692,15.8901,5.19491,15.8821,5.1849C15.8661,5.16089,15.8481,5.13687,15.8301,5.11285C15.8201,5.10085,15.8081,5.08684,15.7961,5.07483C15.7881,5.06482,15.7781,5.05682,15.7681,5.04881C15.7561,5.03681,15.7421,5.0268,15.7301,5.01679C15.7201,5.00879,15.7101,5.00078,15.6982,4.99278C15.6942,4.99077,15.6902,4.98677,15.6862,4.98477L8.37981,0.115576C8.14993,-0.0385253,7.84808,-0.0385253,7.61819,0.115576L0.307846,4.98877C0.303848,4.99077,0.29985,4.99478,0.295852,4.99678C0.285857,5.00478,0.275862,5.01279,0.263868,5.02079C0.249875,5.0308,0.237881,5.04281,0.225887,5.05282C0.215892,5.06082,0.207896,5.07083,0.197901,5.07883C0.185907,5.09084,0.173913,5.10285,0.163918,5.11686C0.143928,5.13887,0.127936,5.16289,0.111944,5.1889C0.105947,5.19891,0.0979512,5.20892,0.0919542,5.22093C0.0839581,5.23494,0.0759621,5.25095,0.0679662,5.26696C0.0619691,5.27696,0.0579712,5.28897,0.0519741,5.30098C0.0459771,5.31699,0.0399802,5.335,0.0339831,5.35101C0.0299852,5.36302,0.0259871,5.37303,0.0239881,5.38503C0.0199902,5.40305,0.0159921,5.42306,0.0119941,5.44307L0.00599706,5.47309C0.00199912,5.50311,0,5.53313,0,5.56315L0,10.4363C0,10.4664,0.00199897,10.4964,0.00599706,10.5264L0.0119941,10.5564C0.0159921,10.5764,0.0199902,10.5945,0.0239881,10.6145C0.027986,10.6265,0.0299852,10.6365,0.0339831,10.6485C0.0399802,10.6665,0.0459771,10.6825,0.0519741,10.6985C0.0559721,10.7105,0.0619691,10.7205,0.0679662,10.7325C0.0759622,10.7486,0.0819592,10.7626,0.0919542,10.7786C0.0979512,10.7886,0.103948,10.8006,0.111944,10.8106C0.121939,10.8246,0.129935,10.8386,0.141929,10.8526L0.165917,10.8826C0.175912,10.8946,0.187906,10.9087,0.1999,10.9207C0.207896,10.9307,0.217891,10.9387,0.227886,10.9467C0.23988,10.9587,0.253873,10.9687,0.265867,10.9787C0.275862,10.9867,0.285857,10.9947,0.297851,11.0027C0.301849,11.0047,0.305847,11.0087,0.309845,11.0107L7.61819,15.8839C7.73014,15.96,7.86407,16,8,16C8.13194,16,8.26587,15.962,8.38181,15.8839L15.6902,11.0107C15.6942,11.0087,15.6982,11.0047,15.7022,11.0027C15.7121,10.9947,15.7221,10.9867,15.7341,10.9787C15.7481,10.9687,15.7601,10.9567,15.7721,10.9467C15.7821,10.9387,15.7901,10.9287,15.8001,10.9207C15.8121,10.9087,15.8241,10.8967,15.8341,10.8826L15.8581,10.8526L15.8881,10.8106C15.8941,10.8006,15.9021,10.7906,15.908,10.7786C15.916,10.7626,15.924,10.7486,15.932,10.7325C15.938,10.7225,15.942,10.7105,15.948,10.6985C15.954,10.6825,15.96,10.6645,15.966,10.6485C15.97,10.6385,15.974,10.6265,15.976,10.6145C15.982,10.5965,15.984,10.5764,15.988,10.5564L15.994,10.5264C15.998,10.4964,16,10.4664,16,10.4363L16,5.55915C15.994,5.52913,15.992,5.49911,15.988,5.46909ZM8.68566,1.97079L14.071,5.56115L11.6662,7.17021L8.68766,5.1769L8.68766,1.97079L8.68566,1.97079ZM7.31035,1.97079L7.31035,5.1769L4.33184,7.17021L1.92704,5.56115L7.31035,1.97079ZM1.37531,6.84599L3.09445,7.99675L1.37531,9.1475L1.37531,6.84599ZM7.31035,14.0207L1.92704,10.4303L4.33184,8.82129L7.31035,10.8146L7.31035,14.0207ZM7.998,9.62181L5.56722,7.99675L7.998,6.36968L10.4288,7.99475L7.998,9.62181ZM8.68566,14.0207L8.68566,10.8146L11.6642,8.82129L14.069,10.4303L8.68566,14.0207ZM14.6207,9.1455L12.9016,7.99475L14.6207,6.84399L14.6207,9.1455Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 CodePen 中打开</span></div></div></button></form><button data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="12" height="16" viewBox="0 0 12 16" data-v-80212305><path d="M5.13686,9.45472L0,9.45472L9.39094,0L6.86314,6.54528L12,6.54528L2.60837,16L5.13686,9.45472L5.13686,9.45472Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在 StackBlitz 中打开</span></div></div></button><a target="_blank" data-v-80212305><div class="tooltip" data-v-80212305 data-v-002f285a><span class="body" data-v-002f285a><!--[--><svg width="15" height="15" viewBox="0 0 16 16" data-v-80212305><path d="M3.63636,3.63636L3.63636,1.81818C3.63636,0.814546,4.45164,3.90139e-7,5.45455,3.90139e-7L14.1818,3.90139e-7C15.1855,3.90139e-7,16,0.815273,16,1.81818L16,10.5455C16,11.5491,15.1847,12.3636,14.1818,12.3636L12.3636,12.3636L12.3636,14.1818C12.3636,15.1855,11.5484,16,10.5455,16L1.81818,16C0.814546,16,3.90139e-7,15.1847,3.90139e-7,14.1818L3.90139e-7,5.45455C3.90139e-7,4.45091,0.815273,3.63636,1.81818,3.63636L3.63636,3.63636ZM3.63636,5.09091L1.81818,5.09091C1.61818,5.09091,1.45455,5.25455,1.45455,5.45455L1.45455,14.1818C1.45455,14.3818,1.61818,14.5455,1.81818,14.5455L10.5455,14.5455C10.7455,14.5455,10.9091,14.3818,10.9091,14.1818L10.9091,12.3636L5.45455,12.3636C4.45091,12.3636,3.63636,11.5484,3.63636,10.5455L3.63636,5.09091ZM5.09091,1.81818L5.09091,10.5455C5.09091,10.7455,5.25455,10.9091,5.45455,10.9091L14.1818,10.9091C14.3818,10.9091,14.5455,10.7455,14.5455,10.5455L14.5455,1.81818C14.5455,1.61818,14.3818,1.45455,14.1818,1.45455L5.45455,1.45455C5.25455,1.45455,5.09091,1.61818,5.09091,1.81818Z" data-v-80212305></path></svg><!--]--></span><div class="tip-container" data-v-002f285a><span class="tip" data-v-002f285a>在新窗口中打开</span></div></div></a></div></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-5HVZB" id="tab-XbKUrQk" checked="checked"><label for="tab-XbKUrQk">JavaScript</label><input type="radio" name="group-5HVZB" id="tab-glKbE42"><label for="tab-glKbE42">HTML</label><input type="radio" name="group-5HVZB" id="tab-6Sl30su"><label for="tab-6Sl30su">index.css</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes material-theme-palenight github-light vp-code"><code><span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;"> init</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> }</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> from</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">klinecharts</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">import</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;"> &#39;</span><span style="--shiki-dark:#C3E88D;--shiki-light:#032F62;">./index.css</span><span style="--shiki-dark:#89DDFF;--shiki-light:#032F62;">&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-dark:#C792EA;--shiki-light:#D73A49;">function</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> genData</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> (</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;">timestamp</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> new</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;"> Date</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">.</span><span style="--shiki-dark:#82AAFF;--shiki-light:#6F42C1;">getTime</span><span style="--shiki-dark:#BABED8;--shiki-light:#24292E;">()</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">,</span><span style="--shiki-dark:#BABED8;--shiki-light:#E36209;--shiki-dark-font-style:italic;--shiki-light-font-style:inherit;"> length</span><span style="--shiki-dark:#89DDFF;--shiki-light:#D73A49;"> =</span><span style="--shiki-dark:#F78C6C;--shiki-light:#005CC5;"> 800</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">)</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;"> {</span></span>
@@ -169,8 +169,8 @@
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  color</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#89DDFF;--shiki-light:#005CC5;"> #</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;">fff</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  outline</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
 <span class="line"><span style="--shiki-dark:#B2CCD6;--shiki-light:#005CC5;">  border</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">:</span><span style="--shiki-dark:#BABED8;--shiki-light:#005CC5;"> none</span><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">;</span></span>
-<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><div class="edit-info" data-v-5583ab76><!----><div class="last-updated" data-v-5583ab76><p class="VPLastUpdated" data-v-5583ab76 data-v-eacb7a1c>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-eacb7a1c></time></p></div></div><nav class="prev-next" data-v-5583ab76><div class="pager" data-v-5583ab76><a class="VPLink link pager-link prev" href="/sample/axis.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>上一篇</span><span class="title" data-v-5583ab76>坐标轴</span><!--]--></a></div><div class="pager" data-v-5583ab76><a class="VPLink link pager-link next" href="/sample/overlay.html" data-v-5583ab76><!--[--><span class="desc" data-v-5583ab76>下一篇</span><span class="title" data-v-5583ab76>覆盖物</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-dark:#89DDFF;--shiki-light:#24292E;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><div class="edit-info" data-v-8dd15667><!----><div class="last-updated" data-v-8dd15667><p class="VPLastUpdated" data-v-8dd15667 data-v-c1782655>最后更新时间: <time datetime="2023-12-16T21:59:33.000Z" data-v-c1782655></time></p></div></div><nav class="prev-next" data-v-8dd15667><div class="pager" data-v-8dd15667><a class="VPLink link pager-link prev" href="/sample/axis.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>上一篇</span><span class="title" data-v-8dd15667>坐标轴</span><!--]--></a></div><div class="pager" data-v-8dd15667><a class="VPLink link pager-link next" href="/sample/overlay.html" data-v-8dd15667><!--[--><span class="desc" data-v-8dd15667>下一篇</span><span class="title" data-v-8dd15667>覆盖物</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/sponsor.html b/sponsor.html
index 0d1da64ca..5817f6cf7 100644
--- a/sponsor.html
+++ b/sponsor.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>❤️ 赞助 | KLineChart</title>
     <meta name="description" content="💹📈 可高度自定义的专业级轻量金融图表。">
-    <meta name="generator" content="VitePress v1.0.0-rc.44">
-    <link rel="preload stylesheet" href="/assets/style.wxAF7zCM.css" as="style">
+    <meta name="generator" content="VitePress v1.0.0-rc.45">
+    <link rel="preload stylesheet" href="/assets/style.Vy96gPBS.css" as="style">
     
-    <script type="module" src="/assets/app.kQmeYhjN.js"></script>
+    <script type="module" src="/assets/app.L7rJ58oT.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/framework.b3gnc5d8.js">
-    <link rel="modulepreload" href="/assets/chunks/theme.8D-jh89Q.js">
-    <link rel="modulepreload" href="/assets/sponsor.md.wKPK1i-f.lean.js">
+    <link rel="modulepreload" href="/assets/chunks/framework.S5btFSuR.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.u0a61rzK.js">
+    <link rel="modulepreload" href="/assets/sponsor.md.ImRh9tP0.lean.js">
     <link rel="icon" type="image/svg+xml" href="/images/logo.svg">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?f5f0d6d79a8fb0825e285ab72dc542cb";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-ef60d520><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c337a0a9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c337a0a9> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ef60d520 data-v-9456f633><div class="VPNavBar" data-v-9456f633 data-v-8d1a47cf><div class="wrapper" data-v-8d1a47cf><div class="container" data-v-8d1a47cf><div class="title" data-v-8d1a47cf><div class="VPNavBarTitle" data-v-8d1a47cf data-v-9ef2cf09><a class="title" href="/" data-v-9ef2cf09><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-c589c9f8><!--]--><span data-v-9ef2cf09>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-8d1a47cf><div class="content-body" data-v-8d1a47cf><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8d1a47cf><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8d1a47cf data-v-23324f48><span id="main-nav-aria-label" class="visually-hidden" data-v-23324f48>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sponsor.html" tabindex="0" data-v-23324f48 data-v-0d5de216><!--[--><span data-v-0d5de216>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-23324f48 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f894a103><span class="text" data-v-f894a103><!----><span data-v-f894a103>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><div class="items" data-v-82af353a><!--[--><!--[--><div class="VPMenuLink" data-v-82af353a data-v-128fbea3><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-128fbea3><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-8d1a47cf data-v-59f55991 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-f894a103><span class="text" data-v-f894a103><span class="vpi-languages option-icon" data-v-f894a103></span><!----><span class="vpi-chevron-down text-icon" data-v-f894a103></span></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="items" data-v-59f55991><p class="title" data-v-59f55991>简体中文</p><!--[--><div class="VPMenuLink" data-v-59f55991 data-v-128fbea3><a class="VPLink link" href="/en-US/sponsor.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-8d1a47cf data-v-54484381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-54484381 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8d1a47cf data-v-bda4d0e9 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8d1a47cf data-v-770e43e0 data-v-f894a103><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f894a103><span class="vpi-more-horizontal icon" data-v-f894a103></span></button><div class="menu" data-v-f894a103><div class="VPMenu" data-v-f894a103 data-v-82af353a><!----><!--[--><!--[--><div class="group translations" data-v-770e43e0><p class="trans-title" data-v-770e43e0>简体中文</p><!--[--><div class="VPMenuLink" data-v-770e43e0 data-v-128fbea3><a class="VPLink link" href="/en-US/sponsor.html" data-v-128fbea3><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-770e43e0><div class="item appearance" data-v-770e43e0><p class="label" data-v-770e43e0>主题</p><div class="appearance-action" data-v-770e43e0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-770e43e0 data-v-70751b1d data-v-3a947c4a><span class="check" data-v-3a947c4a><span class="icon" data-v-3a947c4a><!--[--><span class="vpi-sun sun" data-v-70751b1d></span><span class="vpi-moon moon" data-v-70751b1d></span><!--]--></span></span></button></div></div></div><div class="group" data-v-770e43e0><div class="item social-links" data-v-770e43e0><div class="VPSocialLinks social-links-list" data-v-770e43e0 data-v-a1567fd4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-a1567fd4 data-v-40a4d124><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8d1a47cf data-v-be78ff70><span class="container" data-v-be78ff70><span class="top" data-v-be78ff70></span><span class="middle" data-v-be78ff70></span><span class="bottom" data-v-be78ff70></span></span></button></div></div></div></div><div class="divider" data-v-8d1a47cf><div class="divider-line" data-v-8d1a47cf></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-ef60d520 data-v-abe6678a><div class="container" data-v-abe6678a><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-abe6678a data-v-74dbecd6><button data-v-74dbecd6>返回顶部</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-ef60d520 data-v-a693ae2c><div class="VPDoc has-aside" data-v-a693ae2c data-v-a47c012d><!--[--><!--]--><div class="container" data-v-a47c012d><div class="aside" data-v-a47c012d><div class="aside-curtain" data-v-a47c012d></div><div class="aside-container" data-v-a47c012d><div class="aside-content" data-v-a47c012d><div class="VPDocAside" data-v-a47c012d data-v-cf49d689><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-cf49d689 data-v-a60a5f40><div class="content" data-v-a60a5f40><div class="outline-marker" data-v-a60a5f40></div><div class="outline-title" role="heading" aria-level="2" data-v-a60a5f40>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-a60a5f40><span class="visually-hidden" id="doc-outline-aria-label" data-v-a60a5f40> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-a60a5f40 data-v-9e6313cf><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cf49d689></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-a47c012d><div class="content-container" data-v-a47c012d><!--[--><!--]--><main class="main" data-v-a47c012d><div style="position:relative;" class="vp-doc _sponsor" data-v-a47c012d><div><h1 id="❤️-赞助" tabindex="-1">❤️ 赞助 <a class="header-anchor" href="#❤️-赞助" aria-label="Permalink to &quot;❤️ 赞助&quot;">​</a></h1><p>KLineChart 是采用 Apache-2.0 许可的开源项目，使用完全免费。</p><p>如果你觉得插件还不错，希望你能在 <a href="https://github.com/liihuu/KLineChart" target="_blank" rel="noreferrer">GitHub</a> 点一个 🌟。如果能够打赏一杯 ☕️，那就真的太感谢了。</p><p>对于赞助 KLineChart 的组织或个人，如果需要将组织官网或者个人主页展示在 <a href="https://klinecharts.com" target="_blank" rel="noreferrer">https://klinecharts.com</a> 首页，请提供付款账号或地址，logo，主页链接等信息，发送邮件到 <a href="mailto:hu_li888@foxmail.com" target="_blank" rel="noreferrer">hu_li888@foxmail.com</a> 。赞助额达到 $800 的，将在大号logo展示区展示，前三名，将使用超大logo展示。</p><h2 id="赞助渠道" tabindex="-1">赞助渠道 <a class="header-anchor" href="#赞助渠道" aria-label="Permalink to &quot;赞助渠道&quot;">​</a></h2><h3 id="支付宝" tabindex="-1">支付宝 <a class="header-anchor" href="#支付宝" aria-label="Permalink to &quot;支付宝&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="/images/alipay_qr_code.png"><h3 id="微信支付" tabindex="-1">微信支付 <a class="header-anchor" href="#微信支付" aria-label="Permalink to &quot;微信支付&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="/images/wechat_pay_qr_code.png"><h3 id="加密货币" tabindex="-1">加密货币 <a class="header-anchor" href="#加密货币" aria-label="Permalink to &quot;加密货币&quot;">​</a></h3><ul><li>BTC: <a href="./.html">bc1qnwzukszzk5xfk0zs3sr8etzgctgnrtqts43jzp3khe6gm7xazprsp4y6n3</a></li><li>ETH: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-ERC20: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-Omni: <a href="./.html">3DSXSbTbMwXumaaqMySVPgedBP9rGhpnfQ</a></li><li>USDT-TRC20: <a href="./.html">THJpTQmFGaVm12KE1Jzc5mLXiApP6qXMCi</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-a47c012d data-v-5583ab76><!--[--><!--]--><!----><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-ef60d520 data-v-c381360f><div class="container" data-v-c381360f><p class="message" data-v-c381360f>Released under the Apache License V2.</p><p class="copyright" data-v-c381360f>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_changelog.md\":\"PuflNzXt\",\"en-us_guide_i18n.md\":\"AvfNv76i\",\"en-us_guide_environment.md\":\"CNdfrxHT\",\"en-us_guide_faq.md\":\"pd9bHuij\",\"en-us_guide_datasource.md\":\"qxuuuQiO\",\"en-us_guide_feedback.md\":\"JJEH-tah\",\"en-us_guide_custom-axis.md\":\"ml_n2IOs\",\"en-us_guide_hot-key.md\":\"rgHqonm8\",\"en-us_index.md\":\"FPotMOGe\",\"en-us_guide_what-is-klinechart.md\":\"IeSNEnMI\",\"en-us_guide_indicator.md\":\"eZNsWP3p\",\"en-us_guide_figure.md\":\"eDRtTELF\",\"en-us_sample_basic.md\":\"QvgKzbO9\",\"en-us_sample_data.md\":\"makqmGdU\",\"en-us_guide_overlay.md\":\"NL-bUeUU\",\"en-us_guide_v8-to-v9.md\":\"bmmxtubU\",\"en-us_sample_axis.md\":\"JNg0QnHJ\",\"en-us_sponsor.md\":\"s6A3pScV\",\"en-us_sample_candle-type.md\":\"AteKF25b\",\"en-us_sample_i18n.md\":\"gISjueFG\",\"guide_changelog.md\":\"9HVBq0V4\",\"en-us_guide_getting-started.md\":\"B44rFZxd\",\"en-us_sample_indicator.md\":\"sM_nm4lX\",\"en-us_guide_styles.md\":\"2d4oDT-0\",\"guide_custom-axis.md\":\"zQzMpDqe\",\"en-us_guide_chart-api.md\":\"cmE8v6pI\",\"guide_datasource.md\":\"NxxFl54M\",\"en-us_sample_timezone.md\":\"YYO_Qpcd\",\"en-us_sample_overlay.md\":\"LC8PrpQr\",\"en-us_sample_theme.md\":\"vLO6bEER\",\"en-us_sample_tooltip.md\":\"ndS65LjS\",\"guide_feedback.md\":\"YUbMo2U8\",\"guide_environment.md\":\"fh2tLeH-\",\"guide_hot-key.md\":\"HaFYC0pq\",\"guide_faq.md\":\"XLgpFwOe\",\"en-us_guide_instance-api.md\":\"J-9lOfxo\",\"guide_i18n.md\":\"X9uoahs-\",\"guide_figure.md\":\"9QmuiBOR\",\"guide_indicator.md\":\"7Ru-rd8z\",\"guide_chart-api.md\":\"LU-7TYvX\",\"index.md\":\"d29q78QD\",\"guide_what-is-klinechart.md\":\"jAq7RHvv\",\"guide_getting-started.md\":\"HwS6ZWou\",\"guide_v8-to-v9.md\":\"QFtAWg9R\",\"guide_overlay.md\":\"182ozwhC\",\"sample_basic.md\":\"pUi578Xl\",\"sample_axis.md\":\"Gg6kL3uO\",\"guide_styles.md\":\"h9MpVylp\",\"sample_candle-type.md\":\"8toIYtuJ\",\"sample_i18n.md\":\"0igRcPtH\",\"sample_data.md\":\"OZ0Mw7p7\",\"sample_overlay.md\":\"xpFlScsm\",\"sample_indicator.md\":\"iQYEEMo9\",\"sponsor.md\":\"wKPK1i-f\",\"sample_timezone.md\":\"WdAsfTk0\",\"guide_instance-api.md\":\"k2PzSque\",\"sample_theme.md\":\"9j4hWCAD\",\"sample_tooltip.md\":\"idFylDGx\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-a496c289><!--[--><div class="banner" role="banner" data-v-d8f62f5a><span data-v-d8f62f5a>💼  作者正在寻找一份web前端开发的工作，如果觉得合适，可以联系作者 <strong data-v-d8f62f5a>微信(274082897)</strong> 或者 <strong data-v-d8f62f5a>邮箱(hu_li888@foxmail.com)</strong> 。</span><button class="banner-close" data-v-d8f62f5a><span class="close" data-v-d8f62f5a>×</span></button></div><!--]--><!--[--><span tabindex="-1" data-v-34d1ab86></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-34d1ab86> Skip to content </a><!--]--><!----><header class="VPNav" data-v-a496c289 data-v-8e747076><div class="VPNavBar" data-v-8e747076 data-v-aa3ac32f><div class="wrapper" data-v-aa3ac32f><div class="container" data-v-aa3ac32f><div class="title" data-v-aa3ac32f><div class="VPNavBarTitle" data-v-aa3ac32f data-v-95605b10><a class="title" href="/" data-v-95605b10><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/logo.svg" alt data-v-dcd2c7a0><!--]--><span data-v-95605b10>KLineChart</span><!--[--><!--]--></a></div></div><div class="content" data-v-aa3ac32f><div class="content-body" data-v-aa3ac32f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-aa3ac32f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-aa3ac32f data-v-878c6c23><span id="main-nav-aria-label" class="visually-hidden" data-v-878c6c23>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/what-is-klinechart.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/sample/basic.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>示例</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://pro.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>Pro</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://preview.klinecharts.com" target="_blank" rel="noreferrer" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>预览</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/sponsor.html" tabindex="0" data-v-878c6c23 data-v-8ff26bee><!--[--><span data-v-8ff26bee>赞助</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-878c6c23 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9444bc82><span class="text" data-v-9444bc82><!----><span data-v-9444bc82>V9.8.0</span><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><div class="items" data-v-b1f47ff0><!--[--><!--[--><div class="VPMenuLink" data-v-b1f47ff0 data-v-2e5422e9><a class="VPLink link vp-external-link-icon" href="https://v8.klinecharts.com/zh-CN" target="_blank" rel="noreferrer" data-v-2e5422e9><!--[-->V8 文档<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-aa3ac32f data-v-eb38f479 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9444bc82><span class="text" data-v-9444bc82><span class="vpi-languages option-icon" data-v-9444bc82></span><!----><span class="vpi-chevron-down text-icon" data-v-9444bc82></span></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="items" data-v-eb38f479><p class="title" data-v-eb38f479>简体中文</p><!--[--><div class="VPMenuLink" data-v-eb38f479 data-v-2e5422e9><a class="VPLink link" href="/en-US/sponsor.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-aa3ac32f data-v-933f86f8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-933f86f8 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-aa3ac32f data-v-add66086 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-aa3ac32f data-v-eeaa91c6 data-v-9444bc82><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9444bc82><span class="vpi-more-horizontal icon" data-v-9444bc82></span></button><div class="menu" data-v-9444bc82><div class="VPMenu" data-v-9444bc82 data-v-b1f47ff0><!----><!--[--><!--[--><div class="group translations" data-v-eeaa91c6><p class="trans-title" data-v-eeaa91c6>简体中文</p><!--[--><div class="VPMenuLink" data-v-eeaa91c6 data-v-2e5422e9><a class="VPLink link" href="/en-US/sponsor.html" data-v-2e5422e9><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-eeaa91c6><div class="item appearance" data-v-eeaa91c6><p class="label" data-v-eeaa91c6>主题</p><div class="appearance-action" data-v-eeaa91c6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-eeaa91c6 data-v-612efda0 data-v-79287e24><span class="check" data-v-79287e24><span class="icon" data-v-79287e24><!--[--><span class="vpi-sun sun" data-v-612efda0></span><span class="vpi-moon moon" data-v-612efda0></span><!--]--></span></span></button></div></div></div><div class="group" data-v-eeaa91c6><div class="item social-links" data-v-eeaa91c6><div class="VPSocialLinks social-links-list" data-v-eeaa91c6 data-v-932c9c22><!--[--><a class="VPSocialLink no-icon" href="https://github.com/liihuu/KLineChart" aria-label="github" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://t.me/+098syuQtzI0yNzll" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1024 1024"><path d="M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z"/></svg></a><a class="VPSocialLink no-icon" href="https://discord.gg/7YjHYgvvvZ" aria-label="discord" target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><span class="vpi-social-discord" /></a><a class="VPSocialLink no-icon" href="/guide/feedback" aria-label target="_blank" rel="noopener" data-v-932c9c22 data-v-fdd402b2><svg viewBox="0 0 1193 1024"><path d="M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z" p-id="3781"></path><path d="M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-aa3ac32f data-v-229c3250><span class="container" data-v-229c3250><span class="top" data-v-229c3250></span><span class="middle" data-v-229c3250></span><span class="bottom" data-v-229c3250></span></span></button></div></div></div></div><div class="divider" data-v-aa3ac32f><div class="divider-line" data-v-aa3ac32f></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-a496c289 data-v-0ebd45f6><div class="container" data-v-0ebd45f6><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-0ebd45f6 data-v-175fc45d><button data-v-175fc45d>返回顶部</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-a496c289 data-v-aa32f6e2><div class="VPDoc has-aside" data-v-aa32f6e2 data-v-42bb49df><!--[--><!--]--><div class="container" data-v-42bb49df><div class="aside" data-v-42bb49df><div class="aside-curtain" data-v-42bb49df></div><div class="aside-container" data-v-42bb49df><div class="aside-content" data-v-42bb49df><div class="VPDocAside" data-v-42bb49df data-v-fff6fd89><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-fff6fd89 data-v-74520544><div class="content" data-v-74520544><div class="outline-marker" data-v-74520544></div><div class="outline-title" role="heading" aria-level="2" data-v-74520544>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-74520544><span class="visually-hidden" id="doc-outline-aria-label" data-v-74520544> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-74520544 data-v-85bbe7c6><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-fff6fd89></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42bb49df><div class="content-container" data-v-42bb49df><!--[--><!--]--><main class="main" data-v-42bb49df><div style="position:relative;" class="vp-doc _sponsor" data-v-42bb49df><div><h1 id="❤️-赞助" tabindex="-1">❤️ 赞助 <a class="header-anchor" href="#❤️-赞助" aria-label="Permalink to &quot;❤️ 赞助&quot;">​</a></h1><p>KLineChart 是采用 Apache-2.0 许可的开源项目，使用完全免费。</p><p>如果你觉得插件还不错，希望你能在 <a href="https://github.com/liihuu/KLineChart" target="_blank" rel="noreferrer">GitHub</a> 点一个 🌟。如果能够打赏一杯 ☕️，那就真的太感谢了。</p><p>对于赞助 KLineChart 的组织或个人，如果需要将组织官网或者个人主页展示在 <a href="https://klinecharts.com" target="_blank" rel="noreferrer">https://klinecharts.com</a> 首页，请提供付款账号或地址，logo，主页链接等信息，发送邮件到 <a href="mailto:hu_li888@foxmail.com" target="_blank" rel="noreferrer">hu_li888@foxmail.com</a> 。赞助额达到 $800 的，将在大号logo展示区展示，前三名，将使用超大logo展示。</p><h2 id="赞助渠道" tabindex="-1">赞助渠道 <a class="header-anchor" href="#赞助渠道" aria-label="Permalink to &quot;赞助渠道&quot;">​</a></h2><h3 id="支付宝" tabindex="-1">支付宝 <a class="header-anchor" href="#支付宝" aria-label="Permalink to &quot;支付宝&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="/images/alipay_qr_code.png"><h3 id="微信支付" tabindex="-1">微信支付 <a class="header-anchor" href="#微信支付" aria-label="Permalink to &quot;微信支付&quot;">​</a></h3><img style="width:180px;margin-top:10px;" src="/images/wechat_pay_qr_code.png"><h3 id="加密货币" tabindex="-1">加密货币 <a class="header-anchor" href="#加密货币" aria-label="Permalink to &quot;加密货币&quot;">​</a></h3><ul><li>BTC: <a href="./.html">bc1qnwzukszzk5xfk0zs3sr8etzgctgnrtqts43jzp3khe6gm7xazprsp4y6n3</a></li><li>ETH: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-ERC20: <a href="./.html">0xd2c3911654db861e0a2e17415e11a209c1fc3594</a></li><li>USDT-Omni: <a href="./.html">3DSXSbTbMwXumaaqMySVPgedBP9rGhpnfQ</a></li><li>USDT-TRC20: <a href="./.html">THJpTQmFGaVm12KE1Jzc5mLXiApP6qXMCi</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-42bb49df data-v-8dd15667><!--[--><!--]--><!----><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-a496c289 data-v-52298167><div class="container" data-v-52298167><p class="message" data-v-52298167>Released under the Apache License V2.</p><p class="copyright" data-v-52298167>Copyright © 2018-present liihuu</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"en-us_guide_feedback.md\":\"3xu-SDzA\",\"en-us_guide_faq.md\":\"SzAwqCkH\",\"en-us_guide_environment.md\":\"OgXnMEhO\",\"en-us_guide_custom-axis.md\":\"sGMOj5c1\",\"en-us_guide_changelog.md\":\"oaiDMd4e\",\"en-us_guide_i18n.md\":\"pHHaeKrO\",\"en-us_guide_hot-key.md\":\"dz6HVI4o\",\"en-us_guide_datasource.md\":\"vNNGCJ0f\",\"en-us_index.md\":\"OS0zQc9a\",\"en-us_guide_indicator.md\":\"KL5sZ2Xa\",\"en-us_guide_v8-to-v9.md\":\"8sr1qjpO\",\"en-us_guide_figure.md\":\"JPACf3cm\",\"en-us_sample_basic.md\":\"3PMOaPoH\",\"en-us_guide_getting-started.md\":\"6h25yVqP\",\"en-us_guide_overlay.md\":\"qs_GiGcg\",\"en-us_guide_what-is-klinechart.md\":\"DomNlsHt\",\"en-us_guide_styles.md\":\"NxUSGPkk\",\"en-us_sample_overlay.md\":\"Nk_4roIH\",\"en-us_sample_theme.md\":\"Pr7TgfVH\",\"en-us_sponsor.md\":\"W43Y6shs\",\"en-us_sample_candle-type.md\":\"jwCYpV7R\",\"en-us_sample_i18n.md\":\"V8elJXsA\",\"en-us_sample_data.md\":\"KwS-0Ey9\",\"en-us_sample_axis.md\":\"5e2auj5u\",\"en-us_sample_timezone.md\":\"dqeEs2ZI\",\"en-us_guide_chart-api.md\":\"wkTQedMh\",\"guide_changelog.md\":\"WCU6NOkP\",\"en-us_sample_indicator.md\":\"vpibD4Ua\",\"guide_feedback.md\":\"O1hxX6LV\",\"guide_datasource.md\":\"ZxIo0sjE\",\"en-us_sample_tooltip.md\":\"O8dAp9_k\",\"guide_faq.md\":\"3pxdSPEO\",\"en-us_guide_instance-api.md\":\"MuhSVJeX\",\"guide_environment.md\":\"Zir01w8q\",\"guide_custom-axis.md\":\"YHD7AC8J\",\"guide_hot-key.md\":\"iNZF3aPU\",\"guide_i18n.md\":\"Z7xgvpLe\",\"guide_figure.md\":\"_zUF2sHR\",\"guide_chart-api.md\":\"Ja3EzuzJ\",\"guide_indicator.md\":\"7Au_1f-w\",\"guide_overlay.md\":\"CosxYA4R\",\"guide_getting-started.md\":\"BwlRNWz0\",\"guide_what-is-klinechart.md\":\"UonmXvqD\",\"guide_v8-to-v9.md\":\"aAQMRSV4\",\"index.md\":\"GViJCsLA\",\"sample_basic.md\":\"XS5srsFh\",\"sample_axis.md\":\"8quueyiX\",\"sample_candle-type.md\":\"yrAL-bsb\",\"sample_data.md\":\"fAiHBDxi\",\"sample_i18n.md\":\"hevtbunJ\",\"sponsor.md\":\"ImRh9tP0\",\"sample_overlay.md\":\"h5TTSo2F\",\"sample_indicator.md\":\"A_IyVpmE\",\"sample_timezone.md\":\"yGCN9HaU\",\"guide_styles.md\":\"tQLwjU4S\",\"sample_theme.md\":\"kIrBxDSv\",\"sample_tooltip.md\":\"wGwi01KI\",\"guide_instance-api.md\":\"lKBd2zj6\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"KLineChart\",\"description\":\"💹📈 可高度自定义的专业级轻量金融图表。\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo.svg\",\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}},\"locales\":{\"en-US\":{\"translations\":{\"button\":{\"buttonText\":\"Search\",\"buttonAriaLabel\":\"Search\"},\"modal\":{\"noResultsText\":\"No results for\",\"resetButtonTitle\":\"Reset search\",\"footer\":{\"selectText\":\"to select\",\"navigateText\":\"to navigate\"}}}}}}},\"footer\":{\"message\":\"Released under the Apache License V2.\",\"copyright\":\"Copyright © 2018-present liihuu\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"link\":\"/\",\"themeConfig\":{\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"示例\",\"link\":\"/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com\"},{\"text\":\"预览\",\"link\":\"https://preview.klinecharts.com\"},{\"text\":\"赞助\",\"link\":\"/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 文档\",\"link\":\"https://v8.klinecharts.com/zh-CN\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"什么是KLineChart？\",\"link\":\"/guide/what-is-klinechart\"}]},{\"text\":\"基础篇\",\"collapsed\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/getting-started\"},{\"text\":\"样式配置\",\"link\":\"/guide/styles\"},{\"text\":\"数据\",\"link\":\"/guide/datasource\"},{\"text\":\"环境要求\",\"link\":\"/guide/environment\"},{\"text\":\"快捷键\",\"link\":\"/guide/hot-key\"},{\"text\":\"国际化\",\"link\":\"/guide/i18n\"}]},{\"text\":\"进阶篇\",\"collapsed\":false,\"items\":[{\"text\":\"基础图形\",\"link\":\"/guide/figure\"},{\"text\":\"技术指标\",\"link\":\"/guide/indicator\"},{\"text\":\"覆盖物\",\"link\":\"/guide/overlay\"},{\"text\":\"自定义坐标轴\",\"link\":\"/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"图表API\",\"link\":\"/guide/chart-api\"},{\"text\":\"实例API\",\"link\":\"/guide/instance-api\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"常见问题\",\"link\":\"/guide/faq\"},{\"text\":\"从v8到v9\",\"link\":\"/guide/v8-to-v9\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"反馈和共建\",\"link\":\"/guide/feedback\"}]}],\"/sample/\":[{\"text\":\"基础展示\",\"link\":\"/sample/basic\"},{\"text\":\"蜡烛图类型\",\"link\":\"/sample/candle-type\"},{\"text\":\"技术指标\",\"link\":\"/sample/indicator\"},{\"text\":\"坐标轴\",\"link\":\"/sample/axis\"},{\"text\":\"提示条\",\"link\":\"/sample/tooltip\"},{\"text\":\"覆盖物\",\"link\":\"/sample/overlay\"},{\"text\":\"数据加载\",\"link\":\"/sample/data\"},{\"text\":\"主题\",\"link\":\"/sample/theme\"},{\"text\":\"时区\",\"link\":\"/sample/timezone\"},{\"text\":\"多语言\",\"link\":\"/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/liihuu/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/guide/feedback\"}],\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"lastUpdatedText\":\"最后更新时间\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"outlineTitle\":\"本页目录\",\"returnToTopLabel\":\"返回顶部\"}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"link\":\"/en-US/\",\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/en-US/guide/what-is-klinechart\",\"activeMatch\":\"guide\"},{\"text\":\"Sample\",\"link\":\"/en-US/sample/basic\",\"activeMatch\":\"sample\"},{\"text\":\"Pro\",\"link\":\"https://pro.klinecharts.com/en-US\"},{\"text\":\"Preview\",\"link\":\"https://preview.klinecharts.com/#en-US\"},{\"text\":\"Sponsor\",\"link\":\"/en-US/sponsor\"},{\"text\":\"V9.8.0\",\"items\":[{\"text\":\"V8 Docs\",\"link\":\"https://v8.klinecharts.com\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"collapsed\":false,\"items\":[{\"text\":\"What is KLineChart?\",\"link\":\"/en-US/guide/what-is-klinechart\"}]},{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"text\":\"Getting Started\",\"link\":\"/en-US/guide/getting-started\"},{\"text\":\"Style Configuration\",\"link\":\"/en-US/guide/styles\"},{\"text\":\"Datasource\",\"link\":\"/en-US/guide/datasource\"},{\"text\":\"Environment\",\"link\":\"/en-US/guide/environment\"},{\"text\":\"Hot Key\",\"link\":\"/en-US/guide/hot-key\"},{\"text\":\"Internationalization\",\"link\":\"/en-US//guide/i18n\"}]},{\"text\":\"Advanced\",\"collapsed\":false,\"items\":[{\"text\":\"Figure\",\"link\":\"/en-US/guide/figure\"},{\"text\":\"Indicator\",\"link\":\"/en-US/guide/indicator\"},{\"text\":\"Overlay\",\"link\":\"/en-US/guide/overlay\"},{\"text\":\"Custom Axis\",\"link\":\"/en-US/guide/custom-axis\"}]},{\"text\":\"API\",\"collapsed\":false,\"items\":[{\"text\":\"Chart API\",\"link\":\"/en-US/guide/chart-api\"},{\"text\":\"Instance API\",\"link\":\"/en-US/guide/instance-api\"}]},{\"text\":\"Others\",\"collapsed\":false,\"items\":[{\"text\":\"FAQ\",\"link\":\"/en-US/guide/faq\"},{\"text\":\"V8 To V9\",\"link\":\"/en-US/guide/v8-to-v9\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"Feedback\",\"link\":\"/en-US/guide/feedback\"}]}],\"/en-US/sample/\":[{\"text\":\"Basic\",\"link\":\"/en-US/sample/basic\"},{\"text\":\"Candle Type\",\"link\":\"/en-US/sample/candle-type\"},{\"text\":\"Indicator\",\"link\":\"/en-US/sample/indicator\"},{\"text\":\"Axis\",\"link\":\"/en-US/sample/axis\"},{\"text\":\"Tooltip\",\"link\":\"/en-US/sample/tooltip\"},{\"text\":\"Overlay\",\"link\":\"/en-US/sample/overlay\"},{\"text\":\"Data\",\"link\":\"/en-US/sample/data\"},{\"text\":\"Theme\",\"link\":\"/en-US/sample/theme\"},{\"text\":\"Timezone\",\"link\":\"/en-US/sample/timezone\"},{\"text\":\"I18n\",\"link\":\"/en-US/sample/i18n\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/klinecharts/KLineChart\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1024 1024\\\"><path d=\\\"M679.424 746.862l84.005-395.996c7.424-34.852-12.581-48.567-35.438-40.009L234.277 501.138c-33.72 13.13-33.134 32-5.706 40.558l126.282 39.424 293.156-184.576c13.714-9.143 26.295-3.986 16.018 5.157L426.898 615.973l-9.143 130.304c13.13 0 18.871-5.706 25.71-12.581l61.696-59.429 128 94.282c23.442 13.129 40.01 6.29 46.3-21.724zM1024 512c0 282.843-229.157 512-512 512S0 794.843 0 512 229.157 0 512 0s512 229.157 512 512z\\\"/></svg>\"},\"link\":\"https://t.me/+098syuQtzI0yNzll\"},{\"icon\":\"discord\",\"link\":\"https://discord.gg/7YjHYgvvvZ\"},{\"icon\":{\"svg\":\"<svg viewBox=\\\"0 0 1193 1024\\\"><path d=\\\"M806.287212 309.998684c13.642769 0 27.127442 1.050875 40.528417 2.631837C810.407012 133.842355 629.080008 1.032275 422.076327 1.032275 190.688636 1.032275 1.112733 167.275045 1.112733 378.379926c0 121.864245 63.061771 221.92052 168.465415 299.536438l-42.100079 133.470365 147.122433-77.783315c52.692523 10.992333 94.922799 22.27296 147.475825 22.27296 13.20568 0 26.309062-0.678884 39.310147-1.757657-8.2396-29.666281-13.001085-60.727528-13.001085-92.960546 0-193.8538 157.910172-351.159486 357.901823-351.159487z m-226.356512-120.301883c31.684332 0 52.683223 21.975367 52.683222 55.370858 0 33.255994-20.998891 55.519654-52.692522 55.519654-31.544835 0-63.191968-22.27296-63.191968-55.519654 0-33.39549 31.647133-55.370858 63.191968-55.370858zM285.323142 300.596612c-31.554135 0-63.405863-22.27296-63.405863-55.528953 0-33.39549 31.851728-55.370858 63.405863-55.370858 31.544835 0 52.543726 21.975367 52.543726 55.370858 0 33.255994-20.998891 55.519654-52.543726 55.519654z\\\" p-id=\\\"3781\\\"></path><path d=\\\"M1190.460898 655.8201c0-177.393199-168.400317-321.986094-357.557732-321.986094-200.289244 0-358.04132 144.592894-358.041319 321.986094 0 177.700092 157.752075 321.976794 358.041319 321.976794 41.923384 0 84.237358-11.159729 126.328138-22.27296l115.447401 66.651484-31.656433-110.881212c84.507051-66.80958 147.438625-155.417832 147.438626-255.474106z m-473.618918-55.519654c-20.961692 0-42.127979-21.966067-42.127978-44.387824 0-22.114864 21.166287-44.369224 42.127978-44.369224 31.823828 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-20.859394 44.387824-52.683223 44.387824z m231.536487 0c-20.831495 0-41.830386-21.966067-41.830386-44.387824 0-22.114864 20.998891-44.369224 41.830386-44.369224 31.544835 0 52.683223 22.25436 52.683223 44.369224 0 22.412457-21.138388 44.387824-52.683223 44.387824z\\\"/></svg>\"},\"link\":\"/en-US/guide/feedback\"}],\"editLink\":{\"pattern\":\"https://github.com/liihuu/KLineChart/edit/main/docs/:path\"}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file