Giter Club home page Giter Club logo

michealwayne / fundcharts Goto Github PK

View Code? Open in Web Editor NEW
172.0 172.0 34.0 2.92 MB

轻量级canvas数据可视化组件库(可在web移动端、微信小程序、服务端nodejs运行)。包含折线图/面积图、饼图/环形图、柱状图、雷达图(蜘蛛图),散点图,K线图,组合图,持续更新及维护。

Home Page: http://blog.michealwayne.cn/FundCharts/docs/

JavaScript 13.76% TypeScript 86.24%
canvas canvas-web charts js mobile-web nodejs wechat-app

fundcharts's People

Contributors

dependabot[bot] avatar michealwayne avatar

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

fundcharts's Issues

突然无法运行

感觉似乎是版本更新问题
之前保存的所有可以运行的画折线图的版本,现在都报以下错误
确认画图代码无改动

Cannot read property 'x' of undefined;at pages/blood/index page drawLine function
TypeError: Cannot read property 'x' of undefined

react如何引入tooltips?

你好,请问用 react 的形式引入 Line 组件 import {Line} from 'fundcharts/react'

如何再引入 ToolTips 组件呢?

看文档只找到通过全局引入的方式可以: window.FundChartsToolTips.ArrowToolTip, // 引用ToolTip, 但是用react的形式不属于这种情况。

使用Vue组件在同一页面渲染多个相同组件id问题

使用vue组件渲染折线图
折线图组件如下
<v-line v-if="isChartVisible" :options="options" class="lineId" :style="setHeight" />

options() { return { colors: ["#E8302E", "#007AFF"], yaxisfunc: (data) => { return data.toFixed(2) + "%"; }, hover: this.handleHover, dash: { isSolid: true }, font: { color: '#A3A3A3', fontSize: { x: '12px', y: '10px' } }, ...this.lineData, } }
lineData是传进组件的 datas 和 xaxis数据

在同一页面渲染多个该组件,查看element面板,发现id是相同的,导致更新某个图标数据会导致该图表空白,并且其他图表改变,感觉问题就出id重复,尝试着在options里写id(id不会应用),在组件上直接覆盖id(会导致找不到context)都不行,源码也没开源,我们应该是同一个公司的,请问该怎么解决

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.