Tag: highstock

带有data.csv的Highstock从01.01.1970开始

我已经开始尝试使用Highstock图表来可视化我的光伏数据。 问题是,图表从01-01-1970 00:00:00开始。 它忽略了我的csv文件中的日期和时间。 此代码与此处的一些示例相同,但它不起作用。 我的data.csv 2011-08-01 00:00:00,155 2011-08-02 00:00:00,156 2011-08-03 00:00:00,157 2011-08-03 00:06:00,160 2011-08-04 00:00:00,120 我的index.html $(document).ready(function() { var c = []; var d = []; var options = { chart: { renderTo: ‘content’, defaultSeriesType: ‘line’ }, xAxis: { title: { text: ‘Datum’ }, type: ‘datetime’, categories: c }, yAxis: { title: { text: […]

想要使用鼠标滚轮在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: […]

使用多个图表重绘时,axis.extremes.userMin和userMax未定义

我试图绘制一个饼图移动highstock滑块。 一开始,每件事情都行,我正在获得highStock的axis.extremes.userMin和userMax值。 码 var extremes = chart.xAxis[0].getExtremes(); console.log(extremes); console.log(chart.xAxis[0]); console.log(“userMin = ” + extremes.userMin); console.log(“userMax = ” + extremes.userMax); 但是一旦绘制饼图,我就会在控制台中看到undefined值。 可能导致此问题的原因或者如何获取userMin / userMax ? jsFiddle演示

BUG在Highchart的鼠标事件中的绘图类型:线/样条曲线

看起来在highcharts线图中鼠标事件跟踪存在一些错误,我不确定它是否是它的错误,我前几天在同一事件上还有一个post, 如何在Highcharts中纠正鼠标事件 ,其中一个高图支持的工程师,建议排序x轴,我做了同样的建议,但结果是我在实际中不能接受的 这里是Fiddle的链接,请查看 1)良好的模式yaxis排序鼠标事件不工作—> 好 $(function () { $(‘#container’).highcharts({ title: { text: ‘Y axes reversed’ }, yAxis: { reversed: true }, series: [{ data:[ [ 25.290,1.000 ], [ 25.240,2.000 ], [ 25.210,3.000 ], [ 25.190,4.000 ], [ 25.180,5.000 ], [ 25.170,6.000 ], [ 25.160,7.000 ], [ 25.310,8.000 ], [ 25.210,9.000 ], [ 25.170,10.000 ], […]

在同一页面上使用highchart和highstock

我有这个页面: 并在我使用的页面中 $.getJSON( “server/indice.server.php?row=” + row +”&item=”+ item, null, function(data) { chartindice = new Highcharts.Chart( { chart: { renderTo: ‘graph’, defaultSeriesType: ‘line’, zoomType: ‘x’ }, /////moore setting.. series: [{ type: ‘area’, name: titleindice, data: indice, showInLegend : false //disable the the show/hide icon }] }); }); 和高库存图 window.chart = new Highcharts.StockChart({ chart: { renderTo: ‘chartHistory’ […]

在ajax调用上实例化高图时,Highcharts错误#13

可能重复: HighCharts未被捕获的例外 我正在尝试使用以下代码实例化highcharts对象: $(function () { var chart; var json = null; $.getJSON(‘{% url ajax_search ‘pie_chart’ %}?{{request.META.QUERY_STRING}}’, function(data, textStatus, jqXHR) { json = data.template; console.log(json); chart = new Highcharts.Chart(json); }); }) 控制台适当地记录返回的json。 当我在json中复制并过去(json)时,图表呈现。 但是,就像现在一样,它会抛出以下错误:Uncaught Highcharts错误#13:www.highcharts.com/errors/13 在该链接后,它说: 如果chart.renderTo选项配置错误,则会发生此错误,以便Highcharts无法找到HTML元素以呈现图表 但是,再次,如果我复制并通过json(从控制台)到变量原本所在的位置,它工作正常。 我确信这很简单。 我在这做错了什么?

如何在highcharts中的轴标签上处理鼠标事件

如何在highcharts轴标签上捕获鼠标事件? 我希望处理标签上的click事件以执行某些操作 高清演示

Highstocks – 如何更改默认缩放

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

为什么.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() // […]

如何启用Highcharts滚动条?

我试过了 scrollbar: { enabled: true } 但它没有用。 我尝试使用highstocks附带的highcharts.js ..也没用。 难道我做错了什么?