Tag: 图表

Flot饼图给出了firebug中的错误：“未捕获的exception：绘图的尺寸无效，width = null，height = null”: 我使用flot饼图绘制饼图。但它显示了萤火虫的错误未捕获的exception：绘图的尺寸无效，width = null，height = null 我也从样式表中给出了高度和宽度。并尝试过这样的怎么解决这个？

google.setOnLoadCallback无法获取文档元素: 我试图使用JQuery获取核心图表的一些图形function，但是一旦加载了可视化API，我就无法获得任何文档元素。以下是我的示例示例： $(document).ready(function() { if ($(“#myId”).length > 0) { google.load(“visualization”, “1.1”, { packages: [“corechart”] }); google.setOnLoadCallback(function() { if ($(“#myId”).length > 0) { alert(“Found a match!!”); }else{ alert(“Not found!!”); } }); } }); Hello Plunker! Hello from Div!! 我希望在我的if块中执行警报。我只是在检查了#myId后才加载可视化软件包，但是它在回调中丢失了（而不是所有的html元素）。请指教

基于Web的下钻图的开源库: 我已经看到这个用于使用json绘制图表的Good javascript库，它列出了图表库。我想去FLOT，但我没有看到它支持钻杆。任何人都可以告诉我FLOT是否支持它们或我可以使用的任何其他库？我主要寻找支持javascript和jquery的向下钻取条形图和饼图，并可以为这些图形提取图表数据。有Highcharts和JFreeChart，会有效吗？但是，JFreeChart不支持向下钻取。

使用flot jquery的实时图表: 我正在寻找一种使用Flot（Jquery）图表显示VM当前CPU使用率的方法。从现在开始，我可以绘制简单的线条，但不知道如何在新数据进入时将图形移动到左侧。 var d1 = [ [0,0] ]; options = { lines: { show: true }, points: { show: true }, xaxis: { tickDecimals: 0, tickSize: 1 }, grid: { backgroundColor: { colors: [“#fff”, “#eee”] } } }; function init() { $.plot($(“#placeholder”), d1, options); } /* init Function */ function update(){ for (var i = […]

使用Javascript / jQquery创建垂直时间轴: 我看到了关于库的其他问题，用Javascript创建时间轴。有一些库，但它们创建水平时间轴，但我想创建一个垂直。那么，哪个是创建垂直时间线的好库呢？我不希望像Facebook这样的时间表有post，但是一个简单的时间表，有多年和像这个问题的项目，但垂直而不是横向。

股票分析应用程序的图表: 我正在尝试构建一个股票分析应用程序，它使用了3种图表区域图表烛台图表组合图表目前我正在使用JQuery和Google图表这样做，你可以在下面看到它非常棒：图表http://sofzh.miximages.com/jquery/25itaj6.png 但是现在，我在这些图表上进行了注释。我在StackOverflow上提出了另一个问题，询问是否可以在Google图表上注释某些内容。但在这里，我问是否有任何其他图表我可以使用它支持这3种类型的图表并允许我在它们上注释（在位置绘制形状）。请帮助:(我必须在一周内交付！

滚动到该部分时如何使Chart.js动画？: 我正在尝试使用Chart.js中的饼图（ http://www.chartjs.org/docs/#pieChart-exampleUsage ）。一切顺利，但动画会在页面加载后立即发生，但由于用户必须向下滚动才能看到图表，因此他们不会看到动画。无论如何我只能在滚动到该位置时才能启动动画？如果可能的话，每当该图表进入视图时，是否可以进行动画处理？我的代码如下： var pieData = [ { value: 30, color:”#F38630″ }, { value : 50, color : “#E0E4CC” }, { value : 100, color : “#69D2E7” } ]; var myPie = new Chart(document.getElementById(“canvas”).getContext(“2d”)).Pie(pieData);

在Google Chart中显示/隐藏行/数据: 我正在尝试制作一条包含2行的谷歌折线图。您应该能够通过两个复选框打开和关闭它们（显示/隐藏）。任何人都有任何想法表明，og只是给出一些指示？我的猜测是onClick jQuery的东西？ google.load(“visualization”, “1”, {packages:[“corechart”]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ [‘Year’, ‘Sales’, ‘Expenses’], [‘2004’, 1000, 400], [‘2005’, 1170, 460], [‘2006’, 660, 1120], [‘2007’, 1030, 540] ]); var options = { title: ‘Company Performance’ }; var chart = new google.visualization.LineChart(document.getElementById(‘chart_div’)); chart.draw(data, options); }

Chart.js – 甜甜圈总是显示工具提示？: 使用Chart.js库时，我可以在我的页面上添加多个甜甜圈而不会出现问题。 http://www.chartjs.org/docs/#doughnut-pie-chart 但我无法找到一种始终显示工具提示的方法 – 不仅仅是将鼠标hover在甜甜圈上时。有人知道这是否可行？