Html 在现有NVD3图形上绘制垂直线_Html_Angularjs_Nvd3.js

Html 在现有NVD3图形上绘制垂直线

html angularjs

Html 在现有NVD3图形上绘制垂直线,html,angularjs,nvd3.js,Html,Angularjs,Nvd3.js,我有一个显示简单数据集的NVD3图形。我只想用不同的颜色在这个图上画一条线，就像一个截止值，x=5 有人能告诉我一种方法，把这条垂直线加到我现在的图表上吗。如果我们能给垂直线加上不同的颜色就更好了注意：我举的这个例子来自。这是lineChart.ticks.html我找到了一种方法，如下所示 <script> var app = angular.module("nvd3TestApp", ['nvd3ChartDirectives']); function Exa

我有一个显示简单数据集的NVD3图形。我只想用不同的颜色在这个图上画一条线，就像一个截止值，x=5

有人能告诉我一种方法，把这条垂直线加到我现在的图表上吗。如果我们能给垂直线加上不同的颜色就更好了

注意：我举的这个例子来自。这是lineChart.ticks.html

我找到了一种方法，如下所示

<script>
    var app = angular.module("nvd3TestApp", ['nvd3ChartDirectives']);

    function ExampleCtrl($scope){
        $scope.exampleData = [
            {
                "key": "Github Api Mean Web Response Time",
                "values": [[3,2],[4,6],[6,10]]
            },
            {
                "key": "aaa",
                "values": [[5,0],[5,10]]
            }]; 
    } 

</script>

<body ng-app='nvd3TestApp'>

 <div ng-controller="ExampleCtrl">
  <nvd3-cumulative-line-chart
        data="exampleData"
        id="exampleId"
        width="1000"
        height="400"
        showXAxis="true"
        showYAxis="true" 
        margin="{left:50,top:50,bottom:50,right:50}"
        >
    <svg></svg>
  </nvd3-cumulative-line-chart>

 </div>

</body>

<script>
    var app = angular.module("nvd3TestApp", ['nvd3ChartDirectives']);

    function ExampleCtrl($scope){
        $scope.exampleData = [
            {
                "key": "Github Api Mean Web Response Time",
                "values": [[3,2],[4,6],[6,10]]
            },
            {
                "key": "aaa",
                "values": [[5,0],[5,10]]
            }]; 
    } 

</script>

<body ng-app='nvd3TestApp'>

 <div ng-controller="ExampleCtrl">
  <nvd3-cumulative-line-chart
        data="exampleData"
        id="exampleId"
        width="1000"
        height="400"
        showXAxis="true"
        showYAxis="true" 
        margin="{left:50,top:50,bottom:50,right:50}"
        >
    <svg></svg>
  </nvd3-cumulative-line-chart>

 </div>

</body>