amcharts

Hiding columns with Amcharts possible via legend?

白昼怎懂夜的黑 提交于 2019-12-25 09:52:14
问题 I'm currently working on a graph to display some data I have, I have a legend set up that makes it possible to show/not show certain values in the graph. However, I was wondering if the same method can be applied to the columns of a graph. With the code below ; <html> <body> <!-- Styles --> <style> #chartdiv { width : 100%; height : 500px; font-size : 11px; } </style> <!-- Resources --> <script src="https://www.amcharts.com/lib/3/amcharts.js"></script> <script src="https://www.amcharts.com

Hiding columns with Amcharts possible via legend?

强颜欢笑 提交于 2019-12-25 09:51:55
问题 I'm currently working on a graph to display some data I have, I have a legend set up that makes it possible to show/not show certain values in the graph. However, I was wondering if the same method can be applied to the columns of a graph. With the code below ; <html> <body> <!-- Styles --> <style> #chartdiv { width : 100%; height : 500px; font-size : 11px; } </style> <!-- Resources --> <script src="https://www.amcharts.com/lib/3/amcharts.js"></script> <script src="https://www.amcharts.com

update amcharts data in angular-amcharts

故事扮演 提交于 2019-12-25 09:46:24
问题 I am using amchart to render a chart with JSON data which is an API response data, and its working perfectly. Now I have to update the data on the basis of a selection dropdown which make a API call request to get the response JSON, which is also done now after getting the response data I don't know how to update the chart with the $scope.changeYearFunction = function(){ console.log($scope.selectedYear); chartService.getDataByMonth($scope.selectedYear).then(function(response){ $scope

update amcharts data in angular-amcharts

巧了我就是萌 提交于 2019-12-25 09:44:14
问题 I am using amchart to render a chart with JSON data which is an API response data, and its working perfectly. Now I have to update the data on the basis of a selection dropdown which make a API call request to get the response JSON, which is also done now after getting the response data I don't know how to update the chart with the $scope.changeYearFunction = function(){ console.log($scope.selectedYear); chartService.getDataByMonth($scope.selectedYear).then(function(response){ $scope

Amcharts candle stick minimal grid step

强颜欢笑 提交于 2019-12-25 09:14:03
问题 I use Amcharts (not Amstock) to build candlestick charts. OHLC data is prepared by internal API based on selected timeframe on a web page. E.g., when "5 seconds" timeframe is selected, candlestick chart with candles for every 5 seconds is plotted. When I zoom in this chart, I see that vertical grid lines number may be increased at some point (I've recently asked about a solution and started using minimalHorizontalGap option). What I want to achieve now is the following: vertical grid lines

AmChart customization for Windows Phone 8

怎甘沉沦 提交于 2019-12-25 02:17:08
问题 I have working on Windows Phone 8 app and i am trying to implement Charting library. I have used the charting example given here :http://mobile.dzone.com/articles/mango-sample-chart-data Its good, but i am not able to customize it. 3 issues is : 1) Onclick of slice i need to get the value. 2) How to add Double tap ? 3) legends should be at the bottom aligned horizontally. Here is the screen shot. EDIT This is my XAML file: <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,0,0"> <charts

Multiple datasets with dataloader Amcharts - undefined

爷,独闯天下 提交于 2019-12-25 01:21:43
问题 I'm making a chart with multiple axes to show different data in one graph. I made multiple datasets with dataloader and set the valuefield of the graphs, but it doesn't work. Here is the code for my datasets: "dataSets" : [ { title: "Glucose", fieldMappings: [ { fromField: "Historie glucose (mg/dL)", toField: "Historie glucose (mg/dL)" }], dataLoader: { "url": "datafiles/dateParsed.json", "format": "json", "showErrors": true, "noStyles": true, "async": true }, categoryField: "Tijd" }, { title

Is it possible in AmCharts to make the bars in a serial chart take up full width?

一个人想着一个人 提交于 2019-12-24 22:40:01
问题 I am trying to create simple Serial Chart in AmCharts but can't make the bars take up the full width of the container. Is there a way to force this? Interestingly, when I inspect the svg element, it does take up the full width of the parent but the bars inside don't stretch that full length. Here's the graph configuration. this.chart = this.AmCharts.makeChart(this.barChart.nativeElement, { type: 'serial', creditsPosition: 'bottom-right', rotate: true, resizeCategoryWidth: 10, dataProvider:

Conditional Chart area fill in amCharts - amStockCharts

你离开我真会死。 提交于 2019-12-24 20:44:45
问题 I want to display a graph very similar to below tradingView chart in amCharts. The problem is how can I fill the area between two specific line graphs with different fill color depending on which line graph is above the other. Using fillToGraph will always fill the same color regardless of whether that graph is below or above the another graph and ends up mixing both the colors as shown below. I am using amCharts v3. Please help. 来源: https://stackoverflow.com/questions/53446791/conditional

How to align value axis width? [closed]

余生长醉 提交于 2019-12-24 13:29:38
问题 Closed . This question needs details or clarity. It is not currently accepting answers. Want to improve this question? Add details and clarify the problem by editing this post. Closed 3 years ago . chart I want to align value axis above chart and below chart. How to set axis width? 回答1: The simplest way to go about it is to set minMarginLeft to the same number on both charts. I.e.: AmCharts.makeChart( "chart1", { "type": "serial", "minMarginLeft": 80, // ... } ); AmCharts.makeChart( "chart2",