A Zoomdata Custom Chart built with ECharts
You need to download and configure the zoomdata-chart-cli from npm
npm install zoomdata-chart-cli -g
zd-chart-cli config
# follow the prompts in the CLI to complete the configuration
# Switch to the branch matching your Zoomdata server version and Download gauge.zip from the dist/ directory
# Add the custom chart to your Zoomdata server using the zoomdata-chart-cli
zd-chart add "Gauge" ~/Dowloads/gauge.zip
# Edit the Visibility of the newly added custom chart. When prompted, select Visibility and make sure the chart is enabled.
zd-chart edit "Gauge"
# Configure the Gauge chart on an existing source
# Use it in a Zoomdata dashboard!
TBD
The chart's component files are built with Webpack
Prerequisites: Node.js v6+, zoomdata-chart-cli
- Follow the above usage instructions to add the chart to your Zoomdata server
git clone
this repository.cd
into the cloned reponpm install
to install dependencieszd-chart watch
to watch the component files in thecomponents/
directory and upload them to the Zoomdata server- On another terminal window,
npm start
to build the development bundle ornpm run build
to build the production bundle
Start coding! gauge.js
in th src/
directory is your entry file.