echart怎么根据绘制事件分布的图片

要绘制事件分布的图片，可以使用 ECharts 中的直方图（Histogram）或者密度图（Kernel Density Estimation）。以下是一个简单的示例代码：

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    title: {
        text: '事件分布图'
    },
    tooltip: {},
    xAxis: {
        type: 'value',
        boundaryGap: [0, 0.01]
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: '事件分布',
        type: 'histogram',
        data: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
        itemStyle: {
            color: '#008CBA'
        }
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

在上述代码中，我们使用了直方图来绘制事件分布的图片。其中，xAxis 表示 x 轴坐标轴，yAxis 表示 y 轴坐标轴，series 表示数据系列。我们在 series 中指定了数据以及直方图的样式，包括颜色等。通过调整 option 中的配置项，可以进一步定制化直方图或者密度图的样式和表现形式。