Javascript 在x轴上多次显示额外标签的高度图表

Javascript 在x轴上多次显示额外标签的高度图表,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我使用highcharts创建了一个简单的气泡图,x轴值是时间戳。除了显示多个相同日期的标签外,一切正常 创建了一个JSIDLE: 代码: 我只想展示我的x值 谢谢,Highcharts将自动尝试填充一系列日期。由于您只提供了这两个日期的数据集,插件正在尝试制作一个完整的图表,但只有该范围的日期可以使用。一旦您添加了跨越更长日期范围的更大数据集,它就应该进行补偿。在此之前,您可以添加显示时间的选项。这会让你对图表中正在发生的事情有一个更广阔的视角。 编辑:在演示中,您可能需要将结果窗口放大,

我使用highcharts创建了一个简单的气泡图,x轴值是时间戳。除了显示多个相同日期的标签外,一切正常

创建了一个JSIDLE:

代码:

我只想展示我的x值


谢谢,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