Задание атрибутов макета графика
Добавьте метки к простому графику, отключите линии сетки и установите ограничения для оси Y.
module App
using GenieFramework
@genietools
data = PlotData(x=[1, 2, 3], y=[3, 1, 2], mode = "line")
layout = PlotLayout(
xaxis=[PlotLayoutAxis(xy="x", title="x label", showgrid=false)],
yaxis=[PlotLayoutAxis(xy="y", title="y label", showgrid=false, range=[0, 10])])
@app begin
@out data
@out layout
end
function ui()
[
h1("GenieFramework 🧞 Data Visualization 📊")
plot(:data, layout=:layout)
]
end
@page("/", ui)
Server.isrunning() || Server.up()
end
Код HTML пользовательского интерфейса
<h1>GenieFramework 🧞 Data Visualization 📊</h1>
<plotly :data="data" :layout="layout" :displaylogo="false"></plotly>