ECharts与市面多数BI工具学习价值对比echarts 折线配置项内容和展示

ECharts其实不需要太多代码能力,基本上就是根据手册写配置文件+根据手册写事件响应 相同学习成本下,随着学习成本增大,学习ECharts所获得的价值从略低到大幅反超

配置项如下
      xAxisData = [];
yAxisDataBItool = [];
yAxisDataECharts = [];

for (var i = 0; i < 100; i++) {
    xAxisData.push(i);
    yAxisDataBItool.push(300 * Math.sqrt(i));
    yAxisDataECharts.push((i + 20) * (i + 20) - 400);
}

option = {
    title: {
        text: 'ECharts 与市面多数 BI 工具学习价值对比'
    },
    legend:{},
    //tooltip: {},
    xAxis: {
        name: '学习成本',
        axisLabel: {
            show: false
        },
        data: xAxisData
    },
    yAxis: {
        name: '应用效果',
        axisLabel: {
            show: false
        }
    },
    series: [{
        name:'市面上多数BI工具',
        type: 'line',
        symbol:'none',
        data: yAxisDataBItool
    }, {
        name:'ECharts',
        type: 'line',
        symbol:'none',
        data: yAxisDataECharts
    }]
};
    
截图如下