Echarts x轴标题 斜体 显示+多图表显示


var reportName = ['1月', '2月', '3月', '4月', '6月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];
var reportData = [726, 1013, 690, 892, 982, 570, 536, 546, 988, 1002, 206, 506];
var myCharts = echarts.init(document.getElementById('reportNumber'));
var option = {
            tooltip: {},
            color: '#1b63d2',
            grid: {
                left: '10',
                right: '30',
                top: '25',
                bottom: '25',
                containLabel: true
            },
            xAxis: {
                data: reportName,
                axisLabel: {
                    interval:0,
                    rotate:'-35',
                    fontSize: 12
                }
            },
            yAxis: {
                splitLine: {
                    lineStyle: {
                        color: '#f8f8f8'
                    }
                }
            },
            series: [{
                type: 'bar',
                data: reportData,
                label: {
                    show: true,
                    position: 'top'
                },
                barMaxWidth: 20
            }]
        };
        myCharts.setOption(option);

你可能感兴趣的:(echarts)