add echarts tip of interactive editor

1 files changed, 7 insertions, 0 deletions

diff --git a/exampleSite/content/posts/theme-documentation-extended-shortcodes/index.en.md b/exampleSite/content/posts/theme-documentation-extended-shortcodes/index.en.md
index 54de11a..489bb24 100644
--- a/exampleSite/content/posts/theme-documentation-extended-shortcodes/index.en.md
+++ b/exampleSite/content/posts/theme-documentation-extended-shortcodes/index.en.md
@@ -869,6 +869,13 @@ The rendered output looks like this:
 }
 {{< /echarts >}}
 
+Pro tip: build your graphs faster by picking an example from the [echarts gallery](https://echarts.apache.org/examples/en/index.html), and use the interactive editor to quickly adapt it to your desired graph.
+When you're done, you can copy the resulting graph specification and paste it over into the uBlogger shortcode. Just make sure you correct the JSON syntax by:
+
+1. Removing the `option =` prefix to the graph specification.
+1. Removing the `;` suffix to the graph specification.
+1. Enclosing all symbols in quotes in the graph specification (e.g. `xAxis:` &rarr; `"xAxis":`).
+
 The `echarts` shortcode has also the following named parameters:
 
 * **width** *[optional]* (**first** positional parameter)