草庐IT

HighCharts

全部标签

javascript - 如何将 json 数据传递给 highcharts 系列?

我有以下在运行时生成的json数组。因此,名称/数据对的数量会有所不同。`varsales={"SalesData":[{"name":"AllProducts|Canada","data":[44936.0,50752.0]},{"name":"AllProducts|Mexico","data":[200679.0,226838.0]},{"name":"AllProducts|USA","data":[288993.0,289126.0]}]}`我想将此数据传递给highcharts中的系列。这就是我目前的做法。series:[{name:sales.SalesData[0].n

javascript - 如何在 Highcharts 的条形图中添加情节线?

我正在尝试向条形图中添加绘图线,但它没有显示出来。我发现的所有绘图线示例都与折线图有关,但我在文档中没有看到任何说明绘图线不适用于条形图的内容。我尝试在初始化图表时添加情节线并在事后添加它,但两种方法都不起作用。Here是我正在测试的示例。$(function(){$('#container').highcharts({chart:{type:'bar'},xAxis:{categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']},legend:{layout:'vertica

javascript - highcharts 散布有 4 个象限

免责声明:我对使用这些图表框架完全陌生,而且我对javascript也不是特别擅长。我使用highcharts创建了一个乱七八糟的散点图here.必须更改为有4个颜色象限,像这样here.问题是这个没有负y轴和正y轴,我一辈子都想不出如何在数据中间的某个地方发生这种情况。任何帮助是极大的赞赏。 最佳答案 只是mockedupthisexample,基于previouswork通过@jlbriggs.为了添加象限着色,我求助于使用chart.renderer绘制它(我找不到使用轴plotBands的更好方法):function(cha

javascript - Highcharts : Chart with drilldown how to obtain click event of drill up button

我正在使用带有向下钻取功能的Highcharts,这是我的工作FIDDLE.如何获取上钻按钮的点击事件?我已经引用了HighchartsAPI但不知道如何将其合并到我的代码中。我想做这样的事情:drillUp:function(){//getpointdetailsbyusingsomethinglikethisorthis.point//getseriesdetailsbyusingsomethinglikepoint.series} 最佳答案 你需要catchevent.查看chart.events.drillupAPI文档。要

javascript - 我可以在 Highcharts 图表中添加一条 "average"线吗?

我正在尝试使用Highcharts重新创建图表(下图).我正在使用一个基本的条形图,我想知道是否有办法得到一条显示所有条形平均值的垂直线?我已经计算出该值,我只需要它如图所示显示即可。我可以使用Highcharts做到这一点吗? 最佳答案 是的。您可以将其添加为情节线,如下所示:yAxis:{//...OptionsplotLines:[{color:'red',value:'15',//Insertyouraverageherewidth:'1',zIndex:4//Tonotgetstuckbelowtheregularplot

javascript - 懒惰的 Highcharts 向下钻取

ThisJSFiddledemo显示Highcharts向下钻取的示例。当您单击图表中的其中一列时,该系列将替换为与所单击的列相对应的向下钻取系列drilldown:{series:[{id:'animals',data:[['Cats',4],['Dogs',2],['Cows',1],['Sheep',2],['Pigs',1]]},{id:'fruits',data:[['Apples',4],['Oranges',2]]},{id:'cars',data:[['Toyota',4],['Opel',2],['Volkswagen',2]]}]}比如点击fruits栏,就会显示这

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:'+'${???}'