Project: KLineChartSample (GitHub Link)

KLineChartSample-master
- js-sample
  - basic.html
  - .gitignore
- uniapp-sample
  - src
    - pages
      - index
        generatedKLineDataList.js
        index.vue
    - main.js
    - manifest.json
    - pages.json
    - App.vue
    - static
    - uni.scss
  - public
    - index.html
  - postcss.config.js
  - babel.config.js
  - README.md
  - package.json
  - tsconfig.json
  - .gitignore
- react-sample
  - .eslintignore
  - src
    - utils
      - generatedKLineDataList.js
    - app.less
    - Layout.jsx
    - chart
      - CustomCandleMarkKLineChart.jsx
      - LoadMoreKLineChart.jsx
      - TechnicalIndicatorKLineChart.jsx
      - ChartTypeKLineChart.jsx
      - TooltipKLineChart.jsx
      - DrawShapeKLineChart.jsx
      - CustomThemeKLineChart.jsx
      - LanguageKLineChart.jsx
      - TimezoneKLineChart.jsx
      - UpdateKLineChart.jsx
    - serviceWorker.js
    - setupTests.js
    - App.jsx
    - index.less
    - index.js
  - public
    - robots.txt
    - manifest.json
    - index.html
  - .editorconfig
  - config
    - pnpTs.js
    - env.js
    - webpackDevServer.config.js
    - modules.js
    - webpack.config.js
    - paths.js
    - getHttpsConfig.js
    - jest
      - cssTransform.js
      - fileTransform.js
  - README.md
  - package.json
  - scripts
    - test.js
    - build.js
    - start.js
  - .eslintrc.js
  - .gitignore
- LICENSE
- ng-sample
  - tsconfig.spec.json
  - src
    - styles.css
    - polyfills.ts
    - main.ts
    - index.html
    - test.ts
    - app
      - app.component.html
      - app.component.spec.ts
      - app.module.ts
      - components
        layout.component.ts
        layout.component.html
      - k-line-chart
        technical-indicator
        technical-indicator-k-line-chart.component.ts
        technical-indicator-k-line-chart.component.html
        language
        language-k-line-chart.component.ts
        language-k-line-chart.component.html
        chart-type
        chart-type-k-line-chart.component.html
        chart-type-k-line-chart.component.ts
        custom-theme
        custom-theme-k-line-chart.component.html
        custom-theme-k-line-chart.component.ts
        tooltip
        tooltip-k-line-chart.component.html
        tooltip-k-line-chart.component.ts
        custom-candle-mark-k-line-chart
        custom-candle-mark-k-line-chart.component.ts
        custom-candle-mark-k-line-chart.component.html
        timezone
        timezone-k-line-chart.component.ts
        timezone-k-line-chart.component.html
        update
        update-k-line-chart.component.ts
        update-k-line-chart.component.html
        load-more
        load-more-k-line-chart.component.html
        load-more-k-line-chart.component.ts
        draw-shape
        draw-shape-k-line-chart.component.ts
        draw-shape-k-line-chart.component.html
      - app.component.ts
      - generatedKLineDataList.ts
    - environments
      - environment.ts
      - environment.prod.ts
    - assets
      - .gitkeep
  - tslint.json
  - e2e
    - src
      - app.e2e-spec.ts
      - app.po.ts
    - protractor.conf.js
    - tsconfig.json
  - .editorconfig
  - browserslist
  - tsconfig.app.json
  - README.md
  - package.json
  - karma.conf.js
  - angular.json
  - tsconfig.json
  - .gitignore
- README.md
- vue-sample
  - src
    - Layout.vue
    - main.js
    - components
      - LanguageKLineChart.vue
      - TimezoneKLineChart.vue
      - CustomThemeKLineChart.vue
      - ChartTypeKLineChart.vue
      - DrawShapeKLineChart.vue
      - TooltipKLineChart.vue
      - CustomCandleMarkKLineChart.vue
      - UpdateKLineChart.vue
      - LoadMoreKLineChart.vue
      - TechnicalIndicatorKLineChart.vue
    - generatedKLineDataList.js
    - App.vue
    - assets
  - public
    - index.html
  - .editorconfig
  - babel.config.js
  - README.md
  - package.json
  - .gitignore
- .gitignore

KLineChartSample

KLineChart(https://github.com/liihuu/KLineChart) sample code. Contains multiple front-end framework versions.

Run

React

cd react-sample && npm install && npm run start

Vue

cd vue-sample && npm install && npm run start

Angular

cd ng-sample && npm install && npm run start

uni-app

cd uniapp-sample && npm install && npm run serve

License

MIT