Tag: flot

jQuery flot pieresize: 我有resize的工作，但是当我使用饼图时，每个人都是oke但是当我调整容器的大小时，我得到一个大的sqaure图表而不是圆形饼图。这怎么可能解决？ JS代码： $(“table.chart-pie”).each(function() { var colors = []; $(“table.chart-pie thead th:not(:first)”).each(function() { colors.push($(this).css(“color”)); }); $(this).graphTable({ series: ‘columns’, position: ‘replace’, width : ‘100%’, height: ‘250px’, colors: colors }, { series: { pie: { show: true, pieStrokeLineWidth: 0, pieStrokeColor: ‘#FFF’, radius: 100, label: { show: true, radius: 3/4, formatter: function(label, series){ return ”+label+’: ‘+Math.round(series.percent)+’%’; }, background: […]

jquery qtip中的flot？: 我正在尝试复制亚马逊，Trip Advisor等正在做的事情并显示工具提示类型界面，当hover在平均评价分数上以条形图格式显示分数的细分 – 在qtip论坛上据说使用Flot（我的第一个）时间使用它作为通常使用谷歌图表）但是当我把它放在工具提示之外时，图表在页面上渲染得很好，一旦我把div放在其中它就不起作用。我的页面是： http ： //solicitor.info/demo/solicitors/？id = 15 任何人都可以看到我做错了什么？

在Flot中显示时间线/线性数据: 有谁知道如何让flot显示一种“时间轴”？例如 Y: Person1| —– ——- Person2| ——- ——- Person3| — —– —- Person4| ——- _____________________ X: Jan Feb March April 我不确定如何在y轴上显示标签并显示数据线性迄今解决方案:) $（文件）。就绪（函数（）{ var d1 = [[(new Date(“01/01/2009”)).getTime(), 5], [(new Date(“10/01/2009”)).getTime(), 5]]; var placeholder = $(“#placeholder”); // plot it var plot = $.plot(placeholder, [d1], {xaxis:{mode:”time”, timeformat:”%b.%y”}}); }）; 提前致谢！

flot – 折线图错误: 我试图用flot绘制线图，我遇到了一些麻烦。不可否认，我很陌生。我的数据数组是从ajax调用加载的。我想我的数据格式正确，但当我的页面加载时，我在jquery.flot.js中收到错误。这是我加载浮动图的javascript。我特别想找一些关于x轴规格的建议。我不认为我说得对。即我不理解刻度线以及它们与图形的关系。我已经在json函数的注释中显示了每个调用加载的json。谢谢 $(function () { var data, chartOptions fetchData(function (data) { console.log(data); }); chartOptions = { xaxis: { mode: “time”, timeformat: “%Y/%m/%d”, tickSize: [1, “day”], tickLength: 0 }, yaxis: { }, series: { lines: { show: true, fill: false, lineWidth: 3 }, points: { show: true, radius: […]

jQuery Flot xaxis时间格式: 我正在使用jQuery Plot作为我的图表。我有一个列表，其中包含来自数据库的一些时间戳和值。我想将我的时间戳转换为H：i：s格式。结果从10-05-2012 08:57:45到10-05-2012 09:03:40。 var rx = [[1336633065, 152], [1336633071, 152], [1336633076, 152], [1336633080, 153], [1336633086, 152], [1336633090, 152], [1336633095, 152], [1336633100, 152], [1336633105, 152], [1336633110, 150], [1336633115, 150], [1336633120, 152], [1336633125, 152], [1336633130, 150], [1336633135, 149], [1336633140, 153], [1336633145, 149], [1336633150, 152], [1336633155, 149], [1336633161, 149], [1336633165, 152], [1336633170, 152], [1336633175, […]

使用flot将另一个系列添加到现有绘图中: 我需要知道如何使用Flot轻松地将另一个系列添加到现有的绘图中。以下是我目前如何绘制单个系列的方法： function sendQuery() { var host_name = $(‘#hostNameInput’).val(); var objectName = $(‘#objectNameSelect option:selected’).text(); var instanceName = $(‘#instanceNameSelect option:selected’).text(); var counterName = $(‘#counterNameSelect option:selected’).text(); $.ajax({ beforeSend: function () { $(‘#loading’).show(); }, type: “GET”, url: “http://okcmondev102/cgi-bin/itor_PerfQuery.pl?machine=” + host_name + “&objectName=” + objectName + “&instanceName=” + instanceName + “&counterName=” + counterName, dataType: “XML”, success: function (xml) { […]

Flot饼图未显示（修订后的代码）: 我需要一个饼图并找到Flot 。它看起来简单而强大，但我发现的所有示例都使用固定值描述“数据”（例如[1,2]），但我需要显示动态数据。我有五个变量，最终必须加起来为100.我想只包含那些值> 0的变量，如果它们总数不到100，我想添加一个显示缺失百分比的元素。问题是我不知道如何动态构造数据参数。我的代码如下。它有两个问题：1）$ .plot什么都不做 – 没有错误，没有grapy 2）我不知道如何添加标签文本 function updatePieChart() { var total = 0; var data = new Array(); var verb = “”; var dataIndex = 0; for (var dataIndex = 0; dataIndex 0) { total += d; data[dataIndex] = new Array(); data[dataIndex].push(d); verb = getData(duty + “_SKILL”); if (verb […]

Flot – 带有单独颜色和标签的条形图: 我用flot来显示简单的条形图。我有单个数据集，如[ [0,5], [1,6], [2,3], [4,1] ] ，我使用这个简单的代码： myChart = $.plot($(‘#graphFlot’), [{ data: mdata, bars: { show: true, fill: 0.9 } }] ); 现在我想为每个栏显示各种颜色和标签。这里的示例条形图是它应该是什么样子。我浏览了很多示例和文档，但仍然不知道如何设置它。这可能吗？

flot动态条宽: 这是我以前用于酒吧的代码 bars: { show: true, barWidth: 12 * 24 * 60 * 60 * 300, 当x轴的min和max分别为2014-2-2.gettime()和2014-9-9时，该宽度适用于我（我试图给你的想法不是确切的语法）。但是当数据从6月到7月时，条形似乎很宽有没有办法让flot本身制作宽度并使其不会太大而不能太小？

如何仅显示Flot图表的最后一个点: 我制作了一个使用下面设置的Flot图表，图中所示的图表是一条4点（每次）。我只希望显示最后一个点（点）。你知道我该怎么办？（或者你可以告诉我一种方法，以便在我的图表中加一步并在3点之后只显示一个点？） var chart_plot_01_settings = { series: { lines: { show: false, fill: 1, }, splines: { show: true, tension: 0.4, lineWidth: 2, fill: 0.1, }, points: { radius: 8, lineWidth: 1, show: false, symbol: “circle”, fillColor: SentimentCircle }, shadowSize: 1 }, grid: { verticalLines: true, hoverable: true, clickable: true, tickColor: “#000”, borderWidth: […]