Tag: highcharts

Highcharts – 如何在日期时间x轴上居中标签？: 我正在努力弄清楚如何在不使用类别和tickPlacement的情况下在Highcharts中将日期时间x轴上的标签居中（因为tickPlacement仅适用于类别）。我的轴是动态创建的，所以我不能简单地设置x偏移或填充，因为这会导致不同间隔的轴看起来很奇怪。在搞乱了配置选项后，我想我可能已经在Highcharts回调中使用x轴格式化程序和一些css / jquery noodling找到了解决方案。请参阅下面的答案。

Highstocks – 如何更改默认缩放: 这个问题源于谷歌搜索高档，缩放，极端，范围和其他所有可能的单词变化的小时数，所有这些都导致高图表答案的自定义函数的一些变化。有没有办法在HighStocks （而不是HighCharts）中简单地将默认缩放更改为1个月而不是3个月，而无需编写函数来计算它恰好是什么？

Highcharts =>单击折线图时获取点的id: 我正在构建折线图，当我点击该线的某个点时，我希望显示一个包含有关此点的一些数据的弹出窗口。我试图解决的问题是获取id，与此点相关的系列或类似的东西。这是我的代码： plotOptions: { column: { pointWidth: 20 }, series: { cursor: ‘pointer’, events: { click: function(event) { requestData(event.point); } } } 我试过了 requestData(this.point) ， requestData(this.point.id) 但它也行不通。我们如何得到一个点的id？非常感谢。

为什么.html（）不能与使用jquery的SVG选择器一起使用？: 问题可以有人告诉我如何将我的SVG元素转换为字符串？我正在使用canvg将我的SVG转换为图像。它必须先在canvas中渲染， canvg()方法需要SVG STRING 代码： function updateChartImage(){ canvg(document.getElementById(‘canvas’),expecting ` svg string`); var canvas = document.getElementById(“canvas”) ; var img = canvas.toDataURL(“image/png”); img = img.replace(‘data:image/png;base64,’, ”); $(“#hfChartImg”).val(img) ; $(‘#img’).attr({ src: img }); } 我试过了 $(‘#container svg’).html() ; // it gives me an error //Uncaught TypeError: Cannot call method ‘replace’ of undefined 注意到 $(‘#container svg’) $(‘#container’).html() // […]

加载后自动放大高图: 有谁知道如何在完成加载后自动放大图表的一部分？我有很多时间序列数据，但最重要的信息是在右边。我仍然希望所有数据都可用，但只有最近7天的数据放大了。我想模拟的是用户点击拖动我图表上的最近7天。因此，如果有人知道如何手动触发该事件，那可能就是我想做的事情。以下是jsfiddle的示例图表，它具有正常的缩放function： http ： //jsfiddle.net/Y5q8H/50/ 我还有一些关于如何做到这一点的其他想法，但我认为我想要的是最好的方法。其他想法： 1）仅加载最近7天，放置一个假的“重置缩放”按钮，然后加载整个数据系列 2）查看即将推出测试版的姐妹产品StockCharts 。它似乎有一堆预设范围显示，也很酷。我不确定我现有的代码有多少我不得不改变。

如何使用Highcharts导出整个页面或html内容而不仅仅是图表？: 嗨所有我的图表导出精细与highcharts即时获取我的PHP项目的图表但问题是我希望导入HTML内容或整个页面以及图表而不仅仅是图表有可能吗？谁能帮我或者在这里展示的是一个样本小提琴http://jsfiddle.net/YBXdq/ 我需要导出图表下面的文字很好

什么时候高音图完全加载？: 我看到了这段代码： http ： //jsfiddle.net/AVygG/ 我很好奇高桥图完全加载的时候了吗？我在highcharts文档中看到事件：load：应该能够在高亮度图完全加载时调用回调函数。如果它被完全加载，那么我可以假设当警报弹出时var图表应该已经有了值吗？这是图表已加载的良好基础吗？我问的原因是我正在处理另一个代码，高清显然没有在IE8中完全加载。看起来highcharts可能在加载其元素时遇到竞争条件。谢谢！ $(function () { // create the chart var chart = new Highcharts.Chart({ chart: { renderTo: ‘container’, events: { load: function(event) { alert (‘Chart loaded’); } } }, xAxis: { }, series: [{ animation: false, data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, […]

如何使用工具提示格式化程序并仍显示图表颜色（默认情况下）？: 如果我使用默认的Highcharts工具提示，它会显示一个圆圈图表数据的颜色（ http://jsfiddle.net/WOUNDEDStevenJones/mpMvk/1/上的浅蓝/黑色圆圈）：但是，如果您在工具提示（ http://jsfiddle.net/WOUNDEDStevenJones/4vd7J/ ）上使用自定义格式，则不会显示颜色：如何在自定义格式化工具提示中获取/使用该颜色？据我所知，他们的文档中没有任何内容（ http://api.highcharts.com/highcharts#tooltip.formatter ）解释如何在自定义格式化工具提示中使用它。这默认显示工具提示中的数据颜色： tooltip: { shared: true } 但这不是： tooltip: { formatter: function() { var s = ”+ this.x +”; $.each(this.points, function(i, point) { s += ”+ point.series.name +’: ‘+ point.y +’m’; }); return s; }, shared: true },

空白页面高清使用jquery来调用json arrary: 我有一个php页面（array.php）。在浏览器中，array.php生成ff结果 [{“name”:”London”,”data2″:[“70″,”19”]},{“name”:”Tokyo”,”data2″:[“60″,”18”]}] array.php页面 $c,”data2″=>[$h,$t]); } echo json_encode($ar1); ?> jquery页面的代码是 var chart = null; // global $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: ‘container’, defaultSeriesType: ‘column’, events: { load: requestData } }, title: { text: ‘Real time data from database’ }, xAxis: { categories: [] }, yAxis: { minPadding: 0.2, maxPadding: 0.2, title: […]

使用Ajax自动更新Highcharts: 希望有人可以在这里帮助我。我正在尝试使用来自ajax的信息更新图形，我已经确认ajax具有正确的格式等，并且初始图形加载完美但但似乎没有正确更新。我的代码： $(document).ready(function() { var options = { chart: { renderTo: ‘cpuhealth’, type: ‘column’ }, title: { text: ‘CPU Usage’ }, yAxis: { labels: { formatter: function() { return this.value + ‘ %’; } }, title: { text: ‘Usage (%)’ } }, xAxis: { title: { text: ‘CPU Core ID#’ } }, tooltip: { […]