Highcharts

How to make selecting multi points by drag in highcharts work in mobile phone?

由 限于喜欢 提交于 2019-12-12 02:44:39
问题 Details described I make the highcharts can be dragged in the chart and make the selected multi points marked. It work well in the PC browser. It can only click in the chart when visit the chart in mobile phone(android). Question: How can I make it success in mobile phone that select multi points by dragging in the chart? Thanks. Code in angularJS to select points by drag: Highcharts.chart('container', { chart: { zoomType: 'x', events: { selection: function(event) { return selectPointsByDrag

export multiple highcharts with text area for their highcharts to multiple PDF file

由 我只是一个虾纸丫 提交于 2019-12-12 02:39:29
问题 I want to export multiple highcharts with textarea to multiple pdf files. How will I convert multiple highcharts with textarea to multiple pdf files? $(function() { Highcharts.getSVG = function(chart, text) { var svgArr = [], top = 0, width = 0, txt; var svg = chart.getSVG(); svg = svg.replace('<svg', '<g transform="translate(0,' + top + ')" '); svg = svg.replace('</svg>', '</g>'); top += chart.chartHeight; width = Math.max(width, chart.chartWidth); svgArr.push(svg); txt = '<text x= "' + 0 +

How can I display my high-chart correctly and import data?

由 喜欢而已 提交于 2019-12-12 02:39:15
问题 On my highchart how can I set the Y AXIS (dataItem) so that it will populate accordingly to amount of times a country appears in my json data. So in my snippet it should show GB as 66% instead of two 33%? Also what would be a good way to import my json data if I was to keep in in a separate file. Was thinking of keeping it in a separate file called (json_data.json). Please help. $(document).ready(function () { var json= [ { "Hot": false, "Country": "NETHERLANDS", "DomCountry": "NA",

X axis tick not centering on column series in highcharts (jsFiddle)

由 随声附和 提交于 2019-12-12 02:32:47
问题 Stack, For some reason highcharts seems to not want to place x axis ticks centered underneath stacked column charts when the chart is a DateTime type chart. As you can see in this jsFiddle (http://jsfiddle.net/4Mngx/2/ and you can also look that this one with null stuffed data points http://jsfiddle.net/4Mngx/1/), the x axis tick marks are staggered to the left of each column. Removing the "stacked" property of the columns seems to resolve the issue, but the columns have to be stacked in

How to pass the another variable to the Highchart basic line which should be dynamic

由 大兔子大兔子 提交于 2019-12-12 02:26:33
问题 I am trying to do the basic line highcharts to be dynamic and i have done dynamic and now the requirement i would like to pass the another variable to the X-axis variable with other column, this is my code which is in PHP script : <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>RNA</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src=

Control a chart with an input box, control an input box with a chart

由 末鹿安然 提交于 2019-12-12 02:25:22
问题 I'm using a draggable highchart to portray some NBA payroll data. If the bar gets dragged I would like to change an input box with a new salary. I've been going at this for a while, and have not made much progress. I can get a draggable event to change an input box, but I cannot do the reverse. I need some help. I originally, started going a state change route and this was my thinking. Basically, the chart can control a global, and the input can control the global. Then I just need to update

Export highchart with free text entered as pdf

由 会有一股神秘感。 提交于 2019-12-12 02:25:20
问题 I am using Highchart api to display Bar chart. And also I have one text area below that chart to enter some text for user. I want to export this chart in pdf, but same time I want to render textarea's text in pdf. Now I can see only charts in pdf. This is working fine. <script> $(function () { var listJS = <%=list4%>; window.chart = new Highcharts.Chart({ chart: {renderTo : 'container', type: 'column'}, title: { text: 'Stacked bar chart' }, xAxis: { categories: [

How could I embed a HighCharts interactive graph into a wordpress 3.5.1 page?

由 泪湿孤枕 提交于 2019-12-12 02:25:11
问题 My name is Josh and I work for a community college newspaper. I've just recently found Highcharts and have been attempting to embed a interactive graph into a post for our website, rather unsuccessfully. Actually, it's been a complete failure. I have already read over and attempted this post to no avail: highcharts and wordpress There's no one I know who I can take this problem to and even though I feel like I've tried every suggested solution, Unfortunately, I'm rather illiterate when it

Highchart: How could I set animation duration in case of adding data points to bar/column chart?

由 隐身守侯 提交于 2019-12-12 02:25:10
问题 Here is the code in concern: http://jsfiddle.net/e0qxfLtt/14/ $(function() { var chartData = [50, 30, 4, 70, -10, -20, 20, 30]; var index = 1; var chart1, chart2; $('#b').click(function(){ var buttonB = document.getElementById('b'); buttonB.disabled = true; if(index < chartData.length){ chart1.series[0].remove(); chart1.addSeries({data: [chartData[index - 1]]}); setTimeout(function(){chart1.series[0].setData([]);}, 1000); setTimeout(function(){ chart2.series[0].addPoint([index, chartData

Highstock | Tooltip displacement | Tooltip content picks previous day's data on current day tooltip when zoomed in

由 ☆樱花仙子☆ 提交于 2019-12-12 02:17:36
问题 Expected behaviour Tooltip content on a particular day should remain same even if the content is zoomed in or zoomed out. Actual behaviour Tooltip content on same day is different when graph is zoomed in and zoomed out. Live demo with steps to reproduce https://jsfiddle.net/aveohsdr/8/ Github Issue Link https://github.com/highcharts/highcharts/issues/6241 Affected browser(s) Firefox / Chrome Description Check tool-tip content for date 4th June 2016, and then change dates from range selector i
订阅 Highcharts