Comments (5)
What would you like to see instead? Do you have an example from another site that you can share?
from chartjs-chart-financial.
just a string label, same as a bar chart, but instead of a single value represented by a bar, I would like to use a candlestick with 4 values for every x-axis label.
For example say I have 10 bicyclists cycling a 10 km distance many times everyday and recording the time. So I have this data for a month. I want to plot a candlestick graph with the names of the cyclists on the x axis, and the candle corresponding to their name representing their best time, worst time, daily average time at the start of the month and daily average time at the end of the month.
from chartjs-chart-financial.
It might work if you pass the data as { x, o, h, l, c }
instead of { t, o, h, l, c }
and then set a category axis: https://www.chartjs.org/docs/latest/axes/cartesian/category.html
from chartjs-chart-financial.
Tried, but it doesnt work. The candlesticks are not rendered with the right spacing when the time Axis is not defined. Even when I pass the values as x: , it still takes it as a time param. So actually it is not possible to pass a string value as the x: attribute. If I define category axis and assign labels, the same weird spacing happens
from chartjs-chart-financial.
Hmm, that's too bad. I expected it should work or at least be close to it. This is really targeted towards financial charts, so I don't think we'll fix it ourselves. That being said if you want to send a fix, we'll consider it
from chartjs-chart-financial.
Related Issues (20)
- Chart.js 3 bugs HOT 1
- demo links in the readme seems to be broken HOT 4
- Inability to add a line chart to a candlestick chart HOT 3
- Running on NodeJS HOT 3
- Type '"metaExtensions"' cannot be used to index type 'ChartTypeRegistry[key]' HOT 1
- Candle border options HOT 3
- Problem with libary and nodejs, browserless usage HOT 4
- [Bug] Data does not get displayed properly after hiding it and showing it again. HOT 3
- Strip random data and replace with my own HOT 1
- Using this module with react ? HOT 2
- [Error] candlestick is not a registered controller chartjs. HOT 1
- Type Error from chart.js using candlestick charts HOT 10
- How to click to get data from candle stick
- Conflict with react^18 HOT 1
- BUG on calculating the min sample size
- X values and data is not displayed
- How to change candle stick color? HOT 3
- How to add some padding on the right hand size
- How can I center the chart?
- Error when upgrading from Chart.js 3.0 to 4.4 HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from chartjs-chart-financial.