草庐IT

r-highcharter

全部标签

javascript - Highcharts - 如何正确更新 VUMeter 的 series[0].data 和 yAxis 标题?

我正在准备VUMeterHighcharts中的图形以显示值数组。通过选择,这些值一次显示一个。的.我设法了解如何更改title图表匹配所选label的,但不幸的是我是一个菜鸟,我无法正确更新data的series.在jsFiddle上提供了一个最小工作示例.特别是,以下函数在时被触发。已更改:$('#receptorsList0').change(function(){varselectedOption=$("#receptorsList0option:selected");varselectedValue=selectedOption.val();varselectedText=s

javascript - Highcharts 中的条件标记颜色

我正在使用Highcharts,我想用不同颜色填充折线图中的标记。例如:当变量“a”为1时,用红色填充标记,否则用绿色填充。有可能吗?这是代码:http://jsfiddle.net/EnyCJ/1/我试图用格式化程序做到这一点,但它不起作用。有什么建议吗?vara=1;plotOptions:{series:{marker:{fillColor:{formatter:function(){if(a==1){return'red'}else{return'green'}}},lineWidth:2,}}}, 最佳答案 尝试:fill

javascript - 在 highcharts 条形图上打印一个值?

我使用highcharts.js创建了条形图。我在y轴上添加了设备名称,在x轴上以字节为单位添加了数据包。如何在条形图的条上添加设备联系时间。我在数组中有一个设备联系时间。我想要的是一种打印方式,即时间值在条形图上? 最佳答案 您可以通过启用数据标签并自定义它们来做到这一点。您还需要以特定方式格式化数据:$(function(){$('#container').highcharts({chart:{type:'bar',},xAxis:{categories:['Device1','Device2']},plotOptions:{s

javascript - Highcharts:通过 footerFormat 属性在共享工具提示中显示堆栈总数

我有一个带有共享工具提示的堆叠条形图,我正尝试通过footerFormat属性将堆栈总数拉入工具提示。我认为这将是一个我可以访问的简单属性,但我还没有找到适用的选项。我是不是遗漏了一些明显的东西,还是我必须以更复杂的方式来做到这一点?(如果我错过了这个问题的重复,请告诉我,我找不到我希望讨论的具体情况)代码:tooltip:{shared:true,useHTML:true,headerFormat:'Group{point.key}'+'',pointFormat:'{series.name}:'+'${point.y}',footerFormat:'Total:'+'${???}'

javascript - Highcharts 系列更新动画

我可以更新蜘蛛图的数据值并使用此方法查看它的动画:chart.series[i].setData(newSeries[i].data);但是,由于蜘蛛图中的系列不仅包含数据,还包含其他字段,如series:[{name:'AllocatedBudget',data:[43000,19000,60000,35000,17000,10000],pointPlacement:'on'},{name:'ActualSpending',data:[50000,39000,42000,31000,26000,14000],pointPlacement:'on'}]连同数据一起,当我需要更改值nam

javascript - HighCharts - 在 xAxis 中显示最后的标签

如何在xAxis中强制显示最后的标签?我尝试使用showLastLabel:true。但如您所见,这并没有真正起作用。参见示例:http://fiddle.jshell.net/X3jPh/770/ 最佳答案 除了showLastLabel属性之外,您可能还需要将endOnTick标志添加到示例中。例如://...xAxis:[{type:'datetime',showLastLabel:true,endOnTick:true},//... 关于javascript-HighCharts

javascript - highcharts 工具提示 z-index

我正在尝试让highcharts工具提示有一个zIndex使用useHTML将其定位在另一个HTML元素上。请参阅此fiddle:http://jsfiddle.net/sDu8V/我希望工具提示越过粉红色方框,而不是下方。我错过了什么? 最佳答案 可能的解决方案:http://jsfiddle.net/sDu8V/1/所需的CSS:.highcharts-container{position:inherit!important;}.highcharts-tooltip{z-index:9998;}感谢@Piotr,更新了4.1.x

javascript - Highcharts 未定义。错误登录控制台

请帮帮我。此错误记录在我的Angular应用程序的控制台中。我的应用部分:angular.module('fbApp',['ngSanitize','ngRoute','ui.bootstrap','ui.router','ui.utils','chieffancypants.loadingBar','ui.date','angular-underscore','highcharts-ng'])我来自bower的index.html:我的问题在哪里? 最佳答案 highcharts-ng依赖于hightcharts,所以你需要同时安

javascript - Highcharts - 强制显示 x 轴中的类别,即使没有数据

我想知道是否有一种方法可以强制Highcharts显示传递到其x轴的所有类别而不提供填充数据以使其正常工作。例如,http://jsfiddle.net/cbargren/Sdnqu/指定了3个额外的x轴类别(foo、bar、baz),但没有任何实际数据(该系列不一定具有相应类别的数据),并且它们没有显示在图表上。这可以做到吗?谢谢! 最佳答案 将xAxis上的最大值设置为您要显示的最后一个类别的索引。看这个jsfiddlexAxis:{categories:['Apples','Bananas','Pears','Oranges'

javascript - Highcharts 系列数据数组

从ajax调用中我得到以下数据:18,635,21,177,20,165,22,163,24,162,25,145,19,143,23,139,26,112,27,110,28,104,30,91,29,88,31,68,32,57,36,55,34,53,33,51,35,46,37,44,39,42,43,39,42,39,41,38,38,37,44,36,45,34,48,31,40,31,47,27,49,23,46,21,50,21,52,17,55,17,53,16,51,15,54,12,58,6,57,6,59,4,63,4,56,3,62,2,64,2,100,2,