Git Product home page Git Product logo

seerline / clchart Goto Github PK

View Code? Open in Web Editor NEW
318.0 318.0 49.0 3.03 MB

A fast, simple and cross-platform(html5 react-native weex wechat-applet) stock chart library created using canvas.

Home Page: https://seerline.github.io/clchart/zh

License: MIT License

JavaScript 92.81% Shell 0.24% HTML 6.95%
canvas chart cross-platform data-visualization graph html-stock-chart javascript react-native stock-chart webpack wechat-mini-program

clchart's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

clchart's Issues

帮助文档不全

这还是个半成品
如何调用方法,交互,这些都没有写

indent

Hello, how we can set indent for a chart so that there will be a space between candlestick chart and the ending of the chart.

api文档计划什么时候完善

非常好的项目,支持你们。
我一直在寻觅rn的股票绘图,直到发现你们这个项目,让我看到了希望。在实操过程中有点。。。文档不全我无法完成项目。

使用Python 的web加载index报ClChart is not defined错

1、使用Python 的web加载index报ClChart is not defined错
1)web对象:
self.webView = QWebEngineView(self.centralwidget)
2)使用:
file_path = os.path.abspath(os.path.join(os.path.dirname(file), "index/index.html"))
local_url = QUrl.fromLocalFile(file_path)
self.ui.webView.load(local_url)
web一直loading旋转,日志提示:
js: Uncaught ReferenceError: ClChart is not defined

3)尝试把ClChart.js代码放到HTML,还是报错。

2、但是使用浏览器可以正常打开。

Horizontal line

Hello, please let me know, how we can draw horizontal line on this chart, is there a possiblity to draw horizontal line on this chart?

您好,请告诉我,如何在此图表上绘制水平线,是否有可能在此图表上绘制水平线?

Demo sample do not works well

Hi,

The demo is not working as it should be !

The mouse pointer is not on the right position ! and chart is nit right iterated.

数据问题

请问demo数据里面,每一个参数都是什么意思?比如开盘价,收盘价这种

k线图

移动端不支持左右滑动吗?放大缩小这种模式感觉怪怪的,放大后柱子很宽,应该是类似一个分页的功能;还有出现十字准星后,应该需要限制只能在柱子上面移动,这样效果更好

TypeError: ClChart.createSingleChart is not a function

您好,在vue项目里面require node_module里的clchart可以正常运行,现在因为业务需要,修改了clchart源代码,将npm run build出来的dist文件里的clchart引入require到项目里,报TypeError: ClChart.createSingleChart is not a function,用import方法引入,有createSingleChart方法,但还是报in nextTick方法里ClChart.createSingleChart undefined error.

run build 失败 node 版本12.10

ERROR in ClChart.js from UglifyJs
warnings is not a supported option

ERROR in SisClient.js from UglifyJs
warnings is not a supported option

Some question about this awesome chart

Hi sir !

First many thank's for this share and awesome work !

I have some questions for you:

  • Is it possible to show the latest price on a green background like in this image:
    https://user-images.githubusercontent.com/4250838/40221637-8c57e146-5aaf-11e8-9cdf-84b7e82ef83b.png

  • Is there a way to add dynamically new datas for it without loading all the data again ? Is it possible in the same why to update the latest value ?

  • How to show time bar in the bottom of candlestick chart ?

  • Can you share unminified version of clchart.js please ?

  • And finally, is it possible to load data from multiple CSV files ?

Thank you in advance for your answers !

图表动态更新

您好,图表数据更新有没有对应的方法?还是说和首次创建是一样的?

图表误差

您好,x轴和十字准星的误差比较大,这个有没有优化方案呢?在鼠标移动时由于误差比较大,导致线条对不齐

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.