Highcharts

Unable to plot two piechart using Highchart

假如想象 提交于 2019-12-24 12:20:11
问题 I want to plot two piechart side by side using dynamic data by making two ajax call(since both chart is based on different dataset) but always i am getting only one chart drawn and not the second one don't know where i am making mistake. my code goes like below. Kindly help me to draw the two charts next to each other. function visitorData(data, type) { var chartData = JSON.parse(data.d); var data1 = ""; var chartAlign = ""; if (type == 0) { data1 = [{ name: chartData.Table[0].RegName, y:

Building HighCharts-Export Server 2.1 Fails

假装没事ソ 提交于 2019-12-24 12:16:01
问题 I have downloaded the latest highcharts-exporter following the instructions here. I am running this on Windows7 x64 locally and it will eventually be in a Windows production environment using Jetty9. I have changed one line in highcharts-export/src/main/resources/app.properties: # location of the phantomjs executable, could be for example /usr/local/bin/phantomjs exec = /Scripts/phantomjs I have maven (3.0.5) installed and configured. I last built this project before the 3.x release of

Highcharts separate categories

会有一股神秘感。 提交于 2019-12-24 11:53:46
问题 Check this fiddle to get an idea of what I am talking about This is my xAxis configuration: "xAxis": { "categories": ["Category ONE", "Category TWO"], "allowDecimals": false, "title": { "text": " ", "align": "middle", "style": { "color": "steelblue" } }, "labels": { "y": 12, "style": { "color": "steelblue" } } }, I need category one and category two to be separated by a few pixels (50,100, whatever amount I want) but cannot find the solution for this issue. I know there is a way to do it for

Highcharts graph should start entirely to the left and end entirely to the right

狂风中的少年 提交于 2019-12-24 11:23:35
问题 Using Highcharts I would like to get my graph to start directly next to the labels of the Y-Axis and to end where the x-axis ends. As you can see in the link below it starts with a lot of spacing to the left and a lot of spacing to the right. Example of the current situation 回答1: This is not possible since you are using categories for the xAxis . Labels and points for categories are always set in the middle of the category. The first and last category therefore have the gap you want to get

Fixing/discounting a data series when changing chart-type in Highcharts

浪尽此生 提交于 2019-12-24 10:55:40
问题 I'm using highcharts to display two series of data. The first is the primary data, the second is a calculated trend-line based upon the initial data. The trouble is, when changing the chart-type it's counting the trend-line as an equal series and stacking/drawing it along with the first. I'm trying to either: Leave the trend-line data as a dashed-line type and changing ONLY the primary data chart type --or-- Remove/discount the trend-line, if it's not possible to leave it as is. I've put the

Highcharts : using same div to load a chart multiple times with different series data

感情迁移 提交于 2019-12-24 10:54:08
问题 I have written a function that creates a chart based on some graphdata as parameter and renders it to a div . Now I am reusing this function to generate same type of chart on same div to load different series data . The problem is I can see the graph rendering shows previous charts labels for a second and then the new graph gets loaded with new labels . I dont want to see the old graph when my new graph gets loaded . Please help . My chart function : <html> <head> <script src="./jquery.min

How to create arrays for Highchart?

自作多情 提交于 2019-12-24 10:48:32
问题 I am trying to create some arrays for high charts. I have watched the is railcasts episode about how to create a highchart. http://railscasts.com/episodes/223-charts Here is my some of my Highchart JavaScript code : series: [ { name: "Indtjening", pointInterval: <%= 1.day * 1000 %>, pointStart: <%= 1.day.ago.to_i * 1000%>, data: <%= Reklamer.sum(:earn, :order => :dato , :group => :dato).values %> }, { name: "Iqmedier", color: '#DBD200', pointInterval: <%= 1.day * 1000 %>, pointStart: <%= 1

Highstocks, chart.series[0].data is empty in afterSetExtremes()

心不动则不痛 提交于 2019-12-24 10:31:14
问题 I have set up a fiddle which allows you to move the highstock navigator and see underneath the times selected plus a sum of the values for the selected period. http://jsfiddle.net/o8dLh3m5/3/ The problem I am having is that when the selection contains too much data, the chart.series[0].data array is empty so I can't calculate the total. Could someone please explain what is happening (ie where is this threshold set?), and what are my options for calculating totals when the data returned is

High charts (Time Series Zoomable) not working with my data

点点圈 提交于 2019-12-24 09:59:26
问题 I just started to play around with high charts ( Time-Series Zoomable ) and I have a JSON data something like this: [ {"StartTime":"2018-06-11T00:00:00","TotalReq":10}, {"StartTime":"2018-06-12T00:00:00","TotalReq":34}, {"StartTime":"2018-06-15T00:00:00","TotalReq":31}, {"StartTime":"2018-06-16T00:00:00","TotalReq":2}, {"StartTime":"2018-06-18T00:00:00","TotalReq":38}, {"StartTime":"2018-06-19T00:00:00","TotalReq":69}, {"StartTime":"2018-06-20T00:00:00","TotalReq":39}, {"StartTime":"2018-06

Dynamically modifying the HighChart layout options

别来无恙 提交于 2019-12-24 09:58:12
问题 I can't find way to update marginTop value of already created chart. Check out my example: http://jsfiddle.net/TZaEV/4/ var btn = $('#btn'); btn.click(function(){ // do changes }); I need to change chart.marginTop value without creating chart object again. (When I click on trigger button, for example). 回答1: var btn = $('#btn'); btn.click(function(){ chart.optionsMarginTop += 20; chart.isDirtyBox = true; // this makes your chart redraw chart.redraw(); }); Demo 回答2: This one worked for me: