echart图表之highcharts

ECharts 和 Highcharts 都是常用的图表库，它们各有特色，但在许多方面，它们的功能是相似的。以下是一个简单的比较：

1. 开源许可证：ECharts 使用 Apache-2.0 许可证开源，Highcharts 使用 MIT 许可证。
2. 大小：Highcharts 库比较大，包含所有图表类型和功能，而 ECharts 更轻量级，可以按需加载模块。
3. 支持的图表类型：两者都支持常见的图表类型，如柱状图、折线图、饼图等，但 Highcharts 可能支持一些更特殊或新兴的图表类型。
4. 社区支持：两者都有活跃的社区和文档支持。
5. 商业版本：Highcharts 提供有费用的商业支持和扩展，而 ECharts 在这方面可能没有直接的商业支持。
6. 更新频率：两者都在持续更新以提供新功能和修复漏洞。

如果你需要一个更轻量级、按需加载的图表库，并且更注重中国式报表和图表，那么 ECharts 可能是更好的选择。如果你需要更多的专业图表类型和更成熟的商业支持，那么 Highcharts 可能是更好的选择。

以下是一个简单的 ECharts 和 Highcharts 柱状图的示例代码：

ECharts 示例代码：

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
 
// 指定图表的配置项和数据
var option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar'
    }]
};
 
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

Highcharts 示例代码：

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    title: {
        text: 'Monthly Average Rainfall'
    },
    subtitle: {
        text: 'Source: WorldClimate.com'
    },
    xAxis: {
        categories: [
            'Jan',
            'Feb',
            'Mar',
            'Apr',
            'May',
            'Jun',
            'Jul'
        ]
    },
    yAxis: {
        min: 0,
        title: {
            text: 'Rainfall (mm)'
        }
    },
    tooltip: {
        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
            '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
        footerFormat: '</table>',
        shared: true,
        useHTML: true
    },
    plotOptions: {
        column: {
            pointPadding: 0.2,
            borderWidth: 0
        }
    },
    series: [{
        name: 'Tokyo',
        data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 13