首页 文章

将鼠标悬停在外部元素上时触发条/饼图突出显示[chart.js / chart js] [AngularJS] [angular-chart.js]

提问于
浏览
0

我正在使用angular-chart.js来创建仪表板 . 我没有在画布中使用内置图例,而是使用ng-repeat来动态创建具有匹配颜色的标签 .

现在,我想要完成的是:当一个项目悬停在我的自定义图例中时,它会在图表中突出显示该项目,反之亦然 .

我想也许如果我能找到触发工具提示事件的事件我可以操纵它并创建一个ng-mousover表达式...

这有可能吗?

谢谢,Emad

2 回答

  • -1

    不完全相同,但有人发布了一个隐藏/显示传奇点击线的示例:https://github.com/jtblin/angular-chart.js/issues/70

    在Chart.js 2.x中,onclick事件也支持类似的图例:http://www.chartjs.org/docs/#chart-configuration-legend-configuration

  • -1
    color: [
      {
        backgroundColor: ['#92d06f', '#73c8b8', '#3bb9ab'],
        borderColor: 'rgba(255, 255, 255, 0)',
        hoverBackgroundColor: ['#92d06f', '#73c8b8', '#3bb9ab'],
        hoverBorderColor: ['#92d06f', '#73c8b8', '#3bb9ab'],
        hoverBorderWidth: 10,
        hoverRadius: 0
    

    }],

    当鼠标悬停在角度为2的活动段上时,它可以正常工作

相关问题