1

我的图表看起来像这样，我喜欢它（xaxis 依次为：Feb3、Feb4、Feb5 等）：

图表确定

但是当我添加更多时间数据时，每隔一个月就会消失：（不会有更多数据，每个月都适合！但它消失了..）

图表错误

我希望每个月都像第一张图片一样显示。我不能扩大占位符：

<div id="placeholder1" style="width: 700px; height: 300px;"></div>

（它必须有 700 像素）

我的代码：

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

});

提前感谢您的任何回复。

PS。为什么我的font: {}方法也不起作用？:(


// 我不是以英语为母语的人，所以请原谅我的语法错误。

4

1 回答 1

1

您的字体选项不起作用，因为 Flot 不支持这些选项；在API 文档中搜索“xaxis”。您应该在 CSS 中的 .tickLabel 类下设置它们。

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

于 2012-06-14T11:36:09.807 回答