amcharts4

Draw a vertical line representing the current date in amcharts gantt chart?

一曲冷凌霜 提交于 2021-02-11 08:20:20
问题 *Draw a vertical line in Current month. here the sample code * https://codepen.io/anon/pen/PgELdM * and this is what I want to achieve * https://ibb.co/XjVn4WC console.log("thank you"); 回答1: You can use axis guides to draw single lines beneath the chart. E.g. var range = dateAxis.axisRanges.create(); range.date = new Date("2016-03-14"); range.grid.stroke = am4core.color("red"); range.grid.strokeWidth = 2; range.grid.strokeOpacity = 1; Demo: https://codepen.io/team/amcharts/pen

Draw a vertical line representing the current date in amcharts gantt chart?

孤街浪徒 提交于 2021-02-11 08:19:27
问题 *Draw a vertical line in Current month. here the sample code * https://codepen.io/anon/pen/PgELdM * and this is what I want to achieve * https://ibb.co/XjVn4WC console.log("thank you"); 回答1: You can use axis guides to draw single lines beneath the chart. E.g. var range = dateAxis.axisRanges.create(); range.date = new Date("2016-03-14"); range.grid.stroke = am4core.color("red"); range.grid.strokeWidth = 2; range.grid.strokeOpacity = 1; Demo: https://codepen.io/team/amcharts/pen

Angular 10 universal | amcharts 4 : Why the server tries to load the chart?

我的梦境 提交于 2021-01-29 19:07:50
问题 I am used to Angular but I am just starting to use universal (for SEO). I want to use a map from amcharts 4, I have no problems using without Angular Universal. I know that it is a known issue but I do not understand why in my case the server tries to load the chart and create this error: ERROR Error: Uncaught (in promise): ReferenceError: addEventListener is not defined ReferenceError: addEventListener is not defined ... My code : constructor( @Inject(PLATFORM_ID) private platformId: Object

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 v4 linechart, starts dateaxis 1 month late

橙三吉。 提交于 2021-01-27 20:04:58
问题 Using amcharts 4 i am displaying an xy chart (simple line graph). Each datapoint has the data set in chart.data, the first as and the following with 1 week intervals: { "Date": new Date(2015, 12, 31), "Value: 12345, "LineColor: "#000000" }, { "Date": new Date(2016, 01, 07), "Value: 234567, "LineColor: "#000000" } Despite this, the first dateAxis point displayed on the chart is (after formatting) Sun 31 Jan 2016 , which is not among the dates input. If i change the dateAxis.baseInterval to

Trying to combine two amcharts graphs, but getting “Data fields for series are not properly defined.” error

▼魔方 西西 提交于 2020-08-19 16:57:56
问题 I am trying to combine two graphs of amcharts into one including the slider. But I am getting the "Data fields for series are not properly defined." error. These are the separate fiddle code for each graphs. FIDDLE FIDDLE And this is what I want to achieve. This is my code: am4core.useTheme(am4themes_animated); // Themes end var chart = am4core.create("chartdiv", am4charts.XYChart); chart.hiddenState.properties.opacity = 0; // this creates initial fade-in chart.paddingRight = 30; chart

AmCharts4: Exporting menu doesn't provide options for CSV, XLSX and JSON

£可爱£侵袭症+ 提交于 2020-08-10 20:16:26
问题 I'm using AmCharts4 and I want to export chart data in CSV, XLSX and JSON format. I'm including the following scripts in index.html: <script src="https://www.amcharts.com/lib/4/core.js"></script> <script src="https://www.amcharts.com/lib/4/charts.js"></script> in .ts file: ... import * as am4core from "@amcharts/amcharts4/core"; ... let chart4 = am4core.create("chartdiv4", am4charts.XYChart); chart4.exporting.menu = new am4core.ExportMenu(); and I'm not getting all the options for data export

How to get value of bubble in amcharts when click event triggered

天大地大妈咪最大 提交于 2020-05-15 02:34:04
问题 find image from here import React, { Component } from 'react'; import * as am4core from "@amcharts/amcharts4/core"; import * as am4charts from "@amcharts/amcharts4/charts"; import am4themes_animated from "@amcharts/amcharts4/themes/animated"; am4core.useTheme(am4themes_animated); class BubbleChart extends Component { componentDidMount() { let hide = document.querySelector("rect").width console.log(hide,"check") let chart = am4core.create("bubbleChart", am4charts.XYChart); let valueAxisX =

Page becomes unresponsive when data added to amChart4 through socket

佐手、 提交于 2020-05-14 09:09:45
问题 I'm displaying 3 charts (Gauge chart, Pie chart, XYChart) -using amChart4 and I'm fetching data from backend (sqlite3). Here I'm using some real time data i.e., for every minute data is added in database and I'm fetching that data and displaying it in chart. In order to fetch regularly I'm using socket . After some time page becomes unresponsive (chrome alert msg). It crashes. Below is my code for the client-side (Front end). product.service.ts init() { this.getConfig(); this._todayWithSec =