标签: flot

我用flot来显示条形图.当我将tickLength设置为0时,它隐藏了垂直和水平线,但它也隐藏了x轴和y轴线.我需要x轴和y轴,没有垂直和水平网格线.有没有办法做到这一点？

请参阅图像中的第二个图表.这就是我想要的.

我需要给条形图提供纯色...我已经按照这个链接 条形图示例

但我想给出纯色,我也需要自己改变颜色......怎么做......

在stackoverflow用户页面上看到很酷的新"信誉"选项卡后,我受到启发,可以稍微使用Flot图表库.我有一个有几百个系列的折线图.在任何给定时间,只有几个系列可见.我的数据系列分为几个"类别",我根据该类别分配数字颜色索引.我希望能够看到Flot为特定颜色索引值分配的实际颜色,最终目的是创建一个将颜色与我的"数据类别"相关联的自定义图例.我怎样才能获得这些颜色值？

我看到我可以提供自己的颜色数组,但我不愿意这样做,因为我不确定在加载数据之前我将拥有多少类别.我想我可以只创建一个数组,这只是方式太大,但似乎浪费,如果有可能要问FLOT每个系列是什么颜色.

我有一个CSV文件,我想用它作为jQuery flot图的源数据.

我是不是该:

1. 找一个可以直接加载CSV文件的jQuery插件？
2. 将CSV文件转换为JSON并使用它？
3. 做点完全不同的事情？

我没有太多运气找到一个可以处理外部CSV文件的jQuery插件,但也许我错过了一些东西.

任何人都可以帮我找出,如何打印动态图作为flot生成的例子.我试过这个,但它打印整页,但我只想要图形部分.

function printGraph(){
    $('<img src="../images/button_refresh.png" alt="Print Graph" style="">').appendTo(controlholder).click(function (e) {                        
        //Canvas2Image.saveAsPNG(document.getElementById('placeholder'));
        //canvas.toDataURL("image/png");
        window.print('placeholder');
    });
}

我试图建立一个有点先进的"Flot"jQuery插图.为此,我需要一个多维对象(或者至少我认为它是).

结构应如下所示:

var datasets = {
        "usa": {
            label: "USA",
            data: [[1988, 483994], [1989, 479060], [1990, 457648], [1991, 401949], [1992, 424705], [1993, 402375], [1994, 377867], [1995, 357382], [1996, 337946], [1997, 336185], [1998, 328611], [1999, 329421], [2000, 342172], [2001, 344932], [2002, 387303], [2003, 440813], [2004, 480451], [2005, 504638], [2006, 528692]]
        },        
        "russia": {
            label: "Russia",
            data: [[1988, 218000], [1989, 203000], [1990, 171000], [1992, 42500], [1993, 37600], [1994, 36600], [1995, 21700], [1996, 19200], [1997, 21300], [1998, 13600], [1999, 14000], [2000, 19100], [2001, …

我们可以将默认左侧的图例位置更改为右侧或底部吗？

我们如何在鼠标指针上实现悬停,内容应该显示在鼠标指针而不是其他DIV中

是否可以在flot图中显示x和y轴的标题？

以下是代码:

    $.plot($("#placeholder_1w"), [d], {
        series: {
        lines: { show: true, fill: false, fillColor: "red" },
        points: { show: true, fill: true,fillColor: "red"  }
    },
        grid: { hoverable: true, clickable: true , color: 'green'},
        xaxis: {
            mode: "time",
            minTickSize: [1, "day"],
            min: (myWeekDate).getTime(),
            max: (new Date()).getTime()
        },
        colors: ["red", "green", "#919733"]
    });

在我的flotgraphs中,数据集中没有任何项目包含小数点,但在其自动缩放程序中,它有时会决定向我显示中间小数点

我不希望它这样做,无论如何不要那样做吗？

这很重要的原因是因为此数据集中从不存在十进制值,因此没有必要暗示会有或者认为它是规模的有用补充

http://jsfiddle.net/gamm/t3Vqh/2/

var dataset = [overdue, open, completed];

var options = {
    series: {
        stack: true,
        bars: {
            show: true
        }
    },
    bars: {
        align: "center",
        horizontal: false,
        barWidth: .8,
        lineWidth: 0
    },
    grid: {
        borderWidth: 0,
        borderColor: null,
        backgroundColor: null,
        labelMargin: 10,
        minBorderMargin: 10
    },
    yaxis: {
        tickColor: "FFFFFF"
    },
    xaxis: {
        tickColor: "FFFFFF",
        ticks: [
            [1, "Public Works"],
            [2, "Sanitation"],
            [3, "Mayor"],
            [4, "L&I"],
            [5, "Police"]
        ]
    },
    legend: {
        position: 'ne',
        show: true
    }
}; …

以一种清理所有事件处理程序而不会导致内存泄漏的方式销毁jQuery flot图的正确方法是什么？

似乎flot留下了一些僵尸(又名Detached Dom Trees)