Graph View

by lighfu

Version 2 (September 16, 2020)

Download (17 downloads)

〔 Overview 〕
Display a graph by using an array and a dictionary.

⚠️Premium (thanks problem report)
⚪Not need Javascript and HTML knowledge

📱Screenshot
Sample1 - bit.ly/3ekSwlk
Sample2 - bit.ly/38QoeFZ
Sample3 - bit.ly/2DuHyNv

[💡Argument]

💠 options : Example

{
"type": "line" ,
"title": { "display": "true" , "text": "Graph Test" } ,
"curve": "0.35" ,
"scales": {
"yAxes": {
"suggestedMax": "40" , "suggestedMin": "0",
"stepSize": "5",
"afterValue": " ℃ "
}
}
}

💠 data : Example

{
"label": ["Equator side", "Arctic side"] ,
"labels": ["1 day", "2 day", "3 day", "4 day"] ,
"data": [ [22, 26, 25, 27] , [5, 7, 1, 7] ],

"borderColor": [ "rgba(255,0,0,0.5)","rgba(0,0,255,0.5)" ] ,

"backgroundColor": [ "rgba(0,0,0,0)", "rgba(0,0,0,0)" ]
}



♊ Available argument values
💠 options

type:
➡️ "line" or "bar"

* title: {} > * display: ""
➡️ "true" or "false"
* title: {} > * text: ""
➡️ Graph title

* curve:
➡️ "0" "0.35" "1" (Curve of graph)

* scales: {} > * yAxes: {} > * suggestedMax: ""
➡️ Maximum value of graph
*scales: {} > * yAxes: {} > * suggestedMin: ""
➡️ Minimum value of graph

💠 data
label: []
➡️ Name of each data
labels: []
➡️ String for each x-axis
data: []
➡️ Number only
* borderColor: []
➡️ Determine color with rgba()
* backgroundColor: []
➡️ Determine color with rgba()

⬜ * is can be omitted.

Version 2
💠Signature deleted by update.
Thank you for downloading.

✴️ Library
# Chart.js (2.7.2)

🔶 Advanced

If you are using blocks, you must define the array inside an array.
This also applies to dictionaries.

➡️ For details, execute and refer to "Flow: Block used".

3.5 average rating from 2 reviews

5 stars
0
4 stars
1
3 stars
1
2 stars
0
1 star
0
Reports
0

Reviews and ratings can be submitted in the app.