amcharts

Amcharts 4: How to combine tooltips of LineSeries

ε祈祈猫儿з 提交于 2021-02-20 03:52:07
问题 I have a chart containing 3 LineSeries. Sometimes, the lines cross each other. At these points only the single tooltip of the last added series is displayed. How can I combine those tooltips into one single single tooltip that contains the information on all three series, in case the points are at the same position? I build the chart using LineSeries and place CircleBullets on them: /* Create series */ var series1 = chart.series.push(new am4charts.LineSeries()); series1.dataFields.valueY =

Amcharts: Interpolating step line chart values, show balloon of interpolated value

房东的猫 提交于 2021-02-07 09:36:26
问题 I'm a newbie at amCharts, trying to create a pretty simple step line chart. I have data where the value stays constant a long time, and only records changes to the value, for example: { "timeOfDay": "18:20", "value": 100 }, { "timeOfDay": "19:40", "value": 80 }, { "timeOfDay": "21:40", "value": 20 }, { "timeOfDay": "22:40", "value": 50 } // and so on The chart should draw a horizontal line until the next change point, and then again until the next and so on, which I've managed to do. However,

AMCharts chart not showing up in Wordpress

爱⌒轻易说出口 提交于 2021-01-29 20:02:35
问题 I have created and XY 2 series chart using Amcharts, and have the WordPress plugin installed. The chart shows load span values for construction spreader beams and is created using the following code <div id="$CHART$" style="width: 100%; height: 400px;"></div> and the JSON code var chart = am4core.create("$CHART$", am4charts.XYChart); chart.data = [{ "category": 0.5, "value1": 8, "value2": 6.7 }, { "category": 1, "value1": 8, "value2": 6.7 }, { "category": 1.5, "value1": 8, "value2": 6.7 }, {

how to add multiple graphs in amcharts

前提是你 提交于 2021-01-29 03:33:10
问题 I am new to amcharts and I am using the below code to generate two graphs in a chart. var chart = AmCharts.makeChart("chartdiv", { "type": "serial", "dataLoader": { "url": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/218423/data1.json" }, "valueAxes": [{ "gridColor": "#FFFFFF", "gridAlpha": 0.2, "dashLength": 0 }], "gridAboveGraphs": true, "startDuration": 1, "graphs": [{ "balloonText": "[[category]]: <b>[[value]]</b>", "fillAlphas": 0.8, "lineAlpha": 0.2, "type": "column", "valueField":

how to add multiple graphs in amcharts

孤人 提交于 2021-01-29 03:18:54
问题 I am new to amcharts and I am using the below code to generate two graphs in a chart. var chart = AmCharts.makeChart("chartdiv", { "type": "serial", "dataLoader": { "url": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/218423/data1.json" }, "valueAxes": [{ "gridColor": "#FFFFFF", "gridAlpha": 0.2, "dashLength": 0 }], "gridAboveGraphs": true, "startDuration": 1, "graphs": [{ "balloonText": "[[category]]: <b>[[value]]</b>", "fillAlphas": 0.8, "lineAlpha": 0.2, "type": "column", "valueField":

AmCharts Legend / Filter Configuration?

守給你的承諾、 提交于 2021-01-28 10:26:05
问题 I'm working on a data intensive IOT project, and we are using many different AmCharts to display our data to the user. I just implemented a line chart with a legend and it's working very well. I have about 20 different assets being displayed, and they are different colors. The way AmCharts implements their legend is, when you click a color it is disabled. My question is can these be reversed easily? I want it so, when you click a assets color on the legend all the others on the chart are

AmCharts Legend / Filter Configuration?

邮差的信 提交于 2021-01-28 10:21:57
问题 I'm working on a data intensive IOT project, and we are using many different AmCharts to display our data to the user. I just implemented a line chart with a legend and it's working very well. I have about 20 different assets being displayed, and they are different colors. The way AmCharts implements their legend is, when you click a color it is disabled. My question is can these be reversed easily? I want it so, when you click a assets color on the legend all the others on the chart are

Amchart legend Margin between value and markers not working

泄露秘密 提交于 2021-01-28 06:50:45
问题 i have amcharts and i add legend to charts but show text value legend on marker i set margin left and right to legend value but not work chart.legend.valueLabels.template.marginRight=10; chart.legend.valueLabels.template.marginLeft=10; i will show legend like this 回答1: Make sure you have chart.rtl = true; set to enable support for Arabic. See amcharts.com/docs/v4/concepts/rtl for more details. 来源: https://stackoverflow.com/questions/56953963/amchart-legend-margin-between-value-and-markers-not

amcharts drill-down map countries clickable

允我心安 提交于 2021-01-27 23:34:30
问题 The drill-down map example has the index.html file which references three relevant javascript files. index.js continentsLow.js worldLow.js Now various references point to the definition of an array of areas that allow url and target to be specified. But it is not readily obvious which javascript file would carry this load. The relevant section of the index.js file to my eyes is: // Countries var countriesSeries = chart.series.push(new am4maps.MapPolygonSeries()); var countries =

AmCharts: custom button to hide/show graph

梦想与她 提交于 2021-01-27 12:23:03
问题 I would like to have my own buttons to hide/show lines on a linear graph. The legend is fine, but I want my own HTML/CSS. Is there a way to do this? Attaching the hide/show event maybe? Thank you 回答1: You can call the showGraph and hideGraph methods from your buttons' events. Since they take the graph instance, you'll want to have access to the chart to pass in the desired graph instance either by accessing the graphs array directly or calling getGraphById if you set ids for your graphs, then