Javascript 在x轴上多次显示额外标签的高度图表
我使用highcharts创建了一个简单的气泡图,x轴值是时间戳。除了显示多个相同日期的标签外,一切正常 创建了一个JSIDLE: 代码: 我只想展示我的x值Javascript 在x轴上多次显示额外标签的高度图表,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我使用highcharts创建了一个简单的气泡图,x轴值是时间戳。除了显示多个相同日期的标签外,一切正常 创建了一个JSIDLE: 代码: 我只想展示我的x值 谢谢,Highcharts将自动尝试填充一系列日期。由于您只提供了这两个日期的数据集,插件正在尝试制作一个完整的图表,但只有该范围的日期可以使用。一旦您添加了跨越更长日期范围的更大数据集,它就应该进行补偿。在此之前,您可以添加显示时间的选项。这会让你对图表中正在发生的事情有一个更广阔的视角。 编辑:在演示中,您可能需要将结果窗口放大,
谢谢,Highcharts将自动尝试填充一系列日期。由于您只提供了这两个日期的数据集,插件正在尝试制作一个完整的图表,但只有该范围的日期可以使用。一旦您添加了跨越更长日期范围的更大数据集,它就应该进行补偿。在此之前,您可以添加显示时间的选项。这会让你对图表中正在发生的事情有一个更广阔的视角。 编辑:在演示中,您可能需要将结果窗口放大,以便正确查看日期和时间标签
另外,您可以尝试使用选项强制范围应用,或者考虑更改您的时间戳以不包括时间,仅包括实际日期。 Highcharts将自动尝试填充一系列日期。由于您只提供了这两个日期的数据集,插件正在尝试制作一个完整的图表,但只有该范围的日期可以使用。一旦您添加了跨越更长日期范围的更大数据集,它就应该进行补偿。在此之前,您可以添加显示时间的选项。这会让你对图表中正在发生的事情有一个更广阔的视角。
编辑:在演示中,您可能需要将结果窗口放大,以便正确查看日期和时间标签另外,您可以尝试使用选项强制范围应用,或者考虑更改您的时间戳以不包括时间,仅包括实际日期。 Highcharts将自动尝试填充一系列日期。由于您只提供了这两个日期的数据集,插件正在尝试制作一个完整的图表,但只有该范围的日期可以使用。一旦您添加了跨越更长日期范围的更大数据集,它就应该进行补偿。在此之前,您可以添加显示时间的选项。这会让你对图表中正在发生的事情有一个更广阔的视角。
编辑:在演示中,您可能需要将结果窗口放大,以便正确查看日期和时间标签另外,您可以尝试使用选项强制范围应用,或者考虑更改您的时间戳以不包括时间,仅包括实际日期。 Highcharts将自动尝试填充一系列日期。由于您只提供了这两个日期的数据集,插件正在尝试制作一个完整的图表,但只有该范围的日期可以使用。一旦您添加了跨越更长日期范围的更大数据集,它就应该进行补偿。在此之前,您可以添加显示时间的选项。这会让你对图表中正在发生的事情有一个更广阔的视角。
编辑:在演示中,您可能需要将结果窗口放大,以便正确查看日期和时间标签另外,您可以尝试使用选项强制范围应用,或者考虑更改您的时间戳以不包括时间,仅包括实际日期。 您可以通过设置和startOnTick/endOnTick来定义记号。另一个解决方案是使用
示例:您可以通过设置和startOnTick/endOnTick来定义记号。另一个解决方案是使用
示例:您可以通过设置和startOnTick/endOnTick来定义记号。另一个解决方案是使用
示例:您可以通过设置和startOnTick/endOnTick来定义记号。另一个解决方案是使用
示例:您能告诉我如何仅显示两个日期吗?我尝试了所有的方法。但我想不出来out@testzuser塞巴斯蒂安的回答提供了你需要的所有信息。你能告诉我如何只显示两个日期吗?我尝试了所有的方法。但我想不出来out@testzuser塞巴斯蒂安的回答提供了你需要的所有信息。你能告诉我如何只显示两个日期吗?我尝试了所有的方法。但我想不出来out@testzuser塞巴斯蒂安的回答提供了你需要的所有信息。你能告诉我如何只显示两个日期吗?我尝试了所有的方法。但我想不出来out@testzuser塞巴斯蒂安的回答提供了你需要的所有信息。问题是什么?问题是什么?问题是什么?问题是什么?很好,奇怪的是,我觉得我在文档中查找了15分钟,却找不到这些选项。这帮了我很多忙!很好,奇怪的是,我觉得我在文档中查找了15分钟,却找不到这些选项。这帮了我很大的忙!很好,奇怪的是,我觉得我在文档中查找了15分钟,却找不到这些选项。这帮了我很大的忙!很好,奇怪的是,我觉得我在文档中查找了15分钟,却找不到这些选项。这帮了我很大的忙!
$('#container').highcharts({
chart: {
type: 'bubble',
zoomType: 'xy'
},
title: {
text: 'Highcharts Bubbles'
},
xAxis: {
labels: {
formatter: function () {
return Highcharts.dateFormat('%m/%d/%Y', this.value);
}
}
},
series: [{
// data: [[1437415889539,36,79],[1437415899539,74,60],[1437515889539,76,58]]
data: [{
x: 1437416876595,
y: 10,
z: 34435
}, {
x: 1437503398847,
y: 60,
z: 24435
}]
}]
});
xAxis: {
dateTimeLabelFormats: {
millisecond: '%H:%M:%S.%L',
second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%e. %b',
week: '%e. %b',
month: '%b \'%y',
year: '%Y'
},
labels: {
formatter: function () {
return Highcharts.dateFormat('%m/%d/%Y %H:%M:%S', this.value);
}
}
},
startOnTick: true,
endOnTick:true,
tickInterval: 24 * 3600 * 1000, // one day