Tag: highcharts

plotbands瞄准两个窗格中的一个: 嗨我正在使用两个窗格图表http://www.highcharts.com/stock/demo/candlestick-and-volume然后我把一个plodBands放到那个图表上，发生的事情是Band影响两个yAxis就像在这里http：/ /jsfiddle.net/6sqEd/我注意到的是这个图表只有一个xAxis。我怎样才能使这个PlotBands成为唯一的第一个yAxis不是两个??? 这是代码： $(function() { $.getJSON(‘http://www.highcharts.com/samples/data/jsonp.php?filename=aapl- ohlcv.json&callback=?’, function(data) { // split the data set into ohlc and volume var ohlc = [], volume = [], dataLength = data.length; for (i = 0; i < dataLength; i++) { ohlc.push([ data[i][0], // the date data[i][1], // open data[i][2], // high data[i][3], // low data[i][4] // close […]

HighCharts中是否存在最大数量的x轴项目: 我正在使用HighCharts进行3级深入分析。当我在第二级使用超过50个项目时，项目文本不再显示在左侧。单击第一个项目（Parent 1），然后您将看到第二个级别以及未显示的内容。这是由于我使用的JSON数据量吗？这是我用于图表的代码 let options = { chart: { type: ‘bar’, events: { drilldown: function (e) { if (e.seriesOptions) { e.seriesOptions.hiddenValue = e.point.options.hiddenValue; } } } }, title: { text: ‘Overall Status’ }, xAxis: { type: ‘category’, labels: { style: { fontSize: ’15px’ } } }, yAxis: { title:{ text: “Percentage Complete” […]

Highcharts无法破坏标签: 我已经在按下单击按钮时需要销毁的高级图表中添加了一些标签，但不幸的是标签仍然可见这是小提琴。 https://jsfiddle.net/7pq3po3o/3/ HTML： REmove callouts 使用Javascript： – $(document).ready(function(){ remove_labels = false gen_points = {“0”:[{“x_axis”:”0.8″,”y_axis”:”09/07/2016 00:00″,”point”:”0″,”callout”:”called out”,”y_axis_position”:””}]} var drawchart = function() { categories = [“09/07/2016 00:00″,”09/07/2016 00:01″,”09/07/2016 00:02″,”09/07/2016 00:03″,”09/07/2016 00:04”] rate_1 = [0.8,0.54,0.6,0.3,0.4] rate_2 = [0.33,0.16,0.33,0.3,0.38] rate_3 = [0.03,0.04,0.05,0.03,0.01] var addCallout = function(chart) { console.log(‘redraw called’) var xAxis; var yAxis; if (Object.keys(gen_points).length === 0) { […]

获取javascript highcharts以在Bootstrap Popover中呈现: 标题非常明显。这是一个带有popover和highcharts js代码的jsfiddle。图表仅显示您是否在弹出窗口外移动目标div。 Dismissible popover $(function () { $(‘#container’).highcharts({ title: { text: ‘Monthly Average Temperature’, x: -20 //center }, subtitle: { text: ‘Source: WorldClimate.com’, x: -20 }, xAxis: { categories: [‘Jan’, ‘Feb’, ‘Mar’, ‘Apr’, ‘May’, ‘Jun’, ‘Jul’, ‘Aug’, ‘Sep’, ‘Oct’, ‘Nov’, ‘Dec’] }, yAxis: { title: { text: ‘Temperature (°C)’ }, plotLines: [{ value: […]

highcharts在回流后没有响应: 我正在设置一个专门的打印按钮。页面很复杂，需要一些预处理才能发送到window.print（）。我现在有Highcharts代码。它正确调整页面上的图表大小，然后，在打印后，它将它们调整为原始大小。问题是，从那时起，图表将不会响应Media Query更改。该站点是响应式的，基于Bootstrap构建，因此这不是function结果。如何更改图表大小，但让它能够响应媒体查询？我使用的代码是：设置代码 var saveChartContainerWidth = $(‘.highcharts-container’).css(‘width’); var saveChartContainerWidthSVG = saveChartContainerWidth.slice(0, -2); $(‘.highcharts-container’).css(‘width’, ‘690px’); $(Highcharts.charts).each(function(i,chart){ var height = chart.renderTo.clientHeight; var width = 690; // chart.renderTo.clientWidth; chart.setSize(width, height); chart.reflow(); }); 印后打印拆解代码 $(‘.highcharts-container’).css(‘width’, saveChartContainerWidth); $(Highcharts.charts).each(function(i,chart){ var height = chart.renderTo.clientHeight; var width = saveChartContainerWidthSVG; chart.setSize(width, height); chart.reflow(); });

Highstock图表错误：this.labelBBox未定义第30行: 我有一个Web应用程序，有大量function齐全的Highchart图表。我试图在图表中实现Highstock，但它直接在Highstock文件中给我一个firebug错误： this.labelBBox is undefined line 30 of Highstock.js 我的所有库都是最新的（与在线演示版完全相同）我无法弄清楚为什么我有这个错误，这是我的代码： function generateChart10(id, dataChart, currencies){ // create the chart chart = new Highcharts.StockChart({ chart : { renderTo : id, marginLeft: 15, borderColor: ‘#FFFFFF’ }, rangeSelector : { enabled: false }, navigator : { enabled: false }, scrollbar : { enabled: false }, title : { […]

使用angular.js创建高图图形: 我花了最后4个小时试图让这件事发挥作用。我对angular.js，jquery，highcharts和所有这些东西都很新，我找不到解决这个问题的方法。我想要做的是在div中创建一个高图图形。图形的json从后端以正确的方式出现，因此没有必要对json进行任何更改。所以，我做了以下事情：首先，在html中：为了收集数据，我做了以下内容： var termomether = angular.module(‘termomether’, [ ‘ngResource’ ]); termomether.factory(‘Chart’, function($resource) { return $resource(‘/app/api/chart’, {}, { query : { method : ‘GET’, params : {}, isArray : true } }); }); termomether.controller(‘ChartController’, function($scope, Chart) { $(‘#chartContainer’).highcharts(Chart.query()) }); 结果是显示图形，但是空白。它具有我预期的大小，但没有数据，它显示一个空白框。如果在这一刻你认为问题出在json上，这可能会让你思考与众不同。如果我以下面的forms更改控制器，图形将完美显示： var termomether = angular.module(‘termomether’, [ ‘ngResource’ ]); termomether.controller(‘ChartController’, function($scope, […]

Highchart-使用PHP，MYSQL和jQuery.get来解析数据: 我正在尝试显示来自MYSQL的数据。我在http://www.blueflame-software.com/blog/using-highcharts-with-php-and-mysql/上看到了一个例子。如何为我的图表实现jQuery.get？请问我对jQuery很新，需要很多帮助，谢谢！有人可以让我的图表显示数据吗？ html for chart var chart; function create() { chart = new Highcharts.Chart({ chart: {renderTo: ‘container’, defaultSeriesType:’spline’, height: 400}, title: {text: ‘SEN-2 Bulkhead Isolation’}, xAxis: {title: {text: ‘Frequency Hz’}, type: ‘logarithmic’}, yAxis: {title: {text: ‘Isolation dB’}, plotLines: [{ value: 0, width: 1, color: ‘#808080’}] }, tooltip: { formatter: function() { return […]

如何在High Charts PIE数据中添加自定义颜色| 切片并想要更改切片文本: 任何人都可以建议我着色到每张High Charts Data切片。我的代码在下面也给出了一个图像。我想将自定义颜色放到每个数据片段（对于数据，如Firefox，opera，chrome，IE等…）并且还希望在此示例中删除系列名称（’浏览器共享’），如果我将其设为false“name：false”然后显示系列一，我想在Firefox上鼠标hover时将其显示为“Firefox：45％”切片 $(function () { $(‘#graph’).highcharts({ chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false }, title: { text: ‘Browser market shares at a specific website, 2014’ }, tooltip: { pointFormat: ‘{series.name}: {point.percentage:.1f}%’ }, plotOptions: { pie: { allowPointSelect: true, cursor: ‘pointer’, dataLabels: { enabled: true, format: ‘{point.name}: {point.percentage:.1f} %’, style: { […]

高图和.clone（）的问题: 我不明白当我克隆高图时我应该如何使用jQuery .clone（）。我知道.clone（）不会链接对象上的方法。因此，高图的克隆看起来是正确的，但你不能再与它交互了。所以，我一直在尝试以下方面： function clonage(src){ var clone = src.clone(false); if (clone.hasClass(“highchart”)){ clone.highcharts({}); } } 通过这样做，我已经恢复了与图表的交互（图表是空白的），但这正在破坏克隆的原始（即src），现在只是一个空白的小部件。我希望能够重新创建完全相同的图表，而无需嵌入所有图表信息来重新创建它。如果有人有这个想法吗？