标签: flot
旋转Flot Tick标签
我正在尝试将图表底部的日期旋转为垂直与水平.我正在使用flot-tickrotor,但它似乎无法正常工作.
xaxis: {
rotateTicks: 110,
mode: "time",
timeformat: "%m/%d",
minTickSize: [7, "day"],
ticks: cpudatearray
}
最终结果不正确,一切都显得混乱.
推荐指数
解决办法
查看次数
Flot上的渐变
如何在饼图上设置渐变效果？
[{
label: i,
data: 1000,
color: [ "rgb(190,110,110)", "rgb(140, 70, 70)", "rgb(110, 50, 50)", "rgb(60, 10, 10)" ]
},
//nextserie
]
不起作用.
另外,如何将渐变效果设置为我的图表的默认颜色？在这种方式中,您可以通过数字索引它,如:
[{
label: i,
data: 1000,
color: 1,
},
//nextserie
]
推荐指数
解决办法
查看次数
在flot中创建图表中断
我用flot绘制的图表的数据可能是不连续的 - 有些测量可能会丢失.
我不允许对它们进行插值 - 必须存在不连续性,没有值,与缺失的值相邻的值之间没有链接; 图形必须在中断前的最后一次测量结束,然后在中断后从第一次测量重新开始.
我可以完全操纵数据,我知道哪些数据丢失,哪些数据出现在边缘.数据来自多个系列的对[时间,值],任何系列都可以包含中断(并且通常中断将在相同的时间段内,以便断开通信.)
如何强制flot在图形中创建这样的间隙？
推荐指数
解决办法
查看次数
带有Flot的UI Bootstrap导致未对齐的刻度
我正在开发一个带有UI Bootstrap的Angular Web应用程序,并且使用UI选项卡遇到了flot图表中y-tick标签对齐的问题.
使用标准引导选项卡,图表在tabset内部和外部匹配:http: //jsfiddle.net/TDwGF/614/
但是,使用UI Bootstrap tabset,我们发现y-tick标签与图重叠:http:
//jsfiddle.net/TDwGF/615/
在使用不同的方法来构建flot指令时,我可以创建一个图表,其中只有一半的y-tick标签未对齐(但是在最小的例子中我无法再现这个).
我找不到任何会导致这些问题的继承css修改,而且我没有遇到任何运气通过tabs指令源代码.
任何帮助,将不胜感激.
推荐指数
解决办法
查看次数
如何在Flot中获取x轴起始值？
我想知道如何在JS库Flot中获取x轴起始值.我知道开始时的x轴值(显然,因为我用自己的数据填充它),但如果你设置:
pan: {
interactive: true
}
比用户能够平移图表(这里的示例),如果用户平移图表,则x值会发生变化.我查看了jquery.flot.js,找到了这个值的计算位置,但没有运气.
推荐指数
解决办法
查看次数
如何在Flot中水平显示堆积的条形图？
我看到如何使用水平条或垂直条显示flot中的条形图,这些条形图可以垂直"堆叠",但是我找不到如何显示水平和堆叠的条形图的示例.
我该怎么做？
这是我的代码,从网站下面的海报复制,但仍然不会堆叠
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="flot/jquery.flot.js"></script>
<script type="text/javascript" src="flot/jquery.flot.stack.js"></script>
<script type="text/javascript">
$(function () {
var d1 = [];
for (var i = 0; i <= 10; i += 1)
d1.push([parseInt(Math.random() * 30),i]);
var d2 = [];
for (var i = 0; i <= 10; i += 1)
d2.push([parseInt(Math.random() * 30),i]);
var d3 = [];
for (var i = 0; i <= 10; i += 1)
d3.push([parseInt(Math.random() * 30),i]);
$.plot($("#placeholder"), [ d1, d2, d3 ], { …推荐指数
解决办法
查看次数
如何调整和对齐flot图
默认情况下,flot会将图形和轴标签的大小设置为固定在div容器内.如果页面上有一系列图形,每个图形中有不同的变量,则轴标签的大小不同,因此图形画布的大小不同,并且不能整齐排列.
有没有办法设置flot画布的大小和位置,以便图形在容器内是固定的大小和位置
推荐指数
解决办法
查看次数
Flot:Markings - 线条笔划的大小
是否可以改变标记的线条行程？我已经知道可以改变它的颜色:
markings: [ { yaxis: { from: 0, to: 0 }, color: "#000"},
{ xaxis: { from: 0, to: 0 }, color: "#000" }],
我已经使用这个解决方案使我的轴没有背景网格线: display-x-axis-and-y-axis-lines-with-the-grid-lines-using-flot
推荐指数
解决办法
查看次数
flot.axislabels:如何选择标签的颜色？
我使用flot与插件"jquery.flot.axislabels.js",但我找不到除README文件之外的其他文档.所以一般的问题是"我在哪里可以找到一些完整的文档？" 更具体的是:"如何设置标签的颜色？" 有些属性可用,例如"axisLabelFontSizePixels","axisLabelFontFamily"等......所以我尝试了"axisLabelColor"和"axisLabelFontColor"而没有任何结果.
我也尝试使用CSS,根据这个:http://people.mozilla.com/~mcote/flot-axislabels/example/ 但它也不起作用.也许CSS正在使用旧版本的axislabel.js.
理想情况下,我会避免使用CSS,我想如果我们能够选择字体,我们就可以选择颜色.但我无法找到我必须使用的语法...
如果有人知道某事,我会很高兴看到它:-)谢谢和问候,S.
推荐指数
解决办法
查看次数
Flot:如何在条形图中设置数字样式？
我正在使用FlotCharts,它的插件flot.barnumbers(Demo)来显示图表.
我需要在栏内显示数字,它有效.不幸的是,我不知道如何设置数字样式,并且无法在文档或Google中找到任何内容.
我想使用类似的东西(显然不可能):
bars: {
numbers: {
numberFormatter: function(v, bar) {
return '<div class="pimp-my-number-class">'+ v +'</div>';
}
}
}
有没有人有想法,如何解决这个问题？
提前致谢!
推荐指数
解决办法
查看次数
标签 统计
flot ×10
javascript ×6
jquery ×6
graph ×2
angular-ui ×1
angularjs ×1
axis-labels ×1
bar-chart ×1
c# ×1
canvas ×1
html5 ×1
sql ×1