64 lines
2 KiB
GDScript
64 lines
2 KiB
GDScript
extends Control
|
|
|
|
@onready var chart: Chart = $VBoxContainer/Chart
|
|
|
|
# This Chart will plot 3 different functions
|
|
var f1: Function
|
|
|
|
func _ready():
|
|
# Let's create our @x values
|
|
var x: Array = ["Day 1", "Day 2", "Day 3", "Day 4"]
|
|
|
|
# And our y values. It can be an n-size array of arrays.
|
|
# NOTE: `x.size() == y.size()` or `x.size() == y[n].size()`
|
|
var y: Array = [20, 10, 50, 30]
|
|
|
|
# Let's customize the chart properties, which specify how the chart
|
|
# should look, plus some additional elements like labels, the scale, etc...
|
|
var cp: ChartProperties = ChartProperties.new()
|
|
cp.colors.frame = Color("#161a1d")
|
|
cp.colors.background = Color.TRANSPARENT
|
|
cp.colors.grid = Color("#283442")
|
|
cp.colors.ticks = Color("#283442")
|
|
cp.colors.text = Color.WHITE_SMOKE
|
|
cp.y_scale = 10
|
|
cp.draw_origin = true
|
|
cp.draw_bounding_box = false
|
|
cp.draw_vertical_grid = false
|
|
cp.interactive = true # false by default, it allows the chart to create a tooltip to show point values
|
|
# and interecept clicks on the plot
|
|
|
|
# Let's add values to our functions
|
|
f1 = Function.new(
|
|
x, y, "User", # This will create a function with x and y values taken by the Arrays
|
|
# we have created previously. This function will also be named "Pressure"
|
|
# as it contains 'pressure' values.
|
|
# If set, the name of a function will be used both in the Legend
|
|
# (if enabled thourgh ChartProperties) and on the Tooltip (if enabled).
|
|
{
|
|
type = Function.Type.BAR,
|
|
bar_size = 5
|
|
}
|
|
)
|
|
|
|
# Now let's plot our data
|
|
chart.plot([f1], cp)
|
|
|
|
# Uncommenting this line will show how real time data plotting works
|
|
set_process(false)
|
|
|
|
|
|
var new_val: float = 4.5
|
|
|
|
func _process(delta: float):
|
|
# This function updates the values of a function and then updates the plot
|
|
new_val += 5
|
|
|
|
# we can use the `Function.add_point(x, y)` method to update a function
|
|
f1.add_point(new_val, cos(new_val) * 20)
|
|
chart.queue_redraw() # This will force the Chart to be updated
|
|
|
|
|
|
func _on_CheckButton_pressed():
|
|
set_process(not is_processing())
|