HTML5 Chart components A little bit of a feeling

Although the registration of the garden is very early, but has not written any articles, are looking at the articles of the great God, they have summed up, but have no Cheng Zhang, from now on to urge themselves to do some summary, and gradually improve their own. Let's start with the latest project.

The most recent project is the development of charts on the mobile side, and some research has been done on the currently popular chart framework, mainly Echarts, Highcharts, Ichart, Chartjs and Canvasjs.

Echarts base based on Zrender (Canvas class library), support a variety of complex charts, interactivity is very strong, compatible with most browsers, the basic package is too large (449k), you need to specify the chart width is high, although it is supported mobile, but the large amount of data, fast sliding is the chart will blur ; Highcharts also supports a variety of complex charts, interactive capabilities can be varied, to scale the chart, the underlying is the svg form of the chart, mobile performance is very good, but requires commercial authorization; Ichart chart Display and interaction are fair, if the mobile device width is too small, will cause data overlap, And for a long time did not update maintenance; Chartjs The bottom is also canvas, the presentation of the chart is excellent, mobile performance is very good, the API is not complex, but the complex interaction seems to be very few; Canvasjs also requires commercial authorization, the underlying is based on the canvas element.

Combining a variety of charts, combined with our current project, we echarts and highcharts in the pros and cons, further results, will be updated later.

HTML5 Chart components A little bit of a feeling