echart 提示框里面的数据怎么设置?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echart 提示框里面的数据怎么设置?相关的知识,希望对你有一定的参考价值。

请教大神们,怎么让echarts中提示框出现多个数据?echarts提示框默认只显示Y轴坐标值一个数据,但是我还想让它显示多个数据。目前我只能显示总会话量,包过时间和其他的地区数据不知道怎么显示?还有就是x轴的样式,那些小圆点有数据和没数据怎么弄呀?以下是我的代码: option = title: text: '折线图' , tooltip: trigger: 'axis' , legend: data:['总访问量'] , grid: left: '1%', right: '2%', bottom: '3%', containLabel: true , toolbox: feature: saveAsImage: // mark:show:false , xAxis: type: 'category', boundaryGap: false, data: ['00点','02点','04点','06点','08点','10点','12点','14点','16点','18点','20点','22点'] , yAxis: [ type: 'value', boundaryGap: false, splitNumber:6, scale: true,// 控制y轴线是否显示axisLine:show:false,// 控制网格线是否显示 splitLine: show:true ,// 去除y轴上的刻度线 axisTick: show: false ], series: [ name:'总访问量', type:'line', stack: '总量', itemStyle : normal : color:'#CA77FF', lineStyle: color:'#CA77FF' , data:[200, 150, 100, 60, 150, 430, 560,600,800,850,1000,1050] ];// 使用刚指定的配置项和数据显示图表。myChart.setOption(option);//当浏览器窗口发生变化的时候调用div的resize方法window.onresize = function() myChart.resize();

参考技术A tooltip:
trigger: 'axis',
formatter: '日期:b<br>数量:$c'

圆环图标签位置

参考技术A 按照其他可视化工具中圆环图的默认样式,对ECharts圆环图进行如下设置:
标题:设置标题位于圆环中央,修改标题字体大小和颜色。
数据标签:修改字体大小、样式。
数据标签:格式化标签文本,显示百分比。
数据标签:设置标签颜色与饼块颜色相同。(ECharts5之后标签默认颜色为灰色)。
数据标签:显示引导线。
提示框:显示提示框。

以上是关于echart 提示框里面的数据怎么设置?的主要内容,如果未能解决你的问题,请参考以下文章

圆环图标签位置

echarts怎么设置数据自动排序

Bootstrap 弹出框怎么设置为可拖动

echarts怎么设置图形在整个echarts里面的位置,一直居中不太灵活

echarts怎么设置图形在整个echarts里面的位置,一直居中不太灵活

echarts怎么设置图形在整个echarts里面的位置,一直居中不太灵活