Highcharts

Highcharts Populating Realtime Data with Time

邮差的信 提交于 2019-12-22 22:24:36
问题 I have been looking all around for a couple of days and testing different samples but I have not been able to figure this out and I hope someone knows an answer to this, thanks a lot. I am creating a chart and populating the data from my db. I am looking for a way to make it redraw the chart every 5 seconds. I have tried using setInterval and setTimeout and charts.redraw() and other solutions I have found reading several different samples, but haven't managed to get it working. I have the

Highcharts Populating Realtime Data with Time

回眸只為那壹抹淺笑 提交于 2019-12-22 22:23:22
问题 I have been looking all around for a couple of days and testing different samples but I have not been able to figure this out and I hope someone knows an answer to this, thanks a lot. I am creating a chart and populating the data from my db. I am looking for a way to make it redraw the chart every 5 seconds. I have tried using setInterval and setTimeout and charts.redraw() and other solutions I have found reading several different samples, but haven't managed to get it working. I have the

Highcharts - prevent large marker from overflowing axes - my bubbles are escaping =(

可紊 提交于 2019-12-22 17:59:19
问题 This picture should say it all. I'm trying to implement a bubble chart with HighCharts (basically a scatter plot with marker size changing based on some metric). Sadly, some of my bubbles are trying to escape the chart, overflowing the axis and making things look messy and hard-to-read. Any way to prevent this? Obviously I could manipulate the range of the axes, but I'd rather just hide the overflowing part of the bubble. Besides, this is not an option if the x-axis is required to start at 0

HighCharts. Change options dynamically

萝らか妹 提交于 2019-12-22 17:47:32
问题 I set tooltip option enabled = FALSE . I want change it to TRUE when user clicks on point. How can I do it? series : [{ data : data, dataGrouping: { enabled: false }, events: { click: function(e) { enabledTooltip(); } } }], //....................... var enabledTooltip = function(){ // what I should write here? }; 回答1: It's fairly easy. var enabledTooltip = function () { var options = chart.options; options.tooltip.enabled = true; chart = new Highcharts.Chart(options); }; Demo: http://jsfiddle

Switching between data sets in Highcharts/Highmaps

旧街凉风 提交于 2019-12-22 16:02:12
问题 I'm trying to create a chloropleth map of the number of hogs in the U.S. by county. I have six different data sets (1987, 1992, 1997, 2002, 2007, 2012) representing the USDA agriculture census that is taken every five years. As of now, each data set lives within its own Highmaps index file. The 2012 index file is here: http://www.graysonmendenhall.com/pigs/index_2012.html I want to implement a slider that will allow a user to switch between data sets to see the changes in the data on the map.

Switching between data sets in Highcharts/Highmaps

ぃ、小莉子 提交于 2019-12-22 16:02:10
问题 I'm trying to create a chloropleth map of the number of hogs in the U.S. by county. I have six different data sets (1987, 1992, 1997, 2002, 2007, 2012) representing the USDA agriculture census that is taken every five years. As of now, each data set lives within its own Highmaps index file. The 2012 index file is here: http://www.graysonmendenhall.com/pigs/index_2012.html I want to implement a slider that will allow a user to switch between data sets to see the changes in the data on the map.

Switching between data sets in Highcharts/Highmaps

♀尐吖头ヾ 提交于 2019-12-22 16:01:12
问题 I'm trying to create a chloropleth map of the number of hogs in the U.S. by county. I have six different data sets (1987, 1992, 1997, 2002, 2007, 2012) representing the USDA agriculture census that is taken every five years. As of now, each data set lives within its own Highmaps index file. The 2012 index file is here: http://www.graysonmendenhall.com/pigs/index_2012.html I want to implement a slider that will allow a user to switch between data sets to see the changes in the data on the map.

Donut Inner Text

怎甘沉沦 提交于 2019-12-22 12:57:07
问题 I developed a donut chart using highchart library. I need to include a label in the inner part of the donut. Expected Result: JS: $(function () { $('#container8').highcharts({ chart: { type: 'pie', options3d: { enabled: false, alpha: 0 } }, colors: ['#081969', '#0e2569', '#1e3b81', '#284893', '#30509b'], title: { text: '' },tooltip: { enabled: false }, plotOptions: { pie: { innerSize: 140, depth: 45 } }, series: [{ name: 'Delivered amount', data: [ ['56%', 56], ['44%', 44] ] }] }); }); Fiddle

Use of DotNet HighCharts dll to make charts in code behind

孤街浪徒 提交于 2019-12-22 11:46:58
问题 I just discovered the DotNetHighCharts dll to make charts: http://dotnethighcharts.codeplex.com/ I added the dll to my project and put a sample code to get a pie in my Page_Load event ( i'm not working with MVC right now, so i just took what was in the controller of the demo ) protected void Page_Load(object sender, EventArgs e) { Highcharts chart = new Highcharts("chart") .InitChart(new Chart { PlotShadow = false }) .SetTitle(new Title { Text = "Browser market shares at a specific website,

Access props and state of current component in React JS within an event handler

好久不见. 提交于 2019-12-22 10:56:26
问题 I am using Highcharts.js in conjunction with React.js. I want to re-render the view when a user clicks a point in Highcharts. To do this, I need to access the props variable in the click handler . Normally, I would just use this.props to update the props, but this won't work in an event handler. Therefore, how do I access the current component as a variable in the event handler so I can access its props? Is there a better way of doing what I am trying to do? My config variable for HighCharts