Powered by AppSignal & Oban Pro

Toggling Axes Lines, Ticks, Labels, and Autorange

63_toggling_axes_lines_ticks_labels_and_autorange.livemd

Toggling Axes Lines, Ticks, Labels, and Autorange

Mix.install([
  {:plotly_ex, "~> 0.3"},
  {:kino, "~> 0.18"}
])

Section

Toggle axis grid lines with showgrid, tick labels with showticklabels, and use autorange: true (default) to let plotly fit the data automatically.

alias Plotly.{Figure, Scatter}

x = [1, 2, 3, 4, 5]
y = [1, 4, 9, 16, 25]

Figure.new()
|> Figure.add_trace(Scatter.new(x: x, y: y, mode: "lines+markers", name: "squares"))
|> Figure.update_layout(
  title: "No Grid Lines",
  xaxis: %{showgrid: false},
  yaxis: %{showgrid: false}
)
|> Plotly.show()
Figure.new()
|> Figure.add_trace(Scatter.new(x: x, y: y, mode: "lines+markers", name: "squares"))
|> Figure.update_layout(
  title: "No Tick Labels",
  xaxis: %{showticklabels: false},
  yaxis: %{showticklabels: false}
)
|> Plotly.show()
Figure.new()
|> Figure.add_trace(Scatter.new(x: x, y: y, mode: "lines+markers", name: "squares"))
|> Figure.update_layout(
  title: "Axis Not Visible",
  xaxis: %{visible: false},
  yaxis: %{visible: false}
)
|> Plotly.show()