Tag: highcharts

Highcharts jQuery渲染问题 – 所有浏览器

在尝试使用Highcharts构建堆积柱形图时，我遇到了一个奇怪的问题 当图表呈现时， 列不显示，直到您无论如何调整浏览器大小 ，导致图表重绘。 （我认为）！ 图表的其余部分显示（轴，标题等），但不显示列本身。 我在IE，Firefox和Chrome中得到了同样的行为。 我把我的代码放在jsfiddle上 – http://jsfiddle.net/gd7bB/173/加载它你应该看不到数据，调整浏览器窗口大小和“tada”，数据出现（而不是列出现）！ 对这一个的任何帮助都将受到大力赞赏。

加载后获取Highcharts系列数据

一旦调用并加载到页面，我试图从Highcharts图表中获取系列数据。 到目前为止，我只是成功地获得了一堆明显不是我的字符串。 不知道有人可以帮我这个。 jQuery代码： success: function (chartData) { if(chart != undefined) { $(‘#meterloader’).hide(); $.each(chart.series[0], function(value) { alert(value); }); } else { $(‘#meterloader’).hide(); $(‘#meterbox’).html(“There was an error loading the chart.”); } } 提前致谢。

获取Highcharts工具提示以返回角度指令？

我们正在尝试为Highcharts图创建一些复杂的工具提示，它将显示应用程序中的一些动态数据，但不会显示在图表中，所以我认为最好的办法是为所有格式创建一个角度指令等等，然后启用highcharts的useHTML：true属性以及自定义格式化程序函数。 $ compile（）不会抛出错误.. 但是，当此代码运行时，工具提示只显示Object.object作为文本，而不是指令模板的内容。 我错过了什么，或者这是不可能的？ 以下是我们正在尝试的一个例子…… tooltip: { useHTML: true, formatter: function () { return $compile(“</”)($scope); } } 我想知道是否需要“附加”到某些DOM元素才能工作，但如果是这样，我不确定该工具提示的命名元素是什么？

Highcharts – 甘特图情节问题

我想绘制甘特图并使用此解决方案 。 只要我不开始使用大间隔，它就像一个魅力。 // Define tasks (unixtime * 1000) var tasks = [{ name: ‘Eat’, intervals: [{ // From-To pairs from: 1360800000000, to: 1360886400000 }, { from: 1360368000000, to: 1360454400000, }, { from: 1360195200000, to: 1360281600000, }, { from: 1361059200000, to: 1361232000000 }] }]; 这是我的例子 ，基于上面的代码。 如果将鼠标hover在间隔上，您将看不到预期的结果：它显示其他间隔的错误工具提示。 我的代码出了什么问题？ 可能是我应该定义期间格式或类似的东西？ 提前致谢。

asp.net mvc highchart linegraph json

我正在尝试使用jsonresult的http://www.highcharts.com/demo/line-basic/grid获取行示例，但无法弄清楚如何实现这一点。 控制器代码： public JsonResult GetLineData() { Dictionary retVal = new Dictionary(); double[] Array1 = {7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6}; retVal.Add(“Tokyo”, Array1); double[] Array2 = { -0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5 }; retVal.Add(“New York”, Array2); return Json(retVal.ToArray(), JsonRequestBehavior.AllowGet); } 我的jqquery看起来像这样： var chart; […]

如何格式化Highcharts的（x，y）对数据的日期时间

我的序列化方法产生如下日期时间字符串：“2014-07-09T12：30：41Z” 为什么以下代码不起作用？ $(function () { $(‘#container’).highcharts({ xAxis: { type: ‘datetime’ }, series: [{ data: [ {x:”2014-07-09T12:30:41Z”,y: 29.9}, {x:”2014-09-09T12:30:41Z”, y:71.5} ], name: “Teste” }] }); }）; 这段代码很完美： $(function () { $(‘#container’).highcharts({ xAxis: { type: ‘datetime’ }, series: [{ data: [ {x:Date.UTC(2014, 0, 1),y: 50}, {x:Date.UTC(2014, 2, 1), y:20} ], name: “Teste2” }] }); }）; 如何转换日期时间格式或配置highcharts以使用我的数据？

jQuery HighCharts和MVC 2应用程序中的简单条形图？

我正在尝试使用MVC中的JSon操作方法的结果创建一个非常简单的条形图。 我得到了实际的条形图，但我不明白这些选项和所有这些，所以我基本上猜测该怎么做。 我使用HighCharts网站上的示例作为如何从服务器代码获取数据并创建图表的示例。 不同之处在于我的图表比示例更简单。 我没有每个用户的类别（如在水果示例中），我只有一个用户和记录的小时数。 这是HighCharts jQuery代码： function getHighChart() { var actionUrl = ”; var customerId = $(‘#customersId’).val(); var startdate = $(‘.date-pickStart’).val(); var enddate = $(‘.date-pickEnd’).val(); var options = { chart: { renderTo: ‘chart-container’, defaultSeriesType: ‘bar’ }, title: { text: ‘Statistik’ }, xAxis: { categories: [] }, yAxis: { title: { text: ‘Timmar’ } }, […]

通过jQuery将HTML表数据转换为数组

我想从像html表中提取数据 Header1 Header2 Header3 Value 1,1 Value 2,1 Value 3,1 … rows … 并获取数组： 标题的数组 列值的二维数组（或每列的数组） 我怎么能用jQuery做到这一点？ 我不关心它序列化，或者把它放到JSON对象中，因为我想用它来渲染图表。 相关的一般设计问题： 此刻我有类似的东西 1. ajax query returns html table 2. use jQuery to get values from html table 3. render chart 从ajax查询中抛出JSON对象然后从那里渲染表和图表会更有意义吗？

如何在highcharts中设置动态数据

我从servlet获取数据，我从servlet发送的json对象的sysout是{“jsonArray”：[{“bugzilla”：20，“redmind”：14}]} 现在我的java脚本是 var chart; $(document).ready( function() { chart = new Highcharts.Chart({ chart : { renderTo : ‘container’, }, title : { text : ‘Bug chart’ }, tooltip : { formatter : function() { var s; if (this.point.name) { // the pie chart s = ” + this.point.name + ‘: ‘ + this.y + ‘ Bugs’; […]

如何以编程方式隐藏highcharts中的工具提示？

我正在尝试在移动应用程序中实现高级图表，一切正常但有一个问题，即在从potrait更改方向到横向时，为所选的任何点显示的工具提示不会隐藏方向更改。 请建议我如何在highcharts中以编程方式隐藏工具提示.. 我尝试了下面的代码： $(‘#tankActualUsagechart’).highcharts().tooltip.hide(); 但这并没有隐藏我正在显示的标记…… 如果有办法隐藏标记我也很好.. 请帮我解决这个问题