diff --git a/404.html b/404.html index 5c5680b80..ae9211b2f 100644 --- a/404.html +++ b/404.html @@ -6,10 +6,10 @@ 404 | KLineChart - + - - + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - - - + + + + + + - + + - - - - - + + + + + - + + - - - - - - + + + + + + - + + - - - - - + + + + + - + + - - - - - + + + + + - + + - - - - - + + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - - + + + + + - + + - - - - - + + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - - + + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - - + + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - - + + + + - + + - - - + + + - + + - - - + + + -
KLineChart

🇬🇧 English

🇨🇳 简体中文

🇬🇧 English

🇨🇳 简体中文

Appearance

Highly customizable professional lightweight financial chart

Easy to use, lightweight and smooth, suitable for web front-end financial chart with rich scenarios.

Getting Started   Github

Out of the box

Simple and fast integration, zero cost to get started, displaying a chart in just 3 lines of code, allowing users to focus on data integration.

Lightweight and smooth

Zero dependency, only about 50k under Gzip compression. Charts can remain smooth even with thousands of data.

Powerful functionality

Built in multiple candlestick charts, multiple coordinate axes, dozens of commonly used indicators, and line drawing models to meet most needs.

Highly expand

Provide rich APIs, style configurations, technical specifications, line drawing models, and coordinate axis extensions, with customizable functional combinations.

Mobile

Specially adapted for mobile devices, fully capable of running on mobile browsers.

Typescript

Provide a complete Typescript declaration file, perfectly supporting Typescript development.

Create chart easily and quickly

KLineChart allows you to create a financial chart with just a few lines of code, while also utilizing various commonly used technical indicators built-in to make the chart look more professional.

FAQ

Most of the problems encountered during the development process can be answered from the following content.

  • After the chart is initialized, only one line can be seen?
  • The candle shows a line, no fluctuation, what to do?
  • How to create a real-time chart?
  • Built-in technical indicators, calculated data is not what you want, how to do?
  • What if I want to create an indicator other than the built-in technical indicator?
  • Want to mark the point of sale, how should do?

Sponsors

Maintaining such a chart and developing new features requires tremendous effort, which can only be sustained with the generous financial support of our sponsors.

+
KLineChart

🇬🇧 English

🇨🇳 简体中文

🇬🇧 English

🇨🇳 简体中文

Appearance

Highly customizable professional lightweight financial chart

Easy to use, lightweight and smooth, suitable for web front-end financial chart with rich scenarios.

Getting Started   Github

Out of the box

Simple and fast integration, zero cost to get started, displaying a chart in just 3 lines of code, allowing users to focus on data integration.

Lightweight and smooth

Zero dependency, only about 50k under Gzip compression. Charts can remain smooth even with thousands of data.

Powerful functionality

Built in multiple candlestick charts, multiple coordinate axes, dozens of commonly used indicators, and line drawing models to meet most needs.

Highly expand

Provide rich APIs, style configurations, technical specifications, line drawing models, and coordinate axis extensions, with customizable functional combinations.

Mobile

Specially adapted for mobile devices, fully capable of running on mobile browsers.

Typescript

Provide a complete Typescript declaration file, perfectly supporting Typescript development.

Create chart easily and quickly

KLineChart allows you to create a financial chart with just a few lines of code, while also utilizing various commonly used technical indicators built-in to make the chart look more professional.

FAQ

Most of the problems encountered during the development process can be answered from the following content.

  • After the chart is initialized, only one line can be seen?
  • The candle shows a line, no fluctuation, what to do?
  • How to create a real-time chart?
  • Built-in technical indicators, calculated data is not what you want, how to do?
  • What if I want to create an indicator other than the built-in technical indicator?
  • Want to mark the point of sale, how should do?

Sponsors

Maintaining such a chart and developing new features requires tremendous effort, which can only be sustained with the generous financial support of our sponsors.

diff --git a/en-US/sponsor.html b/en-US/sponsor.html index 99a97873e..1842de0a7 100644 --- a/en-US/sponsor.html +++ b/en-US/sponsor.html @@ -6,15 +6,15 @@ ❤️ Sponsor | KLineChart - + - - + + - - + + - + - + + - - - + + + - + + - - - + + + - + + - - - + + + - + + - - - + + + - + + - - + + - + - + + - - - + + + - + + - - - + + + - + + - - - + + + - + + - - - + + + - + + - - - + + + - + + - - - - + + + + - + + - - - + + + - + + - - - + + + -
KLineChart

🇨🇳 简体中文

🇬🇧 English

🇨🇳 简体中文

🇬🇧 English

主题

🚀 快速上手 ​

获取KLineChart ​

KLineChart 支持多种下载方式，你可以通过 npm 、 yarn 、 pnpm 或 bun 包管理工具下载。另外，也提供了 umd 版本，所以也可以从 cdn 网站 或 等进行下载，使用全局变量 klinecharts 即可。

推荐使用包管理工具的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。

bash
npm install klinecharts
bash
yarn add klinecharts
bash
pnpm install klinecharts
bash
bun add klinecharts
html
<script src="https://cdn.jsdelivr.net/npm/klinecharts/dist/umd/klinecharts.min.js"></script>

创建第一个图表 ​

KLineChart 不受前端框架限制，所以你可以在任何一个前端框架中使用。

jsx
import { useEffect } from 'react'
+    
KLineChart
🇨🇳 简体中文
🇬🇧 English
🇨🇳 简体中文
🇬🇧 English
主题
🚀 快速上手 ​
获取KLineChart ​
KLineChart 支持多种下载方式，你可以通过 npm 、 yarn 、 pnpm 或 bun 包管理工具下载。另外，也提供了 umd 版本，所以也可以从 cdn 网站  或  等进行下载，使用全局变量 klinecharts 即可。
推荐使用包管理工具的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。
bash
npm install klinecharts
bash
yarn add klinecharts
bash
pnpm install klinecharts
bash
bun add klinecharts
html
<script src="https://cdn.jsdelivr.net/npm/klinecharts/dist/umd/klinecharts.min.js"></script>
创建第一个图表 ​
KLineChart 不受前端框架限制，所以你可以在任何一个前端框架中使用。
jsx
import { useEffect } from 'react'
 import { init, dispose } from 'klinecharts'
 export default () => {
   useEffect(() => {
diff --git a/guide/styles.html b/guide/styles.html
index 9b497de7b..0714f2f20 100644
--- a/guide/styles.html
+++ b/guide/styles.html
@@ -6,15 +6,15 @@
     🎨 样式配置 | KLineChart
     
     
-    
+    
     
-    
-    
+    
+    
     
-    
-    
-    
-    
+    
+    
+    
+    
     
     
-    
+    
+    
     
-    
-    
-    
+    
+    
+    
     
     
-    
+    
+    
     
-    
-    
-    
+    
+    
+    
     
     
   
   
-    
KLineChart
🇨🇳 简体中文
🇬🇧 English
🇨🇳 简体中文
🇬🇧 English
主题
可高度自定义的专业级轻量金融图表
简单易用，轻量流畅，适用场景丰富的 Web 前端金融图表。
快速开始   Github 
开箱即用
简单快速集成，零成本上手，显示出一个图表仅需3行代码，让使用者专注于数据对接。
轻量流畅
零依赖，Gzip压缩下仅50k左右。图表即使在成千上万数据的情况下也能保持流畅。
功能强大
内置多种蜡烛图，多种坐标轴，几十种常用指标和画线模型，满足大多数需求。
高可扩展
提供丰富的Api，样式配置，提供技术指标，画线模型和坐标轴扩展，功能搭配随心所欲。
移动端
针对移动端，做了单独的适配，完全可以运行在移动端浏览器上。
Typescript
提供完整的 Typescript 声明文件，完美支持 Typescript 开发。
简单快速创建图表
KLineChart 让你使用几行代码就可以创建一个金融图表，同时可以使用内置的多种常用技术指标，让图表看起来更专业。
常见问题
开发过程遇到的问题，大多都可以从以下内容中找到答案。
  • 初始化图表后，只能看到一个x轴，是怎么回事？
  • 蜡烛柱显示趋近于一条线，看不到波动，怎么办？
  • 分时图怎么创建？
  • 内置的技术指标，计算出来的数据不是想要的，怎么办？
  • 想创建一个内置技术指标之外的指标，怎么办？
  • 想标记一下买卖点，该怎么做？
赞助商
维护这样一个图表和开发新功能需要巨大精力，只有在我们的赞助者慷慨的财务支持下才得以持续。

+    
KLineChart
🇨🇳 简体中文
🇬🇧 English
🇨🇳 简体中文
🇬🇧 English
主题
可高度自定义的专业级轻量金融图表
简单易用，轻量流畅，适用场景丰富的 Web 前端金融图表。
快速开始   Github 
开箱即用
简单快速集成，零成本上手，显示出一个图表仅需3行代码，让使用者专注于数据对接。
轻量流畅
零依赖，Gzip压缩下仅50k左右。图表即使在成千上万数据的情况下也能保持流畅。
功能强大
内置多种蜡烛图，多种坐标轴，几十种常用指标和画线模型，满足大多数需求。
高可扩展
提供丰富的Api，样式配置，提供技术指标，画线模型和坐标轴扩展，功能搭配随心所欲。
移动端
针对移动端，做了单独的适配，完全可以运行在移动端浏览器上。
Typescript
提供完整的 Typescript 声明文件，完美支持 Typescript 开发。
简单快速创建图表
KLineChart 让你使用几行代码就可以创建一个金融图表，同时可以使用内置的多种常用技术指标，让图表看起来更专业。
常见问题
开发过程遇到的问题，大多都可以从以下内容中找到答案。
  • 初始化图表后，只能看到一个x轴，是怎么回事？
  • 蜡烛柱显示趋近于一条线，看不到波动，怎么办？
  • 分时图怎么创建？
  • 内置的技术指标，计算出来的数据不是想要的，怎么办？
  • 想创建一个内置技术指标之外的指标，怎么办？
  • 想标记一下买卖点，该怎么做？
赞助商
维护这样一个图表和开发新功能需要巨大精力，只有在我们的赞助者慷慨的财务支持下才得以持续。

     
     
   
diff --git a/sponsor.html b/sponsor.html
index 316286b58..f0c33267f 100644
--- a/sponsor.html
+++ b/sponsor.html
@@ -6,15 +6,15 @@
     ❤️ 赞助 | KLineChart
     
     
-    
+    
     
-    
-    
+    
+    
     
-    
-    
+    
+    
     
-    
+