angular-nvd3 изменение линейной диаграммы цвета оси

Question

Может ли кто-нибудь сказать мне, как указать цвет или класс css для оси y углового nvd3 lineChart?

Я задающие опции:

<nvd3 options="lineChartOptions" data="graphData" ></nvd3>

, а затем есть все опции в объекте:

$scope.lineChartOptions = { 
        chart: { 
         type: 'lineChart', 
         showLegend:false, 
         forceY:[0,5], // make y axis start at 0 to 5 
         forceX:[1,4], 
         // interpolate:"monotone", 
         height: 400, 
         width: 600, 
         margin : { 
          top: 20, 
          right: 20, 
          bottom: 40, 
          left: 55 
         }, 
         x: function(d){ return d.x; }, 
         y: function(d){ return d.y; }, 
         useInteractiveGuideline: true, 
         tooltip: { 
          contentGenerator: function(d) { return '<h3>HELLO WORLD</h3>'; } 
         }, 
         dispatch: { 
          stateChange: function(e){ console.log("stateChange"); }, 
          changeState: function(e){ console.log("changeState"); }, 
          tooltipShow: function(e){ console.log("tooltipShow"); }, 
          tooltipHide: function(e){ console.log("tooltipHide"); } 
         }, 
         xAxis: { 
          // axisLabel: 'Week', 
          ticks: 4, // make x-axis show all 4 weeks, 

          // tickFormat: function(d){ 
          // return "week " + d; 
          // } 
         }, 
         showYAxis: true, 
         yAxis: { 
          // axisLabel: 'Score', 
          // tickFormat: function(d){ 
          //  return d3.format('.02f')(d); 
          // }, 
          ticks: 6, 
          axisLabelDistance: -10 
         }, 
         callback: function(chart){ 
          //console.log("!!! lineChart callback !!!"); 
         } 
        }, 
        // title: { 
        //  enable: true, 
        //  text: 'Title for Line Chart' 
        // }, 
        // subtitle: { 
        //  enable: true, 
        //  text: 'Subtitle for simple line chart... ', 
        //  css: { 
        //   'text-align': 'center', 
        //   'margin': '10px 13px 0px 7px' 
        //  } 
        // }, 
        // caption: { 
        //  enable: true, 
        //  html: '<b>AND</b> we can put any sort of html here too...', 
        //  css: { 
        //   'text-align': 'justify', 
        //   'margin': '10px 13px 0px 7px' 
        //  } 
        // } 
       }; 

Но не могу понять, за жизнь мне, как указать цвет для осей или как указать класс css для тиковых текстов ...

Любая помощь будет принята с благодарностью ...

Answer 1

Для оси Y вы можете сделать это с помощью CSS, следующим образом:

.nvd3 .nv оси пути {заполнения: # E5E5E5; ход: # E5E5E5; }