Javascript 如何自定义角度谷歌图表图例信息

我有谷歌图表（折线图），需要自定义一些额外的信息图例。请参阅此

http://plnkr.co/edit/ysZwYaAQpMhHarcA2UHq?p=preview

[Plunker][1]

了解更多详细信息。我想要下面这样的图例信息

所以，如果你在下图中看到，我的提琴有R1、R2、R3等版本可供选择，每个版本都有自己的分数，所以我希望分数显示为R1 100，就像下图一样。 请注意，图形数据不同，用于选择发布数据的下拉列表也不同。但两者都释放了R1和R2。所以在选择下拉值R1、R2或R3时，我只将该行从graphdata推送到drawgraph

所以基本上，我需要在图例中显示选定的R1分数

---

请给我一些想法或链接，这是做得更早。提前感谢。

要将分数添加到图例中，
在绘制图表之前，可以将分数添加到列标签中

将

绘图图

功能替换为以下内容

    function drawChart() {
        var chartColors = [];
        var chartColumns = [0];
        var checks = document.getElementsByTagName('input');
        for (var i = 0; i < $scope.selectedNewRelease.length; i++) {
            var seriesColumn = getColumnIndex(x, $scope.selectedNewRelease[i].releaseId);
            chartColumns.push(seriesColumn);
            x.setColumnLabel(seriesColumn, x.getColumnLabel(seriesColumn) + ' ' + $scope.selectedNewRelease[i].score);
        }
        var view = new google.visualization.DataView(x);
        view.setColumns(chartColumns);
        chart.draw(view, options);
          if ($scope.selectedNewRelease.length>0) {
                $scope.Grtgraph=true;
            }else{
                $scope.Grtgraph=false;
            }
    }

    function getColumnIndex(data, columnLabel) {
      for (var i = 0; i < data.getNumberOfColumns(); i++) {
        if (data.getColumnLabel(i) === columnLabel) {
          return i;
        }
      }
    }

函数绘图图（）{
var chartColors=[]；
var chartColumns=[0]；
var checks=document.getElementsByTagName（'input'）；
对于（变量i=0；i<$scope.selectedNewRelease.length；i++）{
var seriesColumn=getColumnIndex（x，$scope.selectedNewRelease[i].releaseId）；
图表列。推送（系列列）；
x、 setColumnLabel（seriesColumn，x.getColumnLabel（seriesColumn）+'+$scope.selectedNewRelease[i].score）；
}
var view=newgoogle.visualization.DataView（x）；
view.setColumns（chartColumns）；
图表绘制（视图、选项）；
如果（$scope.selectedNewRelease.length>0）{
$scope.Grtgraph=true；
}否则{
$scope.Grtgraph=false；
}
}
函数getColumnIndex（数据、columnLabel）{
对于（var i=0；i

有点难理解，你只想在图例中显示分数？图例显示数据表中的列标题，将分数添加到列标题中…一旦您理解，请检查plunker。实际上图形数据不同，下拉选项数据也不同。在r1选择时，我按r1进行图形绘制。现在我只需要图中最右边的图例，即分数R1 100，R2 150，R3 186。@WhiteHat如何增加图例的宽度？我的意思是它显示。。。在一些内容之后。有什么办法吗？有点不对劲，如果我选择R2，然后选择R4，它仍然只显示R2。好像他们必须井然有序。如果我选择R2，那么R3就行了。如果我选择R3，那么R5，它不会为了给右边的图例留出更多的空间，减少

chartArea.width

或设置小于

width

，例如--

chartArea:{width:600}

检查这个，先生，实际上图表数据只针对r1、r2、r3，所以它不会出现，现在检查plnkr上方。是的，感谢aton和一次投票，我们不能像我的快照那样单独做吗？我的意思是，在圆形的彩色圆点中，我们可以在圆点前面显示分数？先生，到目前为止，我所有的工作都存在一个主要问题，无论需求是什么，都是使用google jsapi，它不支持bower，所以我不能主持它，因为我的项目使用bower加载库，我创建了一个新问题，在这个问题中我解释了我的问题，我需要我的angularjs谷歌图表方式的代码，请看一下这个问题，先生，可能是谷歌图表的最后一个帮助，请帮助我，我添加了新的问题供我评论，你现在知道我的代码了，你能帮我用angularjs谷歌图表方法而不是jsapi写同样的代码吗？哦，我们能用bower安装谷歌jsapi吗？先生，请检查我在问题中给出的折线图示例。