tickInterval&类别.只显示第一类
tickInterval & categories. Only first category shows
我想在图表上以特定的间隔显示刻度。所以我在图表选项中使用了"tickInterval:46"。然而,x=轴的默认值显示0、46、92等,我只想显示值1、2、3、。。等等。如果我使用。。。
xAxis: {
categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16'],
tickInterval: 46
}
我在图表上的第一个刻度被标记为"1",但其他刻度值遵循原始顺序。因此,我的新x轴值遵循"1、46"、92、138等
我可以请求你的帮助在x=轴上显示我需要的值吗。我想不出我在这里缺了什么。
下面的小提琴展示了我的问题。
非常感谢。
小提琴
类别的编号从0到数组的长度。将46设置为tickInterval,意味着您选择类别数组的第一个索引和46个索引。所以最好去掉类别,使用数字。
这似乎奏效了。。。
xAxis: {
tickInterval: 23,
tickmarkPlacement: 'on',
labels: {
style: {
fontSize: '8px',
fontFamily: 'Verdana, sans-serif'
},
formatter: function() {
if (this.isFirst){
return 0;
} else {
return (this.value / 23);
}
}
},
},
相关文章:
- 从桌面读取python文件时高亮显示代码
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何在生成下载文件时显示加载动画
- React重新渲染但未显示正确的组件
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 音频控件在mouseover上显示,在mouseout上淡出
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 显示5秒后隐藏潜水
- 画廊图像未显示
- 不显示带有本地json文件数据的谷歌地图脚本
- 如何将json数据显示为html
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 高亮显示时编辑文本大小和颜色
- 有时数据是't显示在浏览器中
- 当鼠标悬停在文本中的单词上时显示警报
- 角度图表;t显示在我的页面中
- tickInterval&类别.只显示第一类