Axure echart embedded dynamic chart view visualization

Ready to work:

1.echart official website: https://www.echartsjs.com/index.html ;

Download echart.min.js, later released Axure cited;

2. Go echart official website - "instance -" official instance, select the column, pie or line chart their own needs, etc. (can also be in the community - "gallery,

Here are personal visualization FIG uploaded, more practical), you may be required to modify their front-end code, the visualization of FIG own needs,

Note: Do not modify the editing is complete, as shown below, switch the background color, or your hard work will be lost! ! ! ! !

Click the lower right corner to download a Download html, as a follow-up to the introduction of axure inline frame.

3. Add an inline frame in axure, as shown below:

Finally generates an HTML file locally, download echart.min.js introduction to the next generation of HTML files \ resources \ scripts under this path,

While the generated HTML file with the official website at echart FIG visualized or custom visual html FIG derived in a directory, as shown below:

The local path is then introduced into the area-basic.html axure inline frame can be.

Note: Do not axure preview mode to see the effect of view, need to re-release build, view the results

Another: the problem being no solution. . . . . , Not studied. . . . Put it. . . .

Released two original articles · won praise 2 · Views 1645

Guess you like

Origin blog.csdn.net/qq_33635033/article/details/100525488