Javascript 当试图隐藏第二个轴记号时,Flot图形向上移动

Javascript 当试图隐藏第二个轴记号时,Flot图形向上移动,javascript,charts,flot,Javascript,Charts,Flot,我目前正在研究一些flot图,这些图显示与时间相关的单组和多组数据。下面是图表上单个数据集的示例图像 日期时间选择器允许用户比较第二个数据集在初始数据集上绘制的两个时间范围。我遇到的问题是,当在第一个数据集上绘制第二个数据集时,整个图形向上移动,显示出隐藏记号所在的一个大空白,请参见下面的示例图像 正如您所看到的,数据集是不同的时间范围,因此不能在同一轴上进行比较。这是我的轴选项 xaxes: [{ tickColor: "#fff", mod

我目前正在研究一些flot图,这些图显示与时间相关的单组和多组数据。下面是图表上单个数据集的示例图像

日期时间选择器允许用户比较第二个数据集在初始数据集上绘制的两个时间范围。我遇到的问题是,当在第一个数据集上绘制第二个数据集时,整个图形向上移动,显示出隐藏记号所在的一个大空白,请参见下面的示例图像

正如您所看到的,数据集是不同的时间范围,因此不能在同一轴上进行比较。这是我的轴选项

xaxes: [{
            tickColor: "#fff",
            mode: "time",
            timeformat: timeFormat,
            minTickSize: tickSize,
            font: {
                style: "normal",
                color: "#666666"
            },
            axisLabel: xLabel,
            axisLabelUseCanvas: true,
            axisLabelFontSizePixels: 11,
            axisLabelColour: "#666666",
            axisLabelFontFamily: 'Open Sans',
            axisLabelPadding: 20
        },
        {
            ticks: [],
            mode: "time",
            timeFormat: timeFormat
        }],
在第二个X轴上应用选项show:false将完全删除移位,但由于该选项为false,因此图形点的工具提示也将被删除

如果需要知道的话,我会使用flot.time、flot.tooltip和flot.axis标签。 这是我的第一个问题,所以任何反馈都很好:)

这可以归结为两个主要的变化。将比较图数据指定给第二个x轴:

var dataSet = [{
            data:  [
                [1467669600000, 12],
                [1467709200000, 14]
            ],
            label: 'data1',
            xaxis: 1
        }, {
            data:  [
                [1467583200000, 15],
                [1467622800000, 13],
                [1467662400000, 16]
            ],
            label: 'data2',
            xaxis: 2
        }];
为了美观起见,应该隐藏第二个x轴,这样它就不会镜像相同的小时数(设置
show:false

这可以归结为两个主要的变化。将比较图数据指定给第二个x轴:

var dataSet = [{
            data:  [
                [1467669600000, 12],
                [1467709200000, 14]
            ],
            label: 'data1',
            xaxis: 1
        }, {
            data:  [
                [1467583200000, 15],
                [1467622800000, 13],
                [1467662400000, 16]
            ],
            label: 'data2',
            xaxis: 2
        }];
为了美观起见,应该隐藏第二个x轴,这样它就不会镜像相同的小时数(设置
show:false


我已经编辑了您的JSFIDLE,更改了大多数选项,现在它可以工作了!我一定是在我的初始代码中错过了一个设置,因为我最初尝试了show:false选项,导致工具提示中断。无论如何,非常感谢。我已经编辑了您的JSFIDLE,更改了大多数选项,现在它可以工作了!我一定是在我的初始代码中错过了一个设置,因为我最初尝试了show:false选项,导致工具提示中断。无论如何,非常感谢你。