标签: flot

我正在使用Flot来绘制我的一些数据,我认为在点击按钮后使这个图形显示为全屏(在显示器上占据整个空间)会很棒.目前,我的div情况如下:

<div id="placeholder" style="width:800px;height:600px"></div>

当然,style属性仅用于测试.CSS在实际设计中我会把它移到后面.无论如何,我可以使这个div全屏,仍然保留所有事件处理？

当使用flot时,我希望有一个基于字符串的x轴.例如,我有一个客户列表"鲍勃","克里斯","乔",并希望在Y轴上绘制他们的收入.(这是一个条形图)

乍一看,flot只支持x轴上的数字类型.这是真的？

有谁知道如何在Flot中设置轴的标签或标题？

我已经阅读了API,但它似乎没有这个功能......

谢谢 :)

我正在尝试使用Flot生成折线图,但我希望数据标签显示在图表上 - 这意味着,我希望每个点的值显示在该点旁边.我觉得这应该是一个选项,但无法在API中找到它.我只是遗漏了什么,或者有人知道解决方法吗？

提前致谢.

我是Angular和Flot的新手,但我对Jquery和Javascript很有经验.我对如何将Flot图表绑定到Angular数据模型感到困惑,因为Flot是一个JQuery插件.我四处寻找,但一直没能找到一个例子.

我也很乐意使用highcharts,谷歌图表或任何其他图表解决方案.

我正在寻找一个在网站上显示的图表库.我将密集使用这个库(主要用于区域,线条和条形图),所以我更愿意在开始实施之前确保我的选择.

我最初考虑的网站图表库列表如下:

• Plotkit
• Emprise JS Charts
• 迷你图
• Protochart
• gRaphael
• 虚张声势
• YUI图表:

然而,经过对该论坛的一些研究和对网络的调查,我将我的候选人名单缩减为这两个图书馆:

1. Flot jQuery插件
2. 谷歌可视化

您建议我使用哪一个以及为什么(如果您使用了其中一个或两个,请告诉我您的反馈)？

他们如何在易用性,性能和功能方面相互比较？

谢谢

编辑:基于Flash图表库不符合我的约束条件

我想在网络浏览器中使用Javascript进行最小二乘拟合.

目前,用户使用HTML文本输入输入数据点信息,然后我使用jQuery获取数据并使用Flot绘制图形.

在用户输入他们的数据点后,我想向他们展示一条"最合适的线".我想我会计算线性,多项式,指数和对数方程,然后选择具有最高R^2值的方程.

我似乎无法找到任何可以帮助我做到这一点的库.我偶然发现了jStat,但它完全缺少文档(据我所知)并且在挖掘源代码之后它似乎没有内置任何线性回归功能 - 我纯粹基于函数然而,名字.

有谁知道任何提供简单回归分析的Javascript库？

希望是我可以像这样使用图书馆......

如果我在数组中有一些散点var points = [[3,4],[15,45],...[23,78]],我可以将它交给某个函数lin_reg(points),它会返回类似于[7.12,3]线性方程的东西y = 7.12 x + 3.

我无法弄清楚如何让flot.pie改变馅饼切片颜色,只改变系列颜色.这可能吗？

我无法弄清楚如何让flot.pie将标签中显示的数据从"原始数据"的百分比更改为实际数据.在我的例子中,我创建了一个饼图,其中包含已读/未读消息的数量.

读取消息数:50.未读消息数:150.

创建的饼图显示读取消息的百分比为25%.在这个位置我想显示实际的50条消息.见下图:

我用来创建馅饼的代码:

var data = [
    { label: "Read", data: 50, color: '#614E43' },
    { label: "Unread", data: 150, color: '#F5912D' }
];

和:

    $(function () {
        $.plot($("#placeholder"), data,
           {
            series: {
                pie: {
                    show: true,
                    radius: 1,
                    label: {
                        show: true,
                        radius: 2 / 3,
                        formatter: function (label, series) {
                            return '<div style="font-size:8pt;text-align:center;padding:2px;color:white;">' + label + '<br/>' + Math.round(series.percent) + '%</div>';

                        },
                        threshold: 0.1
                    }
                }
            },
            legend: {
                show: false
            }
        });
    });

这可能吗？

在@Ryley的回答中,我找到了一个肮脏的解决方案.当我输出series.data时,返回值"1,150"和"1,50".我想出了减去返回值的前2个字符并显示减去的值的想法.

String(str).substring(2, …

在Flot.js中,条形图和折线图默认使用数字作为x和y轴的坐标.

如何设置坐标使得数字只是整数或者至少只有整数可见？