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