echart新手入坑

最新推荐文章于 2023-01-14 16:09:24 发布

敖煌

最新推荐文章于 2023-01-14 16:09:24 发布

阅读量189

点赞数

本文链接：https://blog.csdn.net/jrq1205183714/article/details/105263994

版权

柱图，自定义提示语
两种方式：
1.formatter:'{b}<br />\        //坐标名称  
                	<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;"></span>\
                	{a0}：{c0}%<br />\    //第一条柱图的显示内容{a0}：第一个图例{c0}第一个图例的数值，
                	<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;"></span>\
                	{a1}：{c1}%<br />  //第二条柱图的显示内容{a0}：第二个图例{c0}第一个图例的数值，
2.
formatter:function(params){
                                        var res;
                                        res= params[0].name+'：'+objectDesList[params[0].dataIndex].objectName+'<br />\
                                        <span style="float: left">正确率：'+objectDesList[params[0].dataIndex].rightRate+'%</span><br />\
                                        <span style="float: left">错误率：'+objectDesList[params[0].dataIndex].wrongRate+'%</span><br />\
                                        '
                                        return res
                                    }
  注：params参数不需要自己定义，这个是echarts自己识别的，里面的具体参数可以自己打出来看看，一些最基本用的，横坐标，纵坐标的名称（也就是图例）,图例对应的数值，以及鼠标指向的当前的柱图的下标等等，这就方便我们自定义一些数值