zaphar/Heracles
1
0
Fork 0
mirror of https://github.com/zaphar/Heracles.git synced 2025-07-26 05:49:50 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: Allow you to name the axis for each subplot

Browse Source 
You can force them to share axis with this.
This commit is contained in:
Jeremy Wall 2024-02-17 10:22:09 -05:00
parent 4674a821d8
commit 0cf2c537ae
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/query.rs
View File

@ -120,6 +120,7 @@ pub struct PlotMeta {
name_prefix: Option<String>, name_prefix: Option<String>,
name_suffix: Option<String>, name_suffix: Option<String>,
name_label: Option<String>, name_label: Option<String>,
named_axis: Option<String>,
d3_tick_format: Option<String>, d3_tick_format: Option<String>,
} }

7
static/lib.js
View File

@ -137,12 +137,14 @@ class TimeseriesGraph extends HTMLElement {
for (var subplot_idx in data) { for (var subplot_idx in data) {
const subplot = data[subplot_idx]; const subplot = data[subplot_idx];
const subplotCount = Number(subplot_idx) + 1; const subplotCount = Number(subplot_idx) + 1;
const yaxis = "y" + subplotCount const default_yaxis = "y" + subplotCount
if (subplot.Series) { if (subplot.Series) {
// https://plotly.com/javascript/reference/scatter/ // https://plotly.com/javascript/reference/scatter/
for (const triple of subplot.Series) { for (const triple of subplot.Series) {
const labels = triple[0]; const labels = triple[0];
const meta = triple[1]; const meta = triple[1];
const yaxis = meta["named_axis"] || default_yaxis;
// https://plotly.com/javascript/reference/layout/yaxis/
layout["yaxis" + subplotCount] = { layout["yaxis" + subplotCount] = {
anchor: yaxis, anchor: yaxis,
tickformat: meta["d3_tick_format"] || this.#d3TickFormat tickformat: meta["d3_tick_format"] || this.#d3TickFormat
@ -153,6 +155,8 @@ class TimeseriesGraph extends HTMLElement {
mode: "lines+text", mode: "lines+text",
x: [], x: [],
y: [], y: [],
// We always share the x axis for timeseries graphs.
xaxis: "x",
yaxis: yaxis, yaxis: yaxis,
yhoverformat: meta["d3_tick_format"], yhoverformat: meta["d3_tick_format"],
}; };
@ -201,7 +205,6 @@ class TimeseriesGraph extends HTMLElement {
} }
} }
} }
console.debug("traces: ", traces);
// https://plotly.com/javascript/plotlyjs-function-reference/#plotlyreact // https://plotly.com/javascript/plotlyjs-function-reference/#plotlyreact
Plotly.react(this.getTargetNode(), traces, layout, config); Plotly.react(this.getTargetNode(), traces, layout, config);
} }