Я хочу простую красную линию в своих диаграммах nvd3

Question

Я сделал диаграмму nvd3. У меня проблема. Я хочу нарисовать простую красную линию вдоль оси y. Пример: x: i y: 180. Но я не хочу рассматривать как данные, чем имеет значение. Итак, как простая строка.

Исходник:

vm.fhrOptions = { 
      chart: { 
       type: 'lineChart', 
       useInteractiveGuideline: true, 
       height: 300, 
       forceY:([60,200]), 

       lineY:([120,180]), 
       fitScreen: true, 
       margin : { 

        left:70, 
        bottom:0 

       }, 
       transitionDuration: 1000, 
       xAxis: xAxisOptions, 
       yAxis: { 
        axisLabelDistance:50, 


          lines: {value: 120}, 


        color : { pattern:['#1f77b4', '#aec7e8']}, 
        axisLabel: 'FHR [pulzus/perc]', 
        tickFormat: function(d){ 
         return d===null?'NaN':d3.format('d')(d); 
        }, 
        rotateYLabel: -45, 
        showMaxMin: false, 
        domain:([80, 160]), 
        showLegend:true 
       } 

      } 
     }; 

Answer 1

Используйте следующие нарисовать одну линию по диаграмме, изменить параметры по мере необходимости и изменения «#chart SVG» с вашим именем селектора.

     d3.select('#chart svg') 
         .append('line') 
         .attr({ 
         x1: 500 + chart.xAxis.scale()(0), 
         y1: 35 + chart.yAxis.scale()(10), 
         x2: 57 + chart.xAxis.scale()(3), 
         y2: 35 + chart.yAxis.scale()(10) 
         }) 
         .style("stroke", "#FF0000") 
         .style("fill", "#ff0000");