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

37次阅读

共计 550 个字符,预计需要花费 2 分钟才能阅读完成。


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);

正文完
 0