Highcharts

Having trouble just getting the Highchart to show

。_饼干妹妹 提交于 2020-01-11 09:14:04
问题 I'm pretty new to Javascript, Rails and JQuery all working together. I'm going through this tutorial (http://www.highcharts.com/documentation/how-to-use#installation) on Highcharts and just trying to get a base graph to show. It's not happening. In my home.html.erb file I have: <div id="container" style="width: 100%; height: 400px"></div> In app/views/layouts/application.html.erb I have this in my head tag: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type=

highcharts tooltip format millions billions

旧巷老猫 提交于 2020-01-11 09:13:06
问题 I want to display couple of points on a highcharts line chart which are big numbers. e.g. 100,000, 10,000,000, 1,000,000,000 When I display these, the y axis automatically formats the number into 100 k, 10 M, 1,000 M etc but the tooltip still shows the actual big number. Is it possible to show 1,000,000,000 as 1 B or 1000 M in the tooltip itself. Example - http://jsfiddle.net/ynCKW/1/ I am trying to play with the numberFormat function but I dont think its the right function. Highcharts

Adding dotnet highcharts to Xamarin app

孤街浪徒 提交于 2020-01-11 07:55:13
问题 I want to add highcharts library to my xamarin app. Does xamarin support it or not. I don't want to use oxyplot as i have already worked with highcharts in my web application Any help would be highly appreciated 回答1: If your app isn't a hybrid-app than the answer is no. The reason for this is that HighCharts are JavaScript-based charts for the web. If you want fully native charts and don't want to use oxyplot take a look at ShinobiControls. 回答2: It's actually pretty simple. Put together an

How to load data from JSON to Highchart?

…衆ロ難τιáo~ 提交于 2020-01-11 07:02:55
问题 my Json looks like this: [{"1332879360000.0": 300.0, "1332797760000.0": 353.0, "1332799320000.0": 358.0, "1332879780000.0": 302.0, "1332800160000.0": 359.0, "1332880200000.0": 299.0, "1332880620000.0": 298.0, "1332881040000.0": 301.0, "1332881460000.0": 402.0, "1332880020000.0": 330.0, "1332882300000.0": 466.0, "1332796620000.0": 519.0, "1332800520000.0": 447.0, "1332797460000.0": 359.0, "1332801000000.0": 442.0}] And I want to show those data in Highchart, with X-axis is date format, (

Selecting a point by ID using Highcharts

不羁的心 提交于 2020-01-11 05:25:26
问题 Using Highcharts, how can I select a point using it's id? For example, if I create a chart using the following code: chart1 = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'scatter' }, title: { text: 'Fruit Consumption' }, xAxis: { categories: ['Apples', 'Bananas', 'Oranges'] }, yAxis: { title: { text: 'Fruit eaten' } }, series: [{ name: 'Jane', data: [{ name: 'Point1', x: 1, y: 2 }, { name: 'Point2', x: 2, y: 5 }] }, { name: 'John', data: [5, 7, 3] }] }); }); The tooltip tells

Highcharts pie tooltip cuts off

本小妞迷上赌 提交于 2020-01-10 05:27:05
问题 I am using Highcharts to generate a pie chart. It is generating it fine but the problem is that I have a fixed area to display the chart and the tooltip has large amount of text. The tooltip is too large to fit inside the chart div, how can I fix this? $(function () { var chart; $(document).ready(function () { chart = new Highcharts.Chart({ chart: { renderTo: 'ER_inpatient_stay', plotBackgroundColor: null, plotBorderWidth: null, marginTop: 0, plotShadow: false, backgroundColor: 'none', },

How to set weekly range in X Axis of High Chart?

岁酱吖の 提交于 2020-01-07 09:34:45
问题 I have a Chart where I need to set X axis to a weekly range. Starting from January - march.How can i set the X interval to 7 days range? What I need is the points to appear every 7 days time period. Tired a few ways but it doesn't seem to work. I have attached what I've done so far. Highcharts.chart('container', { title: { text: 'Fee Collected' }, subtitle: { text: 'Actual Vs Budget' }, yAxis: { title: { text: '%' }, min: 80, max:120 }, xAxis: { type: 'datetime', labels: { style: { fontFamily

Create dynamic graph with image pattern

﹥>﹥吖頭↗ 提交于 2020-01-07 09:24:41
问题 is it possible to create this graph using any java script api . I really got stuck where to and in what direction I should start and it should be dynamic . I got the below using high chart what more I can do to get the above graph , please suggest . 回答1: It can be done in Highcharts. Refer to this live demo : http://jsfiddle.net/BlackLabel/9zr4ehw2/ It shows how to fill column bars with pattern. You can create separate series for tops and bottoms of a pencil. Them use stacking to position

HighCharts 3D Pie Chart Rounding the Edges

不想你离开。 提交于 2020-01-07 09:07:16
问题 Does anyone know how to round off the edges of a 3D Pie Chart to resemble the included picture? I tried adding border radius via rounded-corner.js, but it had no affect. I have put the chart code in below as well. function drawFirstLevel() { // Build the chart chart = new Highcharts.Chart({ chart: { type: 'pie', plotBorderColor: '#0574AC', borderWidth: .5, renderTo: 'buRequests', plotShadow: false, options3d: { enabled: true, alpha: 55, beta: 0 }, events: { load: function () { var label =

Highcharts drilldown from bar-->pie or bar-->column

十年热恋 提交于 2020-01-07 08:01:08
问题 I need to create a bar-chart with a pie-chart drill down. Everything works fine in all browsers but Do you need more explanations? function activities(params) { //params coming from statistics controller var title_activities = params['title_activities'], source_activities = params['source_activities'], link_activities = params['link_activities'], credits_databasis_str_activities = params['credits_databasis_str_activities'], activities_category_names = params['activities_category_names'],