为了账号安全,请及时绑定邮箱和手机立即绑定

如何配置 highcharts 以便始终显示/突出显示所有曲线?

如何配置 highcharts 以便始终显示/突出显示所有曲线?

慕的地8271018 2021-10-29 16:49:59
我想以这样的方式配置 highcharts,当鼠标移过图表时,所有曲线都保持显示/突出显示,并且显示最接近鼠标的曲线值。在@Wojciech Chmiel 最初提供的这个 jsfidle 示例中:[ https://jsfiddle.net/BlackLabel/rLg0kwp7 ]var monoChart = Highcharts.chart('container', {  chart: {    zoomType: 'xy'  },  series: [{    data: [      439,      525,      571,      696,      970,      119,      137,      154    ]  }, {    data: [      234,      123,      444,      322,      543,      657    ]  }],});monoChart._highChartsZoom = monoChart.zoom;monoChart.zoom = function(e) {  this._highChartsZoom(e);}.bind(monoChart);<script src="https://code.highcharts.com/highcharts.js"></script><div id="container"></div>我们可以看到,如果鼠标靠近“系列 1”的曲线,则显示最接近的值(这很好),但“系列 2”的曲线已自动隐藏,我想在我的情况下避免这种情况。请参阅屏幕截图:使用 highcharts 显示交互式图表的示例我希望有相同的显示,但即使用户在图表上“鼠标悬停”,也显示/突出显示所有曲线。任何帮助,将不胜感激。
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 251 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号