2016-03-31 18 views
1

angle-nvd3 lineChartのy軸にカラーまたはCSSクラスを指定する方法を教えてもらえますか?オブジェクト内のすべてのオプションがあり、その後angle-nvd3線グラフの軸の色を変更する

<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クラスを指定する方法...

任意の助けをいただければ幸いです...あなたはCSSでそれを行うことができますy軸については

答えて

1

、次のように:

.nvd3 .nv軸パス{埋める:#E5E5E5を。ストローク:#E5E5E5; }

関連する問題