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