General article address:

Vue. Js base will not? — This article is enough

Vue whole family barrel Webpack Git Axios Element- UI

15. Echarts data statistics

15.1 Through the Routing shelf data report component

Effect:



Create a VUE and import the registration in the route:

Registered as a subroute:

Breadcrumb Navigation and card view:

15.2 Installing Eharts and Rendering Demo Diagrams

Install Echarts components in visual panel: Learn from the official website (Install)

1. Import Echart

2,

Call init ();

Initialize the init function in the Monted function: at this point the function on the page has been loaded



4. Prepare data items:

5. Set the option data to the graph of Mychart:

API:

15.3 Obtain line chart data and render the chart

Initiate GET request, simplify asynchronous operation, determine:

The returned res can be called directly below;

Need to merge options:

Merge two objects using LoDash:

Lodash provides a Merge object that can merge two parameters

15.4 Merge local report branches and push them to the code cloud











Git push