草庐IT

r-highcharter

全部标签

javascript - highchart dateTimeLabelFormats 不起作用

varchart=newHighcharts.Chart({chart:{renderTo:container},plotOptions:{series:{pointStart:Date.UTC(2010,0,1),pointInterval:24*3600*1000*1//oneday}},xAxis:{type:'datetime',dateTimeLabelFormats:{//don'tdisplaythedummyyearday:'%b%e',},},series:[{data:[29.9,71.5,106.4,129.2,144.0,176.0,135.6,148.5,21

javascript - 从远程元素突出显示 Highcharts 系列

我想弄清楚如何从与Chart对象不相关的元素中突出显示Highcharts中的一条线(系列)。我仔细阅读了文档,并没有真正看到实现这一目标的方法。我可以使用series.get(id)进入系列元素。似乎没有任何有用的方法-http://www.highcharts.com/ref/#series-object有什么想法吗? 最佳答案 经过大量的挖掘和测试,我设法让这个工作正常-仍然不确定这是否是最好的方法(可能不是)。Chart.series.get(someId).graph.attr('stroke-width','5')不幸的

javascript - 在 Highcharts 中动态更改点的颜色

我已经能够动态更改图表中点的颜色,但是当我将鼠标悬停在该点上时,该点的颜色将变为之前的颜色。我这里有一个fiddle:jfiddle$(function(){varchart=newHighcharts.Chart({chart:{renderTo:'container'},xAxis:{categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']},series:[{data:[29.9,71.5,106.4,129.2,144.0,176.0,135.6,148.5,216.

javascript - 仅在 Highcharts 的一个标记中禁用标记悬停

我试图说服我的highchart执行我的命令,但遇到了问题。我想要实现的目标:我希望图表的标记之一消失。我希望这条线通过(并中断)一个点,但该点完全无关紧要,我不希望将鼠标悬停在该点上时弹出该点。我当前的代码看起来像这样:$(function(){varchart;$(document).ready(function(){chart=newHighcharts.Chart({chart:{renderTo:'container',type:'line'},plotOptions:{series:{states:{hover:{enabled:true}}}},series:[{mark

javascript - 使用 Highcharts 在 y 轴上绘制秒、分和小时

我有一些看起来像这样的数据:min="00:09"med="03:11"mean="23:39"max="12:40:26"我希望能够将这些值用作数据点,但我不确定如何绘制它们,因为它们不是简单的整数。理想情况下,我希望Y轴上的标签显示“小时”之类的内容,或者如果我要使用多个y轴,那么它可以显示“分钟”值的“秒”,“平均”值的“分钟”值等适应适当的时间窗口。我不确定是否可以使用日期时间对象,因为我只有时间值而没有日期。如有任何想法,我们将不胜感激,并提前致谢。 最佳答案 如果您拥有的时间是静态字符串,您可以将它们转换为日期时间对象.

javascript - Rails - 将日期字符串转换为 highcharts 的 javascript 日期对象

我正在使用Rails3.1.1/Highcharts和几个图表开发一个仪表板应用程序,但我坚持将日期字符串从Rails模型转换为highcharts可以接受的javascript格式。我的示例代码:产生这个输出:[[Fri,04Nov2011,182.0],[Sun,06Nov2011,189.0],[Tue,08Nov2011,178.0],[Thu,10Nov2011,115.0],[Sat,12Nov2011,135.0],[Mon,14Nov2011,120.0],[Thu,17Nov2011,181.0],[Sun,20Nov2011,145.0]]我需要数组的日期格式如下:

javascript - Highcharts : add images to top of chart on every column

有谁知道是否可以在Highcharts中创建这样的东西?:关于顶部的天气图标。我将它们添加为很好的“散点图”,因此可以禁用图像/图形。但我希望他们始终处于领先地位。例如:y=20px什么的。可以用Highchart做到这一点吗?我知道将他们的数据设置为“30摄氏度”,但如果温度上升到30度,这会弄乱图表。 最佳答案 您可以使用具有两个x轴的技巧,一个带有图像并偏移到图表的顶部,另一个带有底部的常用标签:xAxis:[{offset:-290,tickWidth:0,lineWidth:0,categories:['Jan','Feb

javascript - Highcharts : Change each individual plot/marker size, 这可能吗?

我正在尝试更改以下chart上每个图的大小,这可能吗?我确实尝试过更改线条粗细,但这对每个线条系列上的每个单独图都没有影响。series:{[],marker:{enabled:false},},Graphseries是一个从Sql数据库中收集数据的变量。 最佳答案 在series列表中添加lineWidth参数。看这个jsFiddle代码。关键代码:varchart=newHighcharts.Chart({//someothercodeseries:[{name:'Tokyo',data:[7.0,6.9,9.5,14.5,18

javascript - 如何增加 highchart.js 图表上 x 轴标签区域的高度?

我有一个由highcharts.js创建的简单折线图。我在x轴(30)上有很多刻度线,所以我将stagger设置为2来处理水平相互重叠的标记。然而,x轴刻度标签的下一行在图表末尾被chop。无论我将图表制作多高,x轴刻度标记标签的下一行都会被chop。我怎样才能增加这个区域的高度来解决这个问题?还是有其他方法?month_chart=newHighcharts.Chart({chart:{borderRadius:0,height:chart_height,marginRight:30,marginBottom:25,renderTo:'leads-by-month',type:'li

javascript - highchart 获取系列颜色和标记

我想在显示数据的表格旁边显示折线图系列的颜色和标记。我没有手动设置颜色。如何通过JavaScript获取系列颜色和标记? 最佳答案 您可以使用以下内容:varclr0=chart.series[0].color;varmrk0=chart.series[0].symbol;这是一个关于jsfiddle的例子. 关于javascript-highchart获取系列颜色和标记,我们在StackOverflow上找到一个类似的问题: https://stackove