echars折柱混合
function BarChart(elementId){ //初始化echarts实例 var myChart = echarts.init(document.getElementById(elementId)); // 指定图表的配置项和数据 var option = { title: { text: '' }, tooltip: { axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'shadow' // 默认为直线,可选为:'line' | 'shadow' } }, legend: { data:['成绩'] }, xAxis: { data: ["英语","数学","语文","物理","化学"], //interval :10 }, yAxis: { type : 'value', name:'成绩', min: 0, max: 100, }, series: [{ name: '成绩', type: 'line', color: 'blue', data: [90, 80, 95, 85, 90] }, { name: '成绩', type: 'bar', itemStyle: { normal: { color: function(params) { var colorList = [ '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B' ]; return colorList[params.dataIndex] }, //以下为是否显示,显示位置和显示格式的设置了 label: { show: true, position: 'top', formatter: '{b}\n{c}' } } }, barWidth:70, data: [90, 80, 95, 85, 90] } ] } myChart.clear(); myChart.setOption(option,true); } BarChart("domId")
posted on 2019-04-16 17:52 赢在当下_Victor 阅读(320) 评论(0) 编辑 收藏 举报