Comments (4)
Yes, the random data is generated here: https://github.com/chartjs/chartjs-chart-financial/blob/master/docs/utils.js
You need to create an object with o
, h
, l
, c
just like this random script does
from chartjs-chart-financial.
Thanks for your kind reply.
Usually for the charts.js, we need to input data below.
Could you tell me how to input the data for the candlestick version?
(How could I write it? Is it like
o:105.31, h:105.67, l: 105.00, c:105.60 ?? I don't know the correct way to input data.)
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'candlestick',
data: {
labels: [
"2017.12.11",
"2017.12.12",
],
datasets: [
{
label: "Actual Data",
backgroundColor: "rgba(226,240,217,0.4)",
borderColor: "rgba(0,176,80,1)",
pointBackgroundColor: "rgba(0,176,80,1)",
pointBorderColor: "#fff",
pointHoverBackgroundColor: "#fff",
pointHoverBorderColor: "rgba(0,176,80,1)",
pointHitRadius: 10,
data: [
//"Could you give me some samples for how I could insert the data?"
**106.26,**
**106.29,**
]
},
from chartjs-chart-financial.
data: [{o:105.31, h:105.67, l: 105.00, c:105.60}, {o:105.31, h:105.67, l: 105.00, c:105.60}]
from chartjs-chart-financial.
Thanks a lot!!
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.