highcharts xaxis日期时间标签，带有较小的刻度
米罗
我正在尝试使用datetime x轴标签制作Highcharts图表，以使我的主要标签每隔1个月出现一次。然后，我想在一周的间隔内使用minorTick。我的数据是每天1点。我面临的问题是我的minorTicks在图表上显示为网格线，而不是子刻度。我希望它们在外面，或者至少很小。我实际上如何将这些较小的刻度线作为刻度线而不是网格线？否则我根本不需要任何网格线。
$('#container').highcharts({
yAxis: {
gridLineWidth:0
},
xAxis: {
minorTickInterval: 7 * 24 * 3600 * 1000,
minorTickPosition:'outside',
minorTickLength:10,
type:'datetime',
min: Date.UTC(2014, 0, 1),
max: Date.UTC(2014, 11, 31),
labels: {
step: 1,
},
dateTimeLabelFormats: {
month: '%b',
year: '%Y'
}
},
// sample data, in reality goes 365 days of year
series: [{
data: [[1388984399000,100], [1388973600000,200],[1389060000000,300],[1389146400000,400],[1389232800000,500],[1389319200000,400],[1389405600000,200]]
}]
});
标记
网格线与刻度线无关。将以下两个选项添加到您的xAxis配置中：
xAxis: {
minorTickWidth: 1, // this is by default 0 and is why you don't see ticks
minorGridLineWidth: 0, // this disables the grid lines
固定小提琴。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Highcharts两个日期时间xAxis图表具有相同的刻度间隔
- 2
带有外部 CSV $.get 的 Highcharts - 没有 xAxis 日期
- 3
HighCharts 错误的 xAxis 标签
- 4
HighCharts xAxis 显示在 0 行，所有列之间带有刻度线
- 5
Highcharts 热图 xAxis 刻度对齐
- 6
HighCharts是否具有通过日期时间向xAxis动态添加plotLines的选项？
- 7
Xaxis上的Highstock Highcharts日期时间数据
- 8
带有Highcharts的xAxis上仅显示年份
- 9
Highcharts 实心仪表，条形上带有刻度线
- 10
HighCharts Boxplot并排Xaxis
- 11
highcharts xAxis标签设置为0.5％步进
- 12
自定义Highcharts xaxis标签
- 13
如何单独更改 Highcharts xAxis 标签颜色？
- 14
在 xAxis 中正确设置日期 HighCharts
- 15
X轴上带有日期时间的HighCharts散点图无法正确绘制值
- 16
Highcharts - 使用带有 x 值日期和时间的图表的性能问题
- 17
带有日期时间折线图的 Highcharts 自定义属性
- 18
带有 Angular 的 Highcharts Variablepie
- 19
图例与 Highcharts 中 xAxis 上的列刻度不匹配
- 20
Highcharts量规放错标签
- 21
Highcharts 6.0.2：重叠标签
- 22
Highcharts 馅饼系列标签
- 23
Highcharts 系列标签
- 24
如何使用 highcharts 在饼图标签中正确显示时间数据的刻度？
- 25
如何获得Highcharts xAxis坐标？
- 26
Highcharts中的Y轴刻度
- 27
具有共享和拆分tooptip的Highcharts，是否有可能设置悬停xAxis标签的样式？
- 28
从JS日期开始的Highcharts X轴时间
- 29
HighCharts-使用日期时间创建散点图
我来说两句