blocks|key|5839185|text|您可以设置tickInterval:+n使其跳过轴中的每n个项目。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5839186|xAxis:+{
++++categories:+['Apples',+'Oranges',+'Pears',+'Grapes',+'Bananas'],
++++tickInterval:+2
},|code-block|syntax|javascript|5839187|http://jsfiddle.net/mt4x95rd/2/|5839188|entityMap|0|LINK|mutability|MUTABLE|url^0|5|F|0|0|0|V|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|W|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|X|8|@]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|M|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|L]]]]

You can set <code>tickInterval: n</code> to get it to skip every n item in the axis.

<pre><code>xAxis: {
 categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'],
 tickInterval: 2
},
</code></pre>

<a href="http://jsfiddle.net/mt4x95rd/2/" rel="nofollow noreferrer">http://jsfiddle.net/mt4x95rd/2/</a>

blocks|key|5839297|text|从tickAmount文档中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5839298|5839299|该选项仅对线性轴有效。日期时间、对数或类别轴不受影响。|blockquote|5839300|5839301|5839302|你的轴是一个类别轴。|5839303|您可以尝试使用tickInterval和一些额外的计算来达到类似的效果：|5839304|var+categories+=++['Apples',+'Oranges',+'Pears',+'Grapes',+'Bananas',+'Peaches',+'Lemons',+'Apricots']
var+tickAmount+=+3

//best+effort,+for+tickAmounts+>+categories.length+/+2+it+will+show+all+ticks
var+tickInterval+=+tickAmount+>+1
++++?+Math.floor((categories.length+-+1)+/+(tickAmount+-+1))
++:+tickAmount+==+1+?+categories.length+:+NaN|code-block|syntax|javascript|5839305|然后|5839306|xAxis:+{
++++categories:+categories,
++++tickInterval:+tickInterval
}|5839307|http://jsfiddle.net/peterlgh7/6anq4p8s/|offset|length|5839308|EDIT:在阅读您的评论之后，考虑到您不仅希望隐藏标记，还希望隐藏列，我在文档中找不到任何东西。我的建议仍然是预处理你的数据，也就是过滤它。您可以定期采样它，类似于tickInterval的工作方式，或者您可以简单地获取前n个元素，因为这对您可能没有什么不同。你可以在这里看到这两种方式：http://jsfiddle.net/peterlgh7/L9fa1hg9/|style|BOLD|5839309|但这都是javascript，不涉及highcharts。|5839310|entityMap|0|LINK|mutability|MUTABLE|url|1|http://jsfiddle.net/peterlgh7/L9fa1hg9/^0|0|0|0|0|0|0|0|0|0|0|0|13|0|0|0|5|40|13|1|0|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|1F|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]|$1|G|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1I|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1J|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|1K|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|1L|8|@]|9|@]|A|$]]|$1|S|3|T|5|N|7|1M|8|@]|9|@]|A|$O|P]]|$1|U|3|V|5|6|7|1N|8|@]|9|@$W|1O|X|1P|1|1Q]]|A|$]]|$1|Y|3|Z|5|6|7|1R|8|@$W|1S|X|1T|10|11]]|9|@$W|1U|X|1V|1|1W]]|A|$]]|$1|12|3|13|5|6|7|1X|8|@]|9|@]|A|$]]|$1|14|3|-4|5|6|7|1Y|8|@]|9|@]|A|$]]]|15|$16|$5|17|18|19|A|$1A|V]]|1B|$5|17|18|19|A|$1A|1C]]]]

From the tickAmount documentation: 

<blockquote>
 This option only has an effect on linear axes. Datetime, logarithmic or category axes are not affected.
</blockquote>

And your axis is a category axis.

You could try using tickInterval and some additional calculation to achieve a similar effect:

<pre><code>var categories = ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas', 'Peaches', 'Lemons', 'Apricots']
var tickAmount = 3

//best effort, for tickAmounts &gt; categories.length / 2 it will show all ticks
var tickInterval = tickAmount &gt; 1
 ? Math.floor((categories.length - 1) / (tickAmount - 1))
 : tickAmount == 1 ? categories.length : NaN
</code></pre>

then

<pre><code>xAxis: {
 categories: categories,
 tickInterval: tickInterval
}
</code></pre>

<a href="http://jsfiddle.net/peterlgh7/6anq4p8s/" rel="nofollow noreferrer">http://jsfiddle.net/peterlgh7/6anq4p8s/</a>

EDIT: 
After reading your comment, and given the fact that you want to hide not just the ticks but also the columns, I could not find anything in the documentation. My suggestion remains to just preprocess your data, i.e. filter it. You can sample it periodically, similarly to how tickInterval works, or you could simply take the first n elements, cause maybe it makes no difference to you. You can see both ways here: <a href="http://jsfiddle.net/peterlgh7/L9fa1hg9/" rel="nofollow noreferrer">http://jsfiddle.net/peterlgh7/L9fa1hg9/</a>

But this is all javascript, no highcharts involved.

blocks|key|1476592|text|可以使用xAxis.max属性设置可以在x轴上显示的最大索引。类别索引从0开始，它们是后续的整数。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1476593|xAxis:+{
++++categories:+['Apples',+'Oranges',+'Pears',+'Grapes',+'Bananas'],
++++max:+2
}|code-block|syntax|javascript|1476594|1476595|现场演示：+http://jsfiddle.net/kkulig/q9p3b8hw/|BOLD|1476596|接口参考：+https://api.highcharts.com/highcharts/xAxis.max|1476597|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/kkulig/q9p3b8hw/|1|https://api.highcharts.com/highcharts/xAxis.max^0|4|9|10|1|0|0|0|0|5|6|10|0|0|0|5|6|1B|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|16|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|17|8|@$9|18|A|19|B|N]]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|O|3|P|5|6|7|1D|8|@$9|1E|A|1F|B|N]]|D|@$9|1G|A|1H|1|1I]]|E|$]]|$1|Q|3|-4|5|6|7|1J|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]|Y|$5|T|U|V|E|$W|Z]]]]

You can use <code>xAxis.max</code> property to set the maximum index that can be displayed on the x axis. Categories indexes start from <code>0</code> and they're subsequent integers.

<pre><code>xAxis: {
 categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'],
 max: 2
}
</code></pre>

<hr>

Live demo: <a href="http://jsfiddle.net/kkulig/q9p3b8hw/" rel="nofollow noreferrer">http://jsfiddle.net/kkulig/q9p3b8hw/</a>

API reference: <a href="https://api.highcharts.com/highcharts/xAxis.max" rel="nofollow noreferrer">https://api.highcharts.com/highcharts/xAxis.max</a>

I'm trying to set a max column amount for my Highchart column chart like so 

<pre><code>xAxis: {
 categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas', 'Kiwi'],
 tickAmount: 3
}
</code></pre>

Reading the doc it saying using the <code>tickAmount</code> to sets your axis amount.

I want my chart to only display three of the xAxis due to space constraints. This needs to happen dynamically so removing the items from the array is not an option.

Here is my jsfidddle <a href="http://jsfiddle.net/rjayako/mt4x95rd/1/" rel="nofollow noreferrer">http://jsfiddle.net/rjayako/mt4x95rd/1/</a>

Any help would be much appreciated.

Setting max column amount in highchart column chart type

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试为我的Highchart柱状图设置最大列数，如下所示xAxis: {    categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas', 'Kiwi'],    tickAmount: 3}阅读文档，它说使用tickAmount来设置您的轴数。...

问在highchart柱形图类型中设置最大列数
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在highchart柱形图类型中设置最大列数EN