next/examples/data/bar-histogram.js

/*
title: Histogram with Custom Series
category: custom
titleCN: 直方图（自定义系列）
difficulty: 0
*/

// See https://github.com/ecomfe/echarts-stat
echarts.registerTransform(ecStat.transform.histogram);

option = {
    dataset: [{
        source: [
            [8.3, 143],
            [8.6, 214],
            [8.8, 251],
            [10.5, 26],
            [10.7, 86],
            [10.8, 93],
            [11.0, 176],
            [11.0, 39],
            [11.1, 221],
            [11.2, 188],
            [11.3, 57],
            [11.4, 91],
            [11.4, 191],
            [11.7, 8],
            [12.0, 196],
            [12.9, 177],
            [12.9, 153],
            [13.3, 201],
            [13.7, 199],
            [13.8, 47],
            [14.0, 81],
            [14.2, 98],
            [14.5, 121],
            [16.0, 37],
            [16.3, 12],
            [17.3, 105],
            [17.5, 168],
            [17.9, 84],
            [18.0, 197],
            [18.0, 155],
            [20.6, 125]
        ]
    }, {
        transform: {
            type: 'ecStat:histogram'
        }
    }, {
        transform: {
            type: 'ecStat:histogram',
            print: true,
            config: { dimensions: [1] }
        }
    }],
    tooltip: {
    },
    grid: [{
        top: '50%',
        right: '50%'
    }, {
        bottom: '52%',
        right: '50%',
    }, {
        top: '50%',
        left: '52%'
    }],
    xAxis: [{
        scale: true,
        gridIndex: 0
    }, {
        type: 'category',
        scale: true,
        axisTick: { show: false },
        axisLabel: { show: false },
        axisLine: { show: false },
        gridIndex: 1
    }, {
        scale: true,
        gridIndex: 2
    }],
    yAxis: [{
        gridIndex: 0
    }, {
        gridIndex: 1
    }, {
        type: 'category',
        axisTick: { show: false },
        axisLabel: { show: false },
        axisLine: { show: false },
        gridIndex: 2
    }],
    series: [{
        name: 'origianl scatter',
        type: 'scatter',
        xAxisIndex: 0,
        yAxisIndex: 0,
        encode: { tooltip: [0, 1] },
        datasetIndex: 0
    }, {
        name: 'histogram',
        type: 'bar',
        xAxisIndex: 1,
        yAxisIndex: 1,
        barWidth: '99.3%',
        label: {
            show: true,
            position: 'top'
        },
        encode: { x: 0, y: 1, itemName: 4 },
        datasetIndex: 1
    }, {
        name: 'histogram',
        type: 'bar',
        xAxisIndex: 2,
        yAxisIndex: 2,
        barWidth: '99.3%',
        label: {
            show: true,
            position: 'right'
        },
        encode: { x: 1, y: 0, itemName: 4 },
        datasetIndex: 2
    }]
};