Flot legendFormatter 不适用于 ng-click

Posted

技术标签:

【中文标题】Flot legendFormatter 不适用于 ng-click【英文标题】:Flot legendFormatter is not working with ng-click 【发布时间】:2019-04-19 18:44:08 【问题描述】:

我正在尝试创建可点击的图例。我正在使用浮点图和 legendFormatter 来操作图例。这是我在 js 文件中的代码:

$scope.labelFormatter = function (label, series) 
    return "<div class='col-md-12' style='font-size:12px;'><span>" + label + "</span><span ng-click=\"removeFromFunnel(" + (series.data[0][0] - 1) + ")\" class=\"criteriaClose\">✖</span></div>";
;

pageData.barChartOptions.legend = show: true, labelFormatter: $scope.labelFormatter, noColumns: index;

$scope.removeFromFunnel = function (index) 
       if (index > -1) 
           pageData.funnel.splice(index, 1);
       
;

这样,程序似乎无法识别 ng-click。我也尝试使用 onClick,但我认为该功能需要超出范围。

为什么 ng-click 不起作用?我应该用什么来代替它?

感谢您的帮助。

【问题讨论】:

一个html按钮控件被隐藏在按钮控件ng-click中被调用。再次定义一个javascript函数,调用隐藏按钮的点击事件 对不起,我没听懂你的意思。请问能再清楚一点吗? @LDS 【参考方案1】:

<div style="display:none"><input type="button" value="" id="rid" ng-click="removeFromFunnel()" /></div>
<div style="display:none"><input type="hiden" value="" id="hid"/></div>


The beloow is the js code
function remove(value)

 document.getElementById("hid").value = value;
 var btn = document.getElementById("rid");
 btn.click();



you can collect the value in the angular function removeFromFunnel()

$scope.removeFromFunnel()

var value = angular.element(document.querySelector('#hid'));
//do your work with the value 

【讨论】:

以上是关于Flot legendFormatter 不适用于 ng-click的主要内容,如果未能解决你的问题,请参考以下文章

在 Flot 中,是不是可以在不消除相应标签的情况下消除或隐藏网格刻度?

jquery 绘图工具 flot 学习笔记

如何将 Flot 与 AngularJS 集成?

如何画Flot时间数据格式图

绘制你的第一个图表(jquery-flot-line-chart)

Flot - 甜甜圈饼图 - 自定义图例