Tag: highcharts

以固定间隔在x轴上渲染Highcharts数据时间

我有两个充满数据的数组。 一个数组只是随机整数（例如1.7,2.8,3.4等），另一个数组是该数据的unix时间戳的相应列表（例如1366585199）。 目前我的Highcharts代码看起来像这样： dataArray = (“2.4″,”5.6″,”3.1”, …); timeArray = (“1366585199″,”1366585233″,”1366585355”, …) function foo(dataArray, timeArray) { $(‘#viz_1’).highcharts({ chart: { type: ‘line’ }, title: { text: ‘Data Index’ }, xAxis: { type: ‘datetime’, // this isn’t doing anything?? categories: timeArray }, yAxis: { title: { text: ‘Data Value’ }, }, series: [{ name: topicID, data: JSON.parse(“[” + […]

相邻图表中是否可以进行多级Highchart Drilldown？

我是高中新手。 我在下钻时遇到的问题很少。 在钻取中，相同的图表被替换。 我们能否给钻出的新图表给出特定的空间（如果我说新的div）？ 如何在不同的图表中添加更多级别的向下钻取？ 默认情况下，如果图例中有更多系列，则单击其中一个系列将添加/删除该系列。 我们可以使系列仍然可见添加新图表吗？

Highcharts.js设置更改列颜色的阈值

我想知道是否有人可以帮我修改这个Highcharts线图： http ： //jsfiddle.net/highcharts/PMyHQ/到列图仍然保持阈值着色（红色表示值> 0;蓝色表示值<0） 。 问题是如果您只是更改图表类型，请type:’column’ ，然后基于阈值的着色将丢失，所有列都将显示为蓝色。 执行颜色更改的函数是applyGraphGradient() 。 我无法弄清楚如何更改此function以保留基于阈值的着色。 /** * Event handler for applying different colors above and below a threshold value. * Currently this only works in SVG capable browsers. A full solution is scheduled * for Highcharts 3.0. In the current example the data is static, so we don’t need […]

HighChart：多个图表的情节线点击事件

我正在使用高图来进行一些向下钻取function。 我有一个function让用户点击区域图并添加一条线。 但后来我发现我的function有一个错误。 这些图表之间应该只有一条红线，但是当用户点击另一个图表时，第一个图表上的现有红线不会被删除。 下面是我的图表共享的function。 var myPlotLineId = “myPlotLine”; addPlotLine = function(evt) { var point = evt.point; var xValue = point.x; var xAxis = point.series.xAxis; Highcharts.each(xAxis.plotLinesAndBands, function(p) { if (p.id === myPlotLineId) { p.destroy(); } }); xAxis.addPlotLine({ value: xValue, width: 1, color: ‘red’, id: myPlotLineId }); }; 它应该只允许一条红线，因为我使用的是ID。 以下是目前的情况。 由于我使用id作为情节线是不应该允许两行，请看我的例子： http://jsfiddle.net/Xm4vW/74/ 在许多图表中，我只想要一条RED LINE 更新1： 我在新的演示中尝试了redraw（）： […]

Highcharts – 系列中的跳过日期

所以我从数据库中提取一些数据并获取UNIX时间戳和数字。 因此，假设N（数字）在D（日期）上出售。 有些日子不见了，比如周末。 我需要它仍然显示当天，但不需要任何数据。 这是折线图。 2010年4月1日，50售出 2010年4月2日，53日售出 2010年4月7日，10日售出 （我有超过1000条记录跨越几年 – 所以我也会添加一个缩放） 因此图表仍应显示4月1日至7日，但没有3-6的数据。 （该线将从2-7开始）。 关于如何做到这一点的任何想法？ 谢谢，乔希

Highcharts鼠标跟踪/鼠标hoverfunction在chrome上很慢但在firefox或IE中并不慢

我们有一个使用Codeigniter和PHP构建的webapp，它在客户端使用Highcharts库和javascript / html，并部署在IIS上。 Highcharts库在屏幕上呈现各种图表，准确地说是5。 每个图表呈现的数据不超过1000行。 图表绘制得很好，但是当鼠标hover在图表周围时，鼠标hover在框架中显示（仅在chrome上）。 请参见下图，显示由鼠标跟踪引起的帧滞后。 令人惊讶的是，此行为仅在chrome上观察到，但在IE或Firefox中未观察到。 任何人都可以通过建议如何克服铬上的这种糟糕的鼠标跟踪来提供帮助。 Highcharts有一个鼠标跟踪器禁用选项，但如果它被禁用，我们会松开交互function和鼠标hoverfunction。 任何帮助克服这一点或改进chrome上的鼠标hover框架渲染将非常感激。 使用Highcharts版本2.0.4，现在更新到最新版本4.0.4 工具提示代码如下，使用框和面积图的基本工具提示选项。 tooltip: { formatter: function() { return ‘The value for ‘ + this.x + ‘ is ‘ + this.y + ‘, in series ‘+ this.series.name; //return “hello”; } }

拖动和点击之间的highcharts draggable-points冲突

我正在使用带有draggable-points模块的highcharts 3.0.7，以便可以拖动显示系列的点。 用户应该能够拖动一个点来移动它，还可以点击一个点来移除它。 问题是拖动事件接管单击事件而后者不会被触发。 这是我的代码： HTML： JS： var options = { chart: { renderTo: ‘container’, }, tooltip: { enabled: false }, plotOptions: { series: { animation: false, allowPointSelect: true, point: { events: { click: function (event) { console.log(‘click fired’); this.remove(); } } } } }, series: [{}] }; options.series[0].data = [[1,1], [2,3],[4,2]]; options.series[0].draggableX = true; […]

没有jQuery的AngularJs中的Highcharts？

对于不需要完整jQuery的highcharts，是否有任何指令？ 这些似乎是目前最受欢迎的，但如果没有jQuery，我无法让它工作： https ： //github.com/pablojim/highcharts-ng 是否可以编写一个highcharts指令，并且只使用angular包含的jQuery的简易版本？ 如果我必须包含完整的jQuery，它会显着影响我的应用程序的加载时间/性能吗？

Highcharts设置了传奇高度

鉴于以下小提琴， http：//jsfiddle.net/JoelStransky/5QCmG/1 如何设置图例高度以使其不需要导航？ api没有legend.height属性

如何在Highcharts动态更改y轴的单位？

如何在Highcharts动态更改y轴的单位？ 我有一个y轴格式化器： yAxis:{ title:{ text:’Custom Title’ }, labels: { formatter: function () { var maxElement;//I want to set it to max value at y axis labels if(maxElement > gb){ return (this.value / gb).toFixed(1) + ” GB”; }else if(maxElement > mb){ return (this.value / mb).toFixed(1) + ” MB”; }else if(maxElement > kb){ return (this.value / kb).toFixed(1) […]