Highcharts

问题 I am new to HighCharts and I am trying to figure out how to read a local JSON object into my stacked bar graph in HighCharts. I believe I wrote the series and categories but for some reason the getJson Function is not working. Angular JS File function get_chart() { return { chart: { type: 'column' }, title: { text: 'Twitter Data' }, xAxis: { categories: [] }, plotOptions: { series: { stacking: 'normal', dataLabels: { enabled: true, style: { textShadow: '0 0 3px black' } }, point: { events: {

问题 I've been using the following code to set dataLabels for bar charts in Highcharts... plotOptions: { bar: { dataLabels: { enabled: true, formatter: function() { if (this.y==null) { return '<i>(Suppressed)</i>'; } else { return ''; } } } } } Basically, I want to be able to show the user when a value has been hidden for privacy reasons. In previous versions of Highcharts, the label would show up for the null values as I desired. In version 3.0.8, I do not get any dataLabels for the null vales.

问题 I am trying to use Highmaps as an integrated plugin with Highcharts source file (highcharts.js and map.js files), like described in Getting Started doc page --> section "Load Required files". For the series type Map Bubble is not displaying nothing on the page. See jsFiddle: http://jsfiddle.net/mihaelaCiocoiu/pvPur/3/ <script src="http://code.highcharts.com/highcharts.js"></script> <script src="http://code.highcharts.com/maps/modules/map.js"></script> <script src="http://code.highcharts.com

问题 I creates the timeline Highchart like this jsfiddle.net $(function () { $('#container').highcharts({ chart: { type: 'columnrange', inverted: true }, title: { text: 'Equipment Status' }, scrollbar: { enabled: true }, xAxis: { categories: ['Status'] }, yAxis: { type: 'datetime', title: { text: 'Timespan' } }, plotOptions: { columnrange: { grouping: false } }, legend: { enabled: true }, tooltip: { formatter: function () { return '<b>' + this.x + ' - ' + this.series.name + '</b><br/>' +

问题 I am trying to make a graph that looks like this: Currently I have this: http://jsfiddle.net/s1uy3rkt/3/ $('#graph_agerange').highcharts({ chart: { type: 'bar', height: 140 }, xAxis: { lineColor: '#ffffff', tickColor: '#ffffff', labels: { align: 'right', x: -50, style: { color: '#444', fontSize: '14px', fontWeight: '400', fontFamily: 'Source Sans Pro' } }, categories: ['The Grand Budapest Hotel','Boyhood'] }, yAxis: { gridLineColor: '#ffffff', lineColor: '#ffffff', tickColor: '#ffffff',

问题 I have a column range highchart . it works fine but it doesn't display time on yAxsis but tooltip does. it is in json format (tooltip time ) . Any help appreciate .. my yAxsis looks like this yAxis: { type: 'timepicker', labels: { formatter: function () { //1262334143000 return Highcharts.dateFormat('%H:%M %p', this.value); } }, title: { text: 'Y Sside New' } }, there is this.value it has json date. Here is the jsfiddle 回答1: It displays the time in %H:%M:%P (in your JSFiddle), which is hours,

问题 I'm understanding perfectly this part, but now I have more and different doubts: How to implement draggable plugin? via json or building first the whole chart and parsing then data? Here is how I'm using this plugin with a blank page as result: $.getJSON("data.php", function(data) { var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'container', marginRight: 130, marginBottom: 25 }, title: { text: '<?php echo strftime("%A %d de %B del %Y"); ?><?php

问题 I am using highcharts to draw a column chart as following: var chart; var count = 0; $(function () { $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'graph', type: 'column', margin: [ 50, 50, 100, 80] }, title: { text: 'Random Data' }, xAxis: { categories: [ 'T1', 'T2' ], startOnTick: true, endOnTick: true, labels: { rotation: -45, align: 'right', style: { fontSize: '13px', fontFamily: 'Verdana, sans-serif' } } }, yAxis: { min: 0, title: { text: 'Y-Axis' } },

问题 I am trying to create a line chart which shows internet usage per day for a certain number of machines. I want to use a symbol as shown here in Highcharts documentation whenever a certain data limit is exceeded. For example, where ever the usage is above 2.5 GB,I want it to show an Alert Symbol and above 3 GB some other symbol. Values lower than those should be shown by normal markers. These values will be fetched from dynamically created CSV files so I can not hard-code them as told in

问题 So I have two doubts: Q1: I am unable to understand the difference between the two ways to initialize a High Chart: 1st way: var lineChart = new Highcharts.Chart( { chart: { alignTicks: true, type : 'StockChart', renderTo : 'container', ... 2nd way: $('#container').highcharts('StockChart', { chart: { alignTicks: true, type : 'StockChart', renderTo : 'container', ... Q2: When Using the 2nd way on http://jsfiddle.net/ezk2mg72/ I am able to get desired result but when trying in local I am