Plugins 〉Plotly


Developer

Natel Energy

Sign up to receive occasional product news and updates:


Grafana Cloud
ObservabilityCON on the Road: Chicago (Mar 11)

See demos of new Grafana Cloud observability workflows, hear community success stories, and leave with what you need to advance your observability roadmap.


This plugin has been deprecated as it is no longer maintained. Consider use of this alternative Plotly panel.
Panel
community

Plotly

  • Overview
  • Installation
  • Related content

Plot.ly Panel for Grafana

CircleCI dependencies Status devDependencies Status

Render metrics using the plot.ly javascript framework

Works with grafana 4, 5, and 6

Screenshots

Screenshot of scatter plot Screenshot of scatter plot Screenshot of scatter plot Screenshot of 3d scatter plot Screenshot of the options screen

Building

To complie, run:

npm install -g yarn
yarn install --pure-lockfile
yarn build

Releasing

This plugin uses release-it to release to GitHub.

env GITHUB_TOKEN=your_token yarn release-it patch

Changelog

v0.0.6
  • Fix axis range configuration bug #49
  • Add basic annotations support #57 (tchernobog)
  • Improve loading times for plotly.js and support loading from CDN
  • Assume date x-axis when 'auto' and the mapping has 'time'
  • Support Fixed-Ratio Axes
  • Tested with Grafana 6
v0.0.5
  • Upgrade plotly (v1.41+)
  • Better support for light theme. (#24, @cscheuermann81)
  • Support snapshots
  • Removing dist from master branch
  • Support of multiple time series's (#9, CorpGlory DevTeam)
  • Support showing text from query (#11)
  • Template variable support
  • Improved metric mapping
  • Using webpack and basic jest tests
v0.0.4
  • Load plotly from npm (v1.31.2+)
  • Convert to TypeScript
  • Reasonable behavior when adding single metric
  • Formatting with prettier.js
  • Support for a single table query
v0.0.3
  • Improve options UI
  • Added range mode: "tozero" and "nonnegative"
  • Map metrics to X,Y,Z and color
  • Can now select 'date' type for each axis to support time
  • basic support to size marker with data
v0.0.2
  • Added ability to set color from a metric query. (#4, @lzgrablic01)
  • Show 3D axis names properly
  • Fix initalization to work with 4.2+ (isPanelVisible undefined)
v0.0.1
  • First working version

Wishlist (help wanted)

Installing Plotly on Grafana Cloud:

For more information, visit the docs on plugin installation.

Installing on a local Grafana:

For local instances, plugins are installed and updated via a simple CLI command. Plugins are not updated automatically, however you will be notified when updates are available right within your Grafana.

1. Install the Panel

Use the grafana-cli tool to install Plotly from the commandline:

grafana-cli plugins install 

The plugin will be installed into your grafana plugins directory; the default is /var/lib/grafana/plugins. More information on the cli tool.

2. Add the Panel to a Dashboard

Installed panels are available immediately in the Dashboards section in your Grafana main menu, and can be added like any other core panel in Grafana.

To see a list of installed panels, click the Plugins item in the main menu. Both core panels and installed panels will appear.