Многополосная диаграмма angularjs nvd3 Галочка xAxis не отображается

  1. Я использую многополосную диаграмму angularjs nvd3
  2. Галочка диаграммы xAxis не отображается, как показано ниже. введите здесь описание изображения

  3. Я хочу показать все тики xAxis, сформированные %Y/%m/%d %H:%M

Это мой код.

  this.$scope.options = {                                                                                            
    chart: {                                                                                                       
       type: 'multiBarChart',                                                                                      
       height: 450,                                                                                                
       margin : {                                                                                                  
          top: 20,                                                                                                 
          right: 20,                                                                                               
          bottom: 60,                                                                                              
          left: 65                                                                                                 
       },                                                                                                          

       x: function(d){ return d[0]; },                                                                             
       y: function(d){ return d[1]; },                                                                             

       color: d3.scale.category10().range(),                                                                       
       duration: 300,                                                                                              
       stacked: true,                                                                                              
       clipEdge: true,                                                                                             
       clipVoronoi: false,                                                                                         

       xAxis: {                                                                                                    
          axisLabel: 'Time',                                                                                       
          tickFormat: function(d) {                                                                                
             let formedDate = d3.time.format('%Y/%m/%d %H:%M')(new Date(d));                                       
             return formedDate                                                                                     
          },                                                                                                       
          showMaxMin: false,                                                                                       
          staggerLabels: true                                                                                      
       },                                                                                                          

       yAxis: {                                                                                                    
          axisLabel: 'Data',                                                                                       
          axisLabelDistance: -20,                                                                                  
          tickFormat: function(d){                                                                                 
             return d3.format()(d);                                                                                
          }                                                                                                        
       }                                                                                                           
       }                                                                                                               
    };                                                                                                                 

пожалуйста, помогите мне.


person wangsung Oh    schedule 30.11.2016    source источник


Ответы (1)


попробуйте добавить следующие приоритеты в объект диаграммы

chart = {
   ...  
   reduceXTicks:false,
   ...
   xAxis : {
      .tickFormat: "%Y/%m/%d %H:%M"
   }
}
person Mahmoud    schedule 17.02.2017