In [199]: df2.reset_index().to_dict(orient=”list”) Out[199]: {‘date’: [‘2014-10-1’, ‘2014-10-2’, ‘2014-10-3’, ‘2014-10-4’, ‘2014-10-5’], ‘foo’: [8, 1, 8, 8, 1], ‘temp’: [10, 10, 8, 3, 10], ‘time’: [1, 2, 3, 4, 5]}
You can use moment.js to get the values formatted, but Highcharts has it’s own date formatting functionality which would be more idiomatic with Highcharts. It can be attached onto the tooltip option in the highcharts constructor like so: tooltip: { formatter: function() { return ‘<b>’ + this.series.name +'</b><br/>’ + Highcharts.dateFormat(‘%e – %b – %Y’, new … Read more
You can customise the credits, changing the URL, text, Position etc. All the info is documented here: http://api.highcharts.com/highcharts/credits. To simply disable them altogether, use: credits: { enabled: false },
I’m pretty sure, that similar topic exists on stack, however I can’t find it. In general it is possible to achieve that using HTML tooltip, see: http://jsfiddle.net/7wVDV/147/ CSS: .highcharts-container { overflow: visible !important; } .MyChartTooltip { position: relative; z-index: 50; border: 2px solid rgb(0, 108, 169); border-radius: 5px; background-color: #ffffff; padding: 5px; font-size: 9pt; }
The data is in a script tag. You can get the script tag using bs4 and a regex. You could also extract the data using a regex but I like using /js2xml to parse js functions into a xml tree: from bs4 import BeautifulSoup import requests import re import js2xml soup = BeautifulSoup(requests.get(“http://www.worldweatheronline.com/brussels-weather-averages/be.aspx”).content, “html.parser”) script … Read more
I think you cannot return values from the success call instead you would need to call a function instead. So set up your function that initializes your chart, and in the ajax success call that function with the data With your code example function visitorData (data) { $(‘#chart1’).highcharts({ chart: { type: ‘column’ }, title: { … Read more
I faced the same error and what I got to know is that Error#13 occurs when HighCharts.js tries to access an element which is not present in the DOM. How I fixed it? I made sure that the HightCharts method is called only after my targeted element is created in the DOM. Bingo!!!! Everything worked … Read more
You do this by attaching a handler to the legendItemClick event and just returning false. This will prevent the default action which is to toggle the pie sector. point: { events: { legendItemClick: function () { return false; // <== returning false will cancel the default action } } } See this example http://jsfiddle.net/mfras3r/3vVGB/1/
Highcharts 4.1.9+ Since 4.1.9, there is an option Axis.visible which can be used to show/hide an axis, demo: http://jsfiddle.net/3sembmfo/36/ Older versions of Highcharts It’s a new feature for Highcharts 3.0 – that allows to update axes in realtime: chart.yAxis[0].update(object) – as object takes the same options as for creating chart. For example: chart.yAxis[0].update({ labels: { … Read more
Try this to remove all chart series, while(chart.series.length > 0) chart.series[0].remove(true); it works for me. the code for (var i = 0; i < chart.series.length; i++) won’t work because the chart.series.length is decreased each time remove() is called. That way, the i will never reach the expected length.