echarts直方图折线图

ECharts 是一个基于 JavaScript 的开源可视化库，它可以用来创建各种交互式的图表，包括直方图和折线图。下面是使用 ECharts 创建直方图和折线图的示例：

1. 直方图：

// 引入 ECharts
const echarts = require('echarts');

// 初始化图表实例
const chart = echarts.init(document.getElementById('chart-container'));

// 定义数据
const data = [120, 200, 150, 80, 70, 110, 130];

// 配置图表
const option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E', 'F', 'G']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        type: 'bar',
        data: data
    }]
};

// 渲染图表
chart.setOption(option);

2. 折线图：

// 引入 ECharts
const echarts = require('echarts');

// 初始化图表实例
const chart = echarts.init(document.getElementById('chart-container'));

// 定义数据
const data = [120, 200, 150, 80, 70, 110, 130];

// 配置图表
const option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E', 'F', 'G']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        type: 'line',
        data: data
    }]
};

// 渲染图表
chart.setOption(option);

以上代码演示了如何使用 ECharts 创建简单的直方图和折线图。你可以根据自己的需求，修改数据和配置项来定制化你的图表。