繁体   English   中英

如何用高图在x轴上创建断点?

[英]How do I create a break on the x-axis with highcharts?

由于一个非常大的值,我试图在我的X轴上添加一个中断。 highcharts文档建议我可以像这样传递breaks

  breaks: [{
    from: 1000,
    to: 6000
  }]

但是,我的x轴仍显示相同的方式。 我究竟做错了什么?

 $(function() { $('#container').highcharts({ chart: { type: 'bar' }, xAxis: { categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'], breaks: [{ from: 1000, to: 6000 }] }, plotOptions: { bar: { dataLabels: { enabled: true } } }, series: [{ name: 'Year 1800', data: [107, 31, 635, 203, 2] }, { name: 'Year 1900', data: [133, 156, 947, 408, 6] }, { name: 'Year 2012', data: [1052, 954, 8250, 740, 38] }] }); }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://code.highcharts.com/highcharts.js"></script> <script src="http://code.highcharts.com/modules/broken-axis.js"></script> <div id="container" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div> 

您希望在这种情况下在yAxis上中断。

yAxis: {
    breaks: [{
        from: 1000,
        to: 8000,
        breakSize: 500 // Adjust accordingly
    }]
},

http://jsfiddle.net/nicholasduffy/mh18tdpy/

http://api.highcharts.com/highcharts#yAxis.breaks.breakSize

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM