數據預警示例 · JimuReport 儀表盤設計

![](https://img.kancloud.cn/a4/cf/a4cf920d00ff58ac2bb0ccc9f0e5a986_750x355.gif) ``` // 指定圖表的配置項和數據 var option = { title: { }, tooltip: {}, color: '#00FF00', legend: { data:['銷量'] }, xAxis: { data: ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"] }, visualMap: { show: false, pieces: [ { lte: 15, //這兒設置基線上下顏色區分基線 15下面為綠色 color: '#00FF00' }, { gt: 15, lte: 30, //這兒設置基線上下顏色區分基線 15~30下面為黃色 color: '#FFBB00' }, { gt: 30, //這兒設置基線上下顏色區分基線 30上面為紅色 color: '#FF0000' }] }, yAxis: { splitLine:{ show: false } }, series: [{ name: '銷量', type: 'bar', data: [5, 20, 36, 10, 10, 20], markLine: { silent: true, //基線顯示隱藏 lineStyle: { normal: { color: '#FF00FF' // 這兒設置安全基線顏色 } }, data: [{ yAxis: 15 // 安全基線 1 }, { yAxis: 30 // 安全基線 2 }] } }] }; var option1 = { title: { }, tooltip: {}, color: '#00FF00', legend: { data:['銷量'] }, visualMap: { show: false, pieces: [ { lte: 15, //這兒設置基線上下顏色全部為綠色 color: '#00FF00' }, { gt: 15, lte: 30, color: '#00FF00' }, { gt: 30, color: '#00FF00' }] }, xAxis: { data: ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"] }, yAxis: { splitLine:{ show: false } }, series: [{ name: '銷量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }; var count = 0; //定義一個變量用于判斷 setInterval(function(){ if(count%2==0){ chartInstance.setOption(option); //交替setOption }else{ chartInstance.setOption(option1); } count+=1; },1500); return option; ```