echarts与highcharts学习及区别

1.echarts用法更广泛，highcharts更适合特定的某些需求

1.1,echarts和highcharts初始引用，
import * as echarts from ‘echarts’;
html要有一个容器，id=main
var chartDom = document.getElementById(‘main’);
var myChart = echarts.init(chartDom);
var option={}
option && myChart.setOption(option);

import * as highcharts from 'highcharts’与echarts引入类似
id=container
var chart = Highcharts.chart(‘container’, {配置项}）

1.2 在复用一个封装的图表时，id必须是变化的

1.3 echarts配置项学习、
title:图表标题，具体属性看官网，不需死记硬背，会用即可，有正副两个标题。

legend:图例组件展现了不同系列的标记(symbol)，颜色和名字。可以通过点击图例控制哪些系列不显示。ECharts 3 中单个 echarts 实例中可以存在多个图例组件，会方便多个图例的布局。当图例数量过多时，可以使用 滚动图例（垂直） 或 滚动图例（水平)，就是告诉大家哪一种颜色是哪一种数据。

grid:直角坐标系内绘图网格，单个 grid 内最多可以放置上下两个 X 轴，左右两个 Y 轴。可以在网格上绘制折线图，柱状图，散点图（气泡图）。在 ECharts 2.x 里单个 echarts 实例中最多只能存在一个 grid 组件，在 ECharts 3 中可以存在任意个 grid 组件。

1.4其余属性对照官网使用即可