标签: flot

我使用jquery flot作为我的饼图,当饼图片非常小时我遇到重叠标签的问题.那有一个很好的解决方案吗？

我的饼图:

series: { 
                pie: { 
                    show: true, 
                    radius: 1, 
                    label: { 
                        show: true, 
                        radius: 5/8, 
                        formatter: function(label, series){ 
                            return '<div style="font-size:12pt;text-  align:center;padding:2px;color:black;margin-left:-80%;margin-  top:-20%;">'+label+'<br/>'+Math.round(series.percent)+'%</div>'; 
                        }, 
                        background: { opacity: 0.5 } 
                    } 
                } 
            }, 
            legend: { 
                show: false 
            }

谢谢,阿尔沙夫斯基亚历山大.

尝试运行一个非常简单的flot.js示例,我有以下代码来渲染flot图表.(我故意省略所有非必要的HTML和CSS.)

<div id="chartWrapper1">
<div id="placeholder"></div>
<div id="legendholder">Legend Container</div>
</div>

<script type="text/javascript">
$(function () {
var disk1 = [[0, 3], [4, 8], [8, 5], [9, 13]];
    $.plot($("#placeholder"), [{
      legend: { show: true, container: $('#legendholder') },
      label: "Disk 1",
      data: disk1,
      lines: { show: true, fill: true }
    }]);
});
</script>

结果如下:

http://bit.ly/JTR3Bd

(StackExchange不允许我发布图片,因此上面的链接可以直接找到图表的屏幕截图.)

图表旁边的小部分,也就是传说,是另一个div(id ="legendholder"),这就是我希望传奇出现的地方.

我有网格选项的类似问题,这是我不理解的部分:

当我在JavaScript中指定选项时,似乎没有任何事情发生.图例仍然在图表中.然后,我在jquery.flot.js中对图例设置进行了硬编码,一切正常.显然,这是一个彻头彻尾的黑客攻击,但有人看到我在这里做错了吗？

是的,我已经阅读了API文档,围绕着flot.js github页面,但我无法弄清楚是什么导致了我的问题.

任何人？

我想使用Javascript在网页上做一个线图.我希望它是动画的,这样当页面加载时,线条会慢慢地"绘制"到图形上.

我已经设法使用flot获得静态图,但是我不确定如何设置动画.

这将是我一半的完成任务,只是让画一条线中途沿着图形,但是当我试图通过修改数据集要做到这一点,它修改图的结构一样,所以该行填充100%的图形区域.

那么有没有办法分阶段绘制线数据,所以我可以动画它？

或者,是否有一些我忽略的其他javascript图形框架？

在下面的小提琴:

http://jsfiddle.net/jamitzky/9x7aJ/

如果窗口宽度发生变化,如何更改图形的宽度？

码:

$(function () {
var d1 = [];
for (var i = 0; i < 14; i += 0.5)
    d1.push([i, Math.sin(i)]);

var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];

// a null signifies separate line segments
var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];

$.plot($("#placeholder"), [ d1, d2, d3 ]);
});

我们通常在Excel中将一些数据(10-50列,数十万行)可视化为折线图或堆积条形图.
用户希望能够放大和缩小图表以获得单个样本,但这些操作确实让Excel瘫痪.

我正在考虑将数据嵌入到HTML页面中,使用内联JavaScript来处理浏览器中的可视化.像flotr JS charting lib这样的东西可以用于图表.

1. 这是一个愚蠢的想法吗？
2. 浏览器是否已准备好进行此类加载？
3. 这是一个解决的问题,我应该在问之前用Google搜索更彻底吗？

嗨我正在尝试从mysql数据库中检索数据来创建flot图可以任何人带我完成这个程序或者让我知道该怎么做谢谢

有没有办法将x轴和y轴数字标签叠加到jQuery Flot图上.所以,我希望标签不在图形旁边的外部,而是在图形本身之上.

以下示例在图表顶部为注释创建叠加div:http: //people.iola.dk/olau/flot/examples/annotating.html

有没有一种简单的方法从flot中抓取文本和格式化轴并从中创建这样的叠加？或者,是否有另一种更好的方法可以将轴标签覆盖在图表的顶部？

我想在flot条形图上显示栏内的值,如下所示:

|
|               +----+
|               |    |
|               |    |
|               |    |
|   +----+      | 20 |
|   |    |      |    |
|   | 10 |      |    |
|   |    |      |    |
|---+----+------+----+------

data = [[1,10],[2,20]]

有没有办法做到这一点？

Flot是否有一个可以设置为图表标题的选项？我没有看到整个图表中的一个,只是针对轴.

但我可能错过了一些东西.

为了使事情变得容易,我正在提供代码:http://jsbin.com/otaruq

我们这里有一个这样的数据集:(查看源代码更多)

 "label": "scott",
    "data": [[1317427200000, "17017"], [1317513600000, "77260"]]

其中第一个值是UTC格式的日期,第二个值应该是分数.

现在,我要做的是让y轴上的每个日期并排表示得分的条形,如下所示:

   3 | #                          # 
   2 | # #         #   #          # #
   1 | # # #       # # #        # # #
   0 |_________________________________
     1 oct         2 oct        3 oct

相反,现在你可以看到这些酒吧都是在每一个上面.

任何帮助都会真正得到应用,谢谢