标签: amcharts

我想为amCharts自定义日期聚合(轴标签),但我找不到在amCharts文档中执行此操作的规定.谷歌搜索同样只是指向我的dateFormats文档.

amCharts提供了通过设置聚合时间的选项parseDates,以true及添加dateFormats如下所示.此选项通过amCharts本身进行一些计算来聚合日期,假设一周聚合(1月5日)为25天,月聚合(Jan)为65天等等,但我想自定义默认日期聚合级别.

parseDates: true,
dateFormats: [{
                fff: 'period',
                format: 'JJ:NN:SS'
            }, {
                period: 'ss',
                format: 'JJ:NN:SS'
            }, {
                period: 'mm',
                format: 'JJ:NN'
            }, {
                period: 'hh',
                format: 'JJ:NN'
            }, {
                period: 'DD', // day level
                format: 'MM/DD/YYYY'
            }, {
                period: 'WW', // week level
                format: 'MM/W/YYYY'
            }, {
                period: 'MM', // month level
                format: 'MMM YYYY'
            }, {
                period: 'YYYY',
                format: 'YYYY'
            }]

我想以下列方式更改默认的日,周,月级别.

DAY LEVEL: <= 14 days
WEEK LEVEL: 14 …

我正在使用AmCharts的免费版本,我有一个简单的问题 - 如何在加载后删除图表？我搜索过互联网,但还没有多少.

我正在使用amcharts绘制面积图,x轴数据日期值范围从2014年1月8日到2014年8月30日.但图表显示从2014年7月31日开始的x轴值.此问题仅在最新版本的Windows Firefox和Chrome中找到.附加绘制的图表的屏幕截图和下面的dataProvider值.

dataProvider = [{ "value": 0, "date": "2014-08-01" }, { "value": 17 "date": "2014-08-02" }, { "value": 24 "date": "2014-08-03" }, { "value": 26 "date": "2014-08-04" }, .... ]

我该怎么解决这个问题？任何帮助,将不胜感激.提前致谢.

在amCharts flash图表中有一个事件名称clickGraphItem,它作为点击图形项目工作,在获取此事件后,我们可以对图形项目点击执行任何操作.

我需要在javascript amCharts中使用相同的功能.那么可以在javascript amCharts中实现clickGraphItem吗？

请提供解决方案.任何源代码将不胜感激.

使用以下选项无法帮助我在调整浏览器大小时阻止我的CategoryAxisLabels在折线图中重叠.

categoryAxis.autoGridCount = true;
categoryAxis.minHorizontalGap = 100;
categoryAxis.gridPosition = "start";
categoryAxis.equalSpacing = false;
categoryAxis.parseDates = false;
chart.validateNow();

我在$(wndow).on('resize', function() {...});事件上触发了这些功能.

请注意我还有一个自定义labelFunction来格式化轴标签.

我的结果:autoGridCall从476px到更低,但在它之上,所有categoryAxis标签值都出现在x轴上,并以最可耻的方式相互重叠.:(

有人可以帮帮我吗.真的卡住!! :(

Amchart给了我惊人的HTML图形,但......

如何格式化数轴？目前它显示我65,000,我需要65000的价值.没有逗号!

谢谢!

前言我是编程Javascript的新手,但我已经和各种库一起工作了一段时间.我的任务是获取各种图表库的性能指标,以便根据一些可用的库(例如AmCharts,HighCharts,SyncFusion等)找到最快和最灵活的.我已经尝试过JSPerf,看起来我正在获得代码执行的性能指标,而不是实际呈现的图表,这是我们想要的指标(也就是用户体验将是什么).我已尝试在标题中的Javascript代码中使用performance.now(),并且还包含显示图表的标记,但这两种方法都不起作用.

基于渲染获得这些性能指标的最佳方法是什么？

你好伙伴们..我正在努力为Amcharts添加$前缀有没有人有任何经验为AmCharts图表添加货币格式？到目前为止,我已经尝试了以下几种变化,但没有成功......

chart.numberFormatter = {
numberFormatter = numberPrefix="$";
};

我有一个使用amCharts库创建的图表.但是我在每个条形图顶部的图像中面对一个不需要的裁剪,当它变得太高时,我在这里强调:

请帮助我不想要那种裁剪.

这是CSS代码:

    #chartdiv {
      width: 100%;
      height: 500px;
      padding: 70px 0;
      border: 3px solid green;
    }

    body {  
      margin: 0 0 0 0;
      overflow:hidden;
      background-color: transparent;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    }

这是JavaScript代码的最后一部分:

    // Add bullets
    var bullet = series.bullets.push(new am4charts.Bullet());
    var image = bullet.createChild(am4core.Image);
    image.width = 150;
    image.height = 150;
    image.horizontalCenter = "middle";
    image.verticalCenter = "bottom";
    image.dy = 80;
    image.y = am4core.percent(100);
    image.propertyFields.href = "bullet"; …

我想在我的 React 应用程序中使用 amcharts5 创建图表。

我在我的应用程序组件中导入的组件中实例化 amcharts5 的根元素。我收到以下错误

You cannot have multiple Roots in the same DOM node

这是我的版本：

"react": "^17.0.2"
"@amcharts/amcharts5": "^5.1.1"

这是我的代码：

import { useLayoutEffect } from 'react'
import * as am5 from '@amcharts/amcharts5'

export default function AmCharts5() {
  useLayoutEffect(() => {
    let root = am5.Root.new('chartdiv')

    // root.current = root
    // here is a second Error : Property 'current' does not exist on type 'Root'


    return () => {
      root.dispose()
    }
  }, [])

  return <div id="chartdiv" style={{ width: …