Javascript Flot(时间数据),xaxis-如果有更多数据,则标签消失

Javascript Flot(时间数据),xaxis-如果有更多数据,则标签消失,javascript,charts,flot,Javascript,Charts,Flot,我的图表是这样的,我很喜欢(xaxis依次有:Feb3、Feb4、Feb5等): 但当我添加更多时间数据时,每两个月就会消失一次: (不会有更多的数据,每个月都会有!但它已经消失了.) 我想每个月都像第一张图片上那样展示。。 我无法扩展我的占位符: <div id="placeholder1" style="width: 700px; height: 300px;"></div> 提前感谢您的回复 PS.为什么我的字体:{}方法也不起作用( //我不是英语母语人士

我的图表是这样的,我很喜欢(xaxis依次有:Feb3、Feb4、Feb5等):

但当我添加更多时间数据时,每两个月就会消失一次: (不会有更多的数据,每个月都会有!但它已经消失了.)

我想每个月都像第一张图片上那样展示。。 我无法扩展我的占位符:

<div id="placeholder1" style="width: 700px; height: 300px;"></div>
提前感谢您的回复

PS.为什么我的字体:{}方法也不起作用(



//我不是英语母语人士,请原谅我的语法错误。

您的字体选项不起作用,因为Flot不支持这些选项;请搜索“xaxis”。您应该在CSS中的.ticklab类下设置这些选项


至于标签消失的问题,你可能可以通过设置tickSize而不是minTickSize来解决,但在某一点上,你的标签会重叠并开始看起来很难看。由于Flot不支持旋转/多行标签,避免这种情况的唯一方法是减小字体大小。

你的字体选项不起作用,因为Flot不支持旋转/多行标签这些选项;搜索“xaxis”。您应该在CSS中的.ticklab类下设置这些选项


至于标签消失,您可能可以通过设置tickSize而不是minTickSize来解决,但在某一点上,您的标签将重叠并开始看起来很难看。由于Flot不支持旋转/多行标签,避免这种情况的唯一方法是减小字体大小。

本质上,我从API获得的字体大小:并且有一个部分关于设置字体样式:{…}。因此我不知道如何设置它的样式,因为.tickLabels{font size:8px;}不工作。使用TickSize:[1,“day”]不工作:(我知道了;您正在使用trunk。trunk中的字体选项与画布文本支持相关,并且非常具有实验性。您能试试吗。0.7版本的tickLabels?是的,我使用的是最新版本的Flot-0.7和简单的样式。.tickLabels不起作用:/我刚刚在一个官方示例中试用过,效果很好;您确定您的CSS是正确的吗rect,并且正在被包括?Och my..I write“.tickLabels”(带“s”)lol现在它可以工作了,但是较小的字体仍然不能解决我的空白标签的主要问题:/DNS,无论如何谢谢你的时间。基本上,我从API获得的字体大小:{…}还有关于字体样式设置的部分。所以我不知道如何设置它的样式,因为.tickLabels{font size:8px;}不工作。使用TickSize:[1,“day”]不工作:(我知道了;您正在使用trunk。trunk中的字体选项与画布文本支持相关,并且非常具有实验性。您能试试吗。0.7版本的tickLabels?是的,我使用的是最新版本的Flot-0.7和简单的样式。.tickLabels不起作用:/我刚刚在一个官方示例中试用过,效果很好;您确定您的CSS是正确的吗rect,并且正在被包括?Och my..I write“.ticklebals”(带“s”)lol现在它可以工作了,但是较小的字体仍然不能解决我的空白标签的主要问题:/DNS,无论如何感谢您的时间。
var data = [

    [1328223600000, 5],
    [1328310000000, 15],
    [1328396400000, 30],
    [1328482800000, 17],
    [1328655600000, 7],
    [1328742000000, 33],
    [1328828400000, 40],
    [1328914800000, 22],
    [1329001200000, 40],
    [1329087600000, 33],
    [1329174000000, 33],

]; 

var ds = new Array();

ds.push({
    data:data,
    bars: {
        show: true, 
        align: "center",
        barWidth: 1000*60*60*24, 
        fill: true,
    },
    color: "#aae0f0",
});


$.plot($("#placeholder1"), ds, {

grid:{ hoverable:true, clickable: true },

xaxis:
{
    mode: "time",
    minTickSize: [1, "day"],

    font: {
         size: 7,
         style: "italic",
         weight: "bold",
         family: "sans-serif",
         variant: "small-caps"
       },

    tickLength: 0,
    alignTicksWithAxis: 1,
},

series:
 {
    //stack: 1, // - not work too
    //bandwidth: { active: true , lineWidth: 8 },
 }

});