Highcharts

Highcharts Pie Chart.How to set labels in two lines

由 偶尔善良 提交于 2020-01-01 08:29:19
问题 I'm creating a pie chart in highcharts. Does anybody know how to set data labels in two lines? I'm finding this problem when the data labels are too long. http://jsfiddle.net/larrytron/fSjnD/ $(function () { $('#container').highcharts({ chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false }, title: { text: 'Browser market shares at a specific website, 2010' }, tooltip: { pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' }, plotOptions: { pie: {

How to change the X and Y axis names of Pie chart High Chart?

由 梦想与她 提交于 2019-12-31 05:15:11
问题 HI all i am some data in a pie chart...on hover of slice i get the hover like this [Hr Resources:x=Hr Resources,y=12] i want my tooltip to show like this [ProjectName=Hr,Logged Bugs=12] how do i do this..here is how i am binding my data to the pie chart <script type="text/javascript"> $(function () { $.getJSON('<%= Url.Action("GetData","JqueryCharts") %>', {}, function (data) { var json = data; alert(json); var jsondata = []; for (var i in json) { // var serie = new Array(json[i].Projects,

Rerender funnel highcharts with new data

由 試著忘記壹切 提交于 2019-12-31 03:57:06
问题 I am using highcharts in my MVC3 application and I am trying to refresh once the data is modified but the chart doesnot refresh. I am drawing the chart as follows:- function initializeChart() { chart1 = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'funnel' }, title: { text: 'Deal Funnel Stats', x: -50 }, legend: { enabled: false }, exporting: { buttons: { exportButton: { enabled:false }, printButton: { enabled:false } } }, plotOptions: { series: { dataLabels: { enabled: true,

script not running in templateurl

由 一个人想着一个人 提交于 2019-12-31 03:16:11
问题 This is my angular js file test.js file: var app = angular.module("angleapp", []) .controller('MainController', ['$scope', function ($scope) { $scope.test = "hi all" }]) .directive('programlisting', function () { return { restrict: 'E', scope: { }, templateUrl: '/directives/test.html' }; }); test.html file: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript"> alert("stop"); </script> </head> <body> hi how are you </body> </html> This is my index

Changing X axis type from category to datetime on drilldown

由 浪尽此生 提交于 2019-12-31 02:45:09
问题 Is it possible to change a graph's x axis type from category to datetime on drilldown? I have stacked column style graph where each column is a different category. When I click on one of the columns I want to drilldown to a dedicated column graph of that category with a datetime x axis. I have been able to successfully drilldown to another category style graph, and set each category to a day in a daterange, but using the datetime format would be much better. Here is the "onClick" code I am

How to hide highChart plotLine label until mouseover?

由 ♀尐吖头ヾ 提交于 2019-12-31 02:13:26
问题 http://jsfiddle.net/leongaban/n36y336z/ I have a plotline series on my highChart which has a label. What I'm trying to do is hide the label until mouseover. Has anyone attempted this before? $(function() { var $report = $('#report'); $('#container').highcharts({ xAxis: { plotLines: [{ // mark the weekend color : 'rgba(254,235,236,0.5)', from : Date.UTC(2010, 0, 2), to : Date.UTC(2010, 0, 3), zIndex: 1, label: { text : 'Event', align : 'left', style : { color: '#000' }, visible : false },

HighCharts: Drilldown to a Stacked Column

由 穿精又带淫゛_ 提交于 2019-12-30 14:16:28
问题 Hi everyone! I am trying to create a certain HighChart , but I am not sure on how I should format my drilldown data and I can't find any example on the internet! This JSfiddle shows how far I have gotten: http://jsfiddle.net/ma50685a/37/. The HighChart is suppose to visualise comments that have been deleted. The first two bars are mean amounts of filtered comments. When the drilldown is activated, I would to have stacked columns of websites and four categories of why a comment has been

Highchart with scaled images in column bars?

由 蹲街弑〆低调 提交于 2019-12-30 12:13:12
问题 How can i add images to the bar columns that scale correctly to the bar heights. see jsfiddle example below, im trying to do a chart that compares heights using a Skyscraper image as the background for the bar columns, however the background image seems to loop/tile somewhat randomly, how can i fix this. thanks color: { pattern: 'http://www.aperfectworld.org/clipart/buildings/buildings08g.gif', width: '100%', height: '100%' } http://jsfiddle.net/2BqSY/4/ 回答1: I think it may be not possible

How to fill the Area between two series with multiples yAxis in HighChart?

由 别等时光非礼了梦想. 提交于 2019-12-30 11:33:27
问题 The topic of filling area between series has been discussed quite a lot. I've seen some solutions using ' arearange ' series ( adding dummy serie with area range to add the fill color ) or using 'stacked area' ( using dummy area serie with stacking: true , transparent under the actual series, then add another stacked area with the needed color ). An example can be seen here. but my problem is quite specific : I need to fill the area between to series which don't share the same yAxis, thus I

Own back button for drilldown charts

由 隐身守侯 提交于 2019-12-30 10:34:09
问题 I have a pie chart with drilldown data. Is it possible to hide the default back button and to trigger the back function from my own button? 回答1: Yes, it's possible. Just create your own button and after click call chart.drillUp() function. See docs. Highcharts v5 and v6: In Highcharts 5 classes were added to every element on a chart, so we can simply hide the button: http://jsfiddle.net/BlackLabel/zzLuQ/87/ .highcharts-drillup-button { display: none; } Highcharts v4: To disable default button
订阅 Highcharts