Highcharts

How to add variable-pie chart to react project?

99封情书 提交于 2019-12-11 16:56:48
问题 This is my code.How to render highcharts in react page. Included highcharts.js & variable-pie.js files. Is this code right ?? Once we load the chart, we didn't get any error. And we are only using two highchart library only. without using any other highchart react packages. Is this code is enough to display or render highcharts for reactjs? componentDidMount() { const options = this.highchartsOptions(); this.chart = Highcharts.chart('pie-chart-profile', options); } highchartsOptions() { const

How to dynamically change line color based on value being lower than previous in highcharts

别等时光非礼了梦想. 提交于 2019-12-11 16:54:16
问题 I am trying to build a line chart using highchart.js that uses the color green and black. The data is pulled from an SQL database and if the value is higher than the previous value it is green. If the value is less than the previous value than the color is black. I am new at this and have been searching and searching but the only things I find is using zones to change the colors. Can anyone help me on this? 回答1: I created this example, it should help you : series: [{ name: 'Random data',

Highstock - Single line series-Dynamically create marker based on a trigger

╄→尐↘猪︶ㄣ 提交于 2019-12-11 16:52:26
问题 I am using Highstock - Single line series for plotting data.http://www.highcharts.com/stock/demo/basic-line. I want to know how to create marker on certain points based on a trigger.If a sudden increase happens in y axis,i want create a marker on that point(ie sudden increase happend from 460 to 470,i want to create a marker on 470).I want to do it in client level.How can i do this.Can anyone help on this.Ataching screenshot,what ideally i need.I want to create marker on highlighted red

ColorAxis with HighChart not working as expected with different set of library

本秂侑毒 提交于 2019-12-11 16:48:30
问题 First Set - JavaScript files to required be used are : My entire application uses the below js library for implementing graph across multiple pages and are configured differently based on conditions are report types, <script src="https://code.highcharts.com/highcharts.src.js"></script> <script src="https://code.highcharts.com/modules/treemap.src.js"></script> <script src="http://code.highcharts.com/modules/exporting.js"></script> <div id="container"></div> <button id='update'>Update</button>

How to import exporting.js and export-data.js using angular2-highcharts and AOT compiler?

限于喜欢 提交于 2019-12-11 16:23:27
问题 I'm using angular2-highcharts and my chart works just fine, but I need to export the chart to XLS. All I need to achieve this is doing HighchartsExporting(Highcharts); HighchartsExportData(Highcharts); somewhere in the code, and the export options will show up by the chart. The problem is how to import HighchartsExporting and HighchartsExportData properly, because the standard solution @NgModule({ imports: [ BrowserModule, ChartModule.forRoot( require('highcharts'), require('highcharts

Highcharts update grouped data point color

孤人 提交于 2019-12-11 16:20:02
问题 Is there any way to update the color of a single point in a grouped data set? I can't seem to find a way to reliably set the colors. A fiddle can be found here demonstrating the issue. 回答1: Points are grouped during the rendering process of the chart so they cannot be specifically targeted via constructor options (because we don't know which points will be generated by Highcharts algorithms). What is more, Higcharts doesn't allow performing update function on the grouped point. As a

Recieve HighStock RangeSelector button event in Angular 2+ component

て烟熏妆下的殇ゞ 提交于 2019-12-11 16:04:06
问题 I want to access highstock rangeSelector button event inside my angular component.I am using the angular2-highcharts package to use the highcharts library. Tried to access it using the (afterSetExtremes) binding but without any success. The code is here. Please help. Thanks!! 回答1: Update your template as template: ` <chart type="StockChart" [options]="options" (click)="onClick($event)"> </chart> `, function onClick(e) { console.log('You clicked '+e.toElement.innerHTML+" button") } Plunker

Highchart: Bar chart showing duration between events

旧街凉风 提交于 2019-12-11 15:57:52
问题 I need to create a chart that shows a series of events (see image, in this case 6) that have a duration of time between them. I've been able to approximate this with a sankey chart and curveFactor:0 , but I can't seem to adjust the space between each node. Is there some way I can achieve this? It doesn't have to be sankey chart. I can use anything in the Highcharts library. I'd also considered a stacked bar chart but ran into another set of issues. 来源: https://stackoverflow.com/questions

Highcharts Update Grouped Series Data Point Colors

前提是你 提交于 2019-12-11 15:57:08
问题 I have a candlestick and volume chart similar to here, but with custom colors for the volume bars and candlesticks. This works fine until the graph is redrawn or grouped due to new data being added or a range selector button press. When the graph is redrawn or grouped, neither the candle color nor the volume bar color seems to be transferring properly. I'm using the following redraw function, but it does not seem to be having any effect. Strangely, each time the data is grouped in a new data

Highmaps IOS click events not firing

痞子三分冷 提交于 2019-12-11 15:50:54
问题 I'm building an interactive map web-app using Highmaps and Highcharts. There's a work in progress version of it here: http://s3.eu-west-2.amazonaws.com/ds-active-travel/index.html It works fine on Desktop browsers (IE, Firefox, Chrome, Safari) however the click events don't seem to be firing when I click the map on an IOS mobile device regardless of the browser (Safari, Firefox, Chrome). Interestingly when I use the dropdowns to select a node, it works fine. I've tried replacing the anonymous