2013-05-15 6 views
3

Я пытаюсь добавить несколько ярких ярких ярдов. Графическое изображение прекрасно работает, но метки осей перекрывают & в целом, придавая ему неуклюжий вид. вот его снимок! Highchart Multi-YПерекрытие оси Y в оси Multi y Highchart

Я использовал this example для создания диаграммы multi y.

Можете ли вы помочь?

Эти параметры форматирования, которые я использую в настоящее время

var options = {}; 
options.xAxis = { 
     labels : { 
      enabled : true 
     } 

    }; 
    options.title = { 
     text : "Highchart", 
     style: { 
      fontSize: '14px', 
      fontWeight: '800' 
     } 
    }; 
    options.subtitle = { 
     text : "" 
    }; 
    options.chart = { 

     borderColor : '#BBBBBB', 
     borderWidth : 0, 
     borderRadius : 20, 
     zoomType : 'xy' 
    }; 
// options.yAxis={min:0}; 
    options.yAxis=[{ // Transaction Count_URL 
     labels: { 
      formatter: function() { 
       var value= this.value; 

       if(value>=1000000000) 
        ret = (value/1000000000) + 'G' 
       else if(value>=1000000) 
        ret = (value/1000000) + 'M'; 
       else if(value>=1000) 
        ret = (value/1000) + 'k'; 
       else 
        ret=value; 

       return ret; 
      }, 
      style: { 
       color: '#89A54E' 
      } 
     }, 
     title: { 
      text: 'Memory Used', 
      style: { 
       color: '#89A54E' 
      } 
     }, 
     opposite: true 

    }, { // Transaction count_EXEC 
     gridLineWidth: 0, 
     title: { 
      text: 'GC Count', 
      style: { 
       color: '#4572A7' 
      } 
     }, 
     labels: { 
      formatter: function() { 
       return this.value; 
      }, 
      style: { 
       color: '#4572A7' 
      } 
     } 

    }, { // Tertiary yAxis 
     gridLineWidth: 0, 
     title: { 
      text: 'TPS', 
      style: { 
       color: '#AA4643' 
      } 
     }, 
     labels: { 
      formatter: function() { 
       return this.value; 
      }, 
      style: { 
       color: '#AA4643' 
      } 
     }, 
     opposite: true 
    }], 

    options.navigator= 
    { 
     enabled: false 
    }; 

    options.credits = { 
     enabled : false 
    }; 

    options.xAxis = { 
     type : 'datetime' 
    }; 
    options.series = []; 



    options.rangeSelector = { 
     enabled : false 
    }; 
    options.series=[]; 

    options.tooltip = { 
     shared : false, 
     snap : 0 

    }; 
    options.scrollbar = { 
     enabled : false 
    }; 
    options.navigation = { 
     buttonOptions : { 
      enabled : false 
     } 
    }; 

ответ

Смежные вопросы