// 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); var data = []; var startTime = 0; var categories = []; var types = [{ color: '#7b9ce1' }, { color: '#bd6d6c' }, { color: '#75d874' }, { color: '#e0bc78' }, { color: '#dc77dc' }, { color: '#72b362' }, { color: '#FFD700' }, { color: '#FF3E96' }, { color: '#BF3EFF' }, { color: '#836FFF' }]; var index = 0; var maxNum = "${signalPage.intMaxNum}"; if (maxNum == 1) maxNum = 2; for (var i = 0; i < maxNum; i++) categories.push(''); < c: forEach items = "${signalPage.signalDynamicVOList}" var = "signalDynamicVO" > data.push({ name: "${signalDynamicVO.intId}", value: [index, "${signalDynamicVO.floatLowFrequency}", "${signalDynamicVO.floatHighFrequency}", "${signalDynamicVO.strUpDown}", "${signalDynamicVO.strProtocol}", "${signalDynamicVO.strModulation}", "${signalDynamicVO.strBandwidth}", "${signalDynamicVO.strSymbolRate}", "${signalDynamicVO.floatFrequencyOffset}", "${signalDynamicVO.strChannelCoding}", "${signalDynamicVO.strUnit}", "${signalDynamicVO.strRemark}", "${signalDynamicVO.strName}" ], itemStyle: { normal: { color: types[Math .round(Math.random() * (types.length - 1))].color } } }); if (index == (maxNum - 1)) { index = 0; } else { index = index + 1; } < /c:forEach> //var count = 0; function renderItem(params, api) { var categoryIndex = api.value(0); var start = api.coord([api.value(1), categoryIndex]); var end = api.coord([api.value(2), categoryIndex]); var height = 10; return { type: 'rect', shape: echarts.graphic.clipRectByRect({ x: start[0], y: start[1] - height / 2, width: end[0] - start[0], height: height }, { x: params.coordSys.x, y: params.coordSys.y, width: params.coordSys.width, height: params.coordSys.height }), style: api.style() }; } option = { tooltip: { formatter: function(params) { var str = "

名称：" + params.value[12] + "
起始频率：" + params.value[1] + "MHz
截止频率：" + params.value[2] + "MHz
上下行：" + params.value[3] + "
参考技术体制：" + params.value[4] + "
调制方式：" + params.value[5] + "
信道带宽：" + params.value[6] + "
符号速率：" + params.value[7] + "
频偏：" + params.value[8] + "Hz
信道编码：" + params.value[9] + "
用频单位/应用：" + params.value[10].substring(0, 35) + "
" + params.value[10].substring(35, params.value[10].length) + "
用频单位/应用：" + params.value[10] + "
其他信息：" + params.value[11] + "

renderItem只对部分数据起作用