Tag: highcharts

highcharts通过JSON获取数据？: 我想通过getJSON方法将数据传递给highcharts： var chart; $(document).ready(function(){ $(“#datepicker1”).datepicker({showOn: ‘button’, buttonImage: ‘css/base/images /calendar.gif’, buttonImageOnly: true,dateFormat: “yy-mm-dd”}); }); function draw_chart(){` var url=”http://localhost/handle_data.php?start=2012-12-30&end=2013-01-04″; chart=new Highcharts.Chart({}); $.getJSON(url,function(data1){ var options={ chart: { renderTo: ‘container’, type: ‘line’ }, xAxis:{ type: ‘datetime’ }, yAxis: { title: { text: ‘test’ } }, series:[{ data:data1.result[0].dayactivity, name: “name” }] }; var chart = new Highcharts.Chart(options); }); } data1.result[0].dayactivity的值是： […]

Highcharts重绘不重绘数据: 我在网页上玩了一周的Highcharts （v3.0.10）并且在打印页面时无法重新绘制我的图表。问题是我在图表中使用深色背景颜色，但在打印时，我想将其更改为白色。为了实现这一点，我需要在更改backgroundColor属性后redraw()我的图表。问题是，当我这样做时，背景颜色会在打印预览中发生变化，但数据消失了，不会因某种原因重新绘制。在尝试更改背景颜色之前，我一直在对容器div尺寸进行一些改造，并调用reflow()使图表调整为A4页面，并且在预览打印页面时效果很好：容器是我想要的尺寸它们将成为新的尺寸，并成功地重新回归。当我希望背景变为白色并在用户尝试打印页面时触发的回调上添加redraw()方法时，问题就开始了。容器仍然正确地重排reflow()并且背景变为白色，但图表上缺少数据。我已经创建了一个样本小提琴，你可以在这里查看。它适用于Chrome和Firefox（我的意思是你可以重现这个问题）。为了预览我提供的这个小提琴，只需尝试使用浏览器打印小提琴页面，这样就会出现页面打印预览窗口。添加了一些Firefox打印页面预览的屏幕截图以及此链接上消失的数据。另请注意我正在使用的Highcharts版本： 3.0.10 。它不是最新的，但是我拥有的当前许可证无法获得更高的价格。一些代码和东西用户尝试打印时执行的打印处理程序和代码： /** Chrome **/ if (window.matchMedia) { var mediaQueryList = window.matchMedia(‘print’); mediaQueryList.addListener(function (mql) { if (mql.matches) { resize(); } else { unresize(); } }); } // Firefox if (window.onbeforeprint !== undefined […]

使用highcharts从mysql数据库向线图添加动态数据: 我想用ajax或json将数据点添加到我的折线图中，现在我必须重新加载整个网页以在图表上显示我的新数据。但我想通过添加像这些链接的点来显示实时数据： jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/stock/demo/dynamic-update/ www.highcharts.com/studies/live-server.htm 我试图从mysql中检索我的数据，以便通过json添加到图表上但没有任何反应。这是我在live-server-data.php中的代码：这就是我以前在index.php页面中获取数据并显示在图表上的内容。 var chart; // global /** * Request data from the server, add it to the graph and set a timeout to request again */ function requestData() { $.ajax({ url: ‘live-server-data.php’, success: function(point) { var series = chart.series[0], shift = series.data.length > 20; // shift if the series is […]

jQuery Highcharts：使用下拉列表更改图表类型: 我正在尝试更改图表的值如下 var chart1; // globally available $(document).ready(function() { var chart = ‘pie’ $(“select”).change(function(){ chart = $(‘#chart’).val(); alert(chart); }); chart1 = new Highcharts.Chart({ chart: { renderTo: ‘container’, type: chart }, yAxis: { title: { text: ‘Temprature’ } }, series: [{ name: ‘mach_1’, data: [] }] }); }); Select a chart : pie column 我知道这将改变选择图表的价值，但它不会改变图表本身。有任何想法吗？

highcharts可以导出图表和表格数据吗？: 我想弄清楚highcharts是否可以执行以下操作：渲染一个标准的水平条形图，其下方包含单独的表格数据（想象一下条形图下面有一个类似html的表格。）用户可以使用highcharts提供的exports.js文件导出整个svg。这可能看起来很模糊，我试图通过这个思考。我根本不熟悉高级图表，但仔细查看了文档。我的理解是使用highcharts这样的东西是不可能的，因为它的文本function/选项不能灵活地表示数据表。任何可能的见解都会很棒，感谢大家！ D.

想要使用鼠标滚轮在highcharts / highstock中移动y轴滚动条: 参考我想用鼠标滚轮移动我的y轴滚动条的问题有没有办法做到这一点？ yAxis: { scrollbar: { enabled: true, showFull: false }, } 更新的代码贝娄是我的更新代码 var chart1 = new Highcharts.Chart({ chart: { renderTo: ‘container1’, type: ‘column’, zoomType: ‘xy’, panning: true, panKey: ‘shift’, //type: ‘column’, //zoomType: ‘xy’, //panning: true, //pankey: ‘shift’, resetZoomButton: { position: { //align: ‘right’, // by default //verticalAlign: ‘top’, // by default x: -10, y: […]

需要将背景颜色应用于每个图例文本高图: 正如我在我的问题中所述，我希望改变我的传奇，如：从：至我试过这个背景颜色： legend: { backgroundColor: ‘#CCC’, layout: ‘horizontal’, floating: true, align: ‘left’, verticalAlign: ‘top’, x: 60, y: 1, shadow: false, border: 0, borderRadius: 0, borderWidth: 0 }, 但没有运气你可以看到我必须实现1.背景颜色应用于文本。 2.文本应附加“BY TIME”。小提琴演示希望各位帮帮我，请询问是否需要更多信息。

Highcharts异步服务器加载多个系列: 我正试图在其示例后使用延迟加载的Highcharts http://www.highcharts.com/stock/demo/lazy-loading 和他们的PHP代码 https://github.com/highslide-software/highcharts.com/blob/master/samples/data/from-sql.php 但我唯一得到的是2011年2天的空白空图表（示例数据）。我的PHP代码： <?php // get the parameters $callback = $_GET['callback']; if (!preg_match('/^[a-zA-Z0-9_]+$/', $callback)) { die('Invalid callback name'); } $start = $_GET['start']; if ($start && !preg_match('/^[0-9]+$/', $start)) { die("Invalid start parameter: $start"); } $end = $_GET['end']; if ($end && !preg_match('/^[0-9]+$/', $end)) { die("Invalid end parameter: $end"); } if (!$end) $end = mktime() […]

格式Highcharts xAxis用于库存数据: 我已经完成了需要为xAxis属性设置格式时间标签的Highcharts选项，但没有运气了解这对于这种情况究竟是如何工作的。我在白天（盘中）检索了库存的动态数据，我需要显示当从9:30开始检索数据并在每天17:00结束时，我需要显示标签，显示30分钟的间隔，如下所示：9：30..10：00..10：30 ..但是我似乎无法使用每5分钟收到的数据块（指针）。另一个问题是我需要显示数据而不跨越到图表的整个宽度，例如在10:00我只有6个柱（每个5分钟），但它的作用是用大6填充图表而不是将它们锁定到它们的时间范围：我需要做的是在9：30-10：00区域内显示这些条形图，并在我收到更多数据时将其余区域填充，如下所示：如果能完成任务，我将不胜感激。我知道股票图表类型正在进行中，但我现在急需使用OHLC类型。非常感谢。

将Highcharts最大Y值设置为精确量而不进行舍入: 每次我在Highcharts中设置我的最小值和最大值时，我从来没有得到我发送的确切最小值和最大值的图表，但总是有些接近。似乎Highcharts正在为轴选择一个间隔范围，如果我的最大值不符合正确的间隔，它将被忽略或舍入。例如，如果我为Y轴设置最小值0和最大值3125，我得到一个从0开始的Y轴，然后以500的增量上升到最大值3500，这完全不是我想要的。我可以让图表使用精确的最大值，还是总是以某种奇怪的方式围绕它？