amcharts不能以正确的格式表示数据
AmCharts是一个流行的JavaScript图表库，用于在网页上创建交互式和可视化的图表和地图。它提供了丰富的功能和灵活的配置选项，使开发人员能够轻松地创建各种类型的图表，包括线图、柱状图、饼图、雷达图等。
然而，如果数据没有以正确的格式表示，AmCharts可能无法正确地显示图表。在使用AmCharts时，数据应该按照特定的格式进行组织和准备，以便库能够正确地解析和呈现。
通常情况下，AmCharts要求数据以JSON格式提供。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于阅读和编写，并且在不同编程语言之间具有广泛的兼容性。
以下是一个示例数据的JSON格式：
{
"data": [
{
"category": "Category 1",
"value": 10
},
{
"category": "Category 2",
"value": 20
},
{
"category": "Category 3",
"value": 15
}
]
}在这个示例中，数据以"data"为键的数组形式表示，每个数组元素都包含一个"category"和一个"value"字段。这种格式可以根据实际需求进行扩展和修改。
对于AmCharts的使用，可以参考腾讯云的云图表产品Tencent Cloud Charts。Tencent Cloud Charts是腾讯云提供的一款基于AmCharts的图表可视化服务，它提供了丰富的图表类型和配置选项，可以帮助开发人员快速创建各种图表，并且与腾讯云其他产品无缝集成。
更多关于Tencent Cloud Charts的信息和产品介绍，可以访问以下链接地址：Tencent Cloud Charts产品介绍
相关·内容
1回答
我在试着把一些时间和温度数据放到安培图上。定期收集温度数据(每10分钟一次)。数据显示，但似乎是堆叠在一起的。见示例图像：
数据格式(来自php脚本)是：
[{"timestamp":"2015-10-26 04:44:33","temp":24.9,"ID":"AA"},{"timestamp":"2015-10-26 04:54:31","temp":25.1,"ID":"AA"},{"timestamp":"
浏览 1提问于2015-10-27得票数 2
1回答
我需要画一个Y轴是"AM/PM“格式的时间的图表。
我尝试了不同的可用的库，比如：。但是我不能以AM/PM时间的方式显示图表，它只接受十进制值。
下面是我的代码片段：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Chart example</title>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="
浏览 2提问于2018-07-25得票数 0
我正在尝试使用，并且我想使用JSON来格式化我的图表的数据。但是，amcharts接受的语法似乎不是有效的JSON。
下面是一个硬编码的amchart图表数据的javascript代码：
var chartData = [{
country: "Czech Republic",
litres: 301.90
}];
如果我想用嵌入的ruby创建相同的图表，下面是代码：
控制器
@chart_data = [{"country": "Czech Republic", "li
浏览 0提问于2012-04-03得票数 0
回答已采纳
我正在为个人使用的一个小应用程序使用amcharts。我得到了一个静态的本地拷贝，但是当我做了一些改变来使它动态时，我没有得到
SCRIPT5007: Unable to get property 'time' of undefined or null reference
在serial.js行46，位置364。
代码：
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "date&#
浏览 4提问于2017-01-09得票数 0
1回答
从JSON数据开发线条图
、、、、
嗨，我对PHP/JSON很陌生，我正在用我从MYSQL数据库收集的数据构建一个图表，它是从多个传感器收集数据，但在本例中是一个实时温度传感器。我在PHP页面上有JSON格式的数据回显，但在实际生成图形时遇到了困难。我觉得我在圈里跑来跑去，试图完成它，所以我要么钻研一些对我的知识来说很复杂的东西，要么我遗漏了一些显而易见的东西，任何帮助都会被感激。
下面是我从一个名为data.php的文件中生成的JSON格式
[{ "time": "04:14:39", "temperature": 15.3 }]
下面是我从AMCHARTS使用的代码
<
浏览 2提问于2014-02-11得票数 0
回答已采纳
我在数据库中有一个很大的数字，在这个例子中，有10,000,000。每当我将这些信息用于某件事时，比如用它发送一条消息，而不是10,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000,000，它是说，1E10，我真的不想那样。
我能以任何方式避免吗？
如果我转到数据库，值是10,000,000,000。
浏览 3提问于2015-05-15得票数 1
回答已采纳
我试图用自己的按钮调用导出，但得到了以下错误：
TypeError: AmCharts.AmExport is not a constructor
我使用了一个在的堆栈溢出上找到的示例，顺便说一句，它可以工作，但由于某种原因，在我自己的实现中似乎没有。也许我有更新的版本？
我在我的页面中包括：
amcharts-3.21.12/amcharts.js
amcharts-3.21.12/serial.js
amcharts-3.21.12/plugins/export/export.js
html是：
<ul id="chart-selector">
<
浏览 3提问于2018-05-31得票数 2
回答已采纳
1回答
我试图绘制一个在X轴上显示日期/时间的甘特图，我的代码如下所示：
AmCharts.useUTC = true;
var chart = AmCharts.makeChart( "user-pages", {
"type": "gantt",
"theme": "light",
"marginRight": 70,
"dataDateFormat": "DD-MM-YYYY HH:NN",
"
浏览 1提问于2016-10-04得票数 0
回答已采纳
我有下面的RequireJS模块，我用它来用AmCharts构建一个图表。(为了简洁起见，我删除了一些代码)。
define('admin/stats', ['jquery', 'amcharts.serial'], function($, AmCharts) {
var historicalStats = {
init: function(rawData, axesMarker) {
var originalData = rawData,
charts = $(
浏览 1提问于2016-09-22得票数 0
回答已采纳
我用AmCharts制作了一张长期付款的图表。
我的AmCharts配置看起来是正确的。
另外，请注意我不是Javascript方面的专家。
使用AmCharts 3.18.3.free
完整的控制台输出是
未定义的TypeError:无法读取未定义的@ amcharts.js:4107的属性“mouseX”
d.ChartCursor.d.Class.update @ amcharts.js:4107
e.AmRectangularChart.e.Class.update @ serial.js:346
e.AmSerialChart.e.Class.update @ serial.js:
浏览 4提问于2015-12-29得票数 0
回答已采纳
1回答
所以我有一个星期的时间来解决这个问题，但是我做不到。我有一张桌子：
<table id= "myTable" style="width:100%">
<tr class="val">
<th>value</th>
@for((c,w)<- map){
<td>@c</td>
}
</tr>
<tr class="timp">
<th>time</th>
@
浏览 1提问于2015-05-04得票数 2
回答已采纳
当包含amcharts4时，我在编译我的应用程序时遇到了问题。我只是简单地安装了amcharts4 npm包，并尝试在我创建的组件中使用它。我是否遗漏了CLI配置中的某些内容？
ERROR in node_modules/@amcharts/amcharts4/.internal/core/utils/Object.d.ts(60,117): error TS2536: Type 'Key' cannot be used to index type 'Object'.
node_modules/@amcharts/amcharts4/.internal/core
浏览 1提问于2018-11-22得票数 5
2回答
目前我正在试用amCharts 4，并希望将我的json加载到图形中。因为我的json是嵌套的，所以ive添加了一个parseended事件来更改json结构。当我控制台记录新数据时，它的结构是正确的。但是当我想把它加载到分类中时，它没有显示任何东西。目前，我只希望类别显示没有额外的价值。
My component.ts
import { Component, NgZone } from '@angular/core';
import * as am4core from "@amcharts/amcharts4/core";
import * as am4cha
浏览 0提问于2018-09-12得票数 1
回答已采纳
1回答
通过JSON显示多个数据
、、、
我想使用AmChart并通过JSON从MySQL获取图表数据。
这是我的js源码：
AmCharts.ready(function () {
//generateChartData();
createStockChart();
});
function createStockChart() {
var chart = new AmCharts.AmStockChart();
chart.pathToImages = "../amcharts/images/&#
浏览 0提问于2013-10-23得票数 0
我正在AngularJS应用程序中使用amCharts，并且正在寻找一种重命名category字段标签的方法。以下是我的代码：
var configChart = function () {
employeeChart = new AmCharts.AmSerialChart();
employeeChart.categoryField = "empId";
var yAxis = new AmCharts.ValueAxis();
yAxis.position = "le
浏览 1提问于2016-08-17得票数 0
2回答
我正在尝试从这个AmCharts对象中刮取图中的值
使用以下命令
driver.execute_script("AmCharts.charts[0].dataProvider")
在脚本中，它返回None，而浏览器控制台用AmCharts数据返回JSON对象
它在web界面中看起来是这样的。
如何正确地检索这个dataProvider数组。提前谢谢。
浏览 5提问于2021-12-30得票数 0
回答已采纳
1回答
我正在使用amCharts 3.20.9，成功地绘制了一个图形，并可以将数据导出到XLSX文件中。但是，我要导出的列之一是货币，有办法在结果文件中设置这样的格式吗？
我为该图形提供的脚本是：
var chart = AmCharts.makeChart("graph", {
"type" : "serial",
"theme" : "light",
"dataProvider" : data,
"valueAxes" :
浏览 3提问于2016-10-20得票数 0
回答已采纳
2回答
我正在使用AmCharts创建一个饼图。
我尝试将mysql数据库中的数据赋给具有字段country和liters的变量chartData。如何将mysql数据分配给chartdata
<script>
var chart;
var legend;
var chartData = [{
"country": "Czech Republic",
"litres": 156.9
},
{
"country": "Ireland",
浏览 6提问于2015-06-30得票数 0
哪个HTTP状态码最适合用于“客户端请求的格式错误”，例如客户端请求的是format=json，而数据只能以XML的形式提供？我倾向于使用406，但这指的是Accept heder，而格式在我的用例中是作为查询字符串中的参数给出的。
406是正确的代码吗？
谢谢
浏览 0提问于2012-07-20得票数 2
回答已采纳
我使用的是amCharts pie chart (v3)，我想定制mouseover上的弹出气球:除了[[value]] [[percent]]这样的常规文本，
(a)取决于数据项的案文，以及
(b)根据数据项向用户提供不同的单击选项。每个数据行都可能没有这些可能性，在这种情况下，选项不应该出现。
例如，饼图可能显示按国家分列的葡萄酒消费量。在悬停时，我想为用户提供两个不同的点击选项-一个是按季节查看消费(如果可用的话)，另一个是按年龄组查看消费(如果可用)。
在amCharts中可以这样做吗？我在这里看到了event clickSlice()的一个出口，http://docs
浏览 3提问于2014-01-19得票数 4
我在angular7项目中使用Amcharts4。在构建Vendor.js大小为14MB之后，页面的.So加载时间大约需要17秒。 我在dist文件夹中看到了像2.54MB的pdfmaker.js文件和2MB的xlxs.js文件，它们都与amcharts相关。 我不想把那些文件放在dist文件夹里。或者有什么方法可以减小vendor.js文件的大小。 或者我如何从amcharts4中排除不必要的文件。 因为我做了一些研发工作，我在package.json文件中保留了以下几行代码 " build "："ng build --prod --aot false --buil
浏览 39提问于2019-06-17得票数 2
1回答
我是amCharts和javascript的新手。我的html文件看起来如下：
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="">
<title>chart created with amCharts | amCharts</title>
<meta name="description" content="chart created using amChart
浏览 0提问于2016-12-02得票数 0
回答已采纳
2回答
你好，我有多行的AmCharts JavaScript系列图。这些数据有几个月，也有几年。我在下面的图片中创建了一张我想要的图表。但是，为了在AmCharts中实现同样的功能，我不知道如何在类别轴上设置多个日期格式。查看图像中的蓝色和红色框。
如果我改用日期格式"YYYY"，则一年中的所有月度数据都将与一年进行对比。见下面的红色方框
如果我改用日期格式"MMM"，我会看到不必要的空白月份。见以下红色方框：
浏览 2提问于2016-03-14得票数 0
回答已采纳
1回答
我想添加一个徽标和其他图像到我的Amcharts pdf导出。版本: Ubuntu 16.04上的Php 7，Amcharts 4。 我一直在关注https://www.amcharts.com/docs/v4/tutorials/generating-multi-content-pdf-export/ 我有标题，文本图表和表格。这个例子没有包含图片，但我在这里查看了PDFmake：https://pdfmake.github.io/docs/document-definition-object/images/ 在amCharts中，表格等使用如下的块： doc.content.push({
浏览 11提问于2019-03-29得票数 0
在一个页面中，我们正在加载amcharts4地图图表、折线图和饼图，并且具有大量的数据。
当页面映射图表的onload不能正确加载时，在浏览器控制台中会抛出一堆控制台错误。
这里的错误
zone.js:199 Uncaught TypeError: Cannot read property 'push' of null
at ExportMenu.push../node_modules/@amcharts/amcharts4/.internal/core/export/ExportMenu.js.ExportMenu.draw (ExportMenu.js:209)
浏览 4提问于2019-05-12得票数 4
我有一个带有三个AmGraph的AmGraph，我对balloonText进行了如下格式化：
grp.balloonText = "<small><b>Date: [[category]]</b></small><br>[[value]]";
类别(x值)的问题在于它也以以下格式显示在balloonText中："MMM，YYYY“。如何以另一种方式显示此日期？
我在分类轴和dateFormats中检查了dataDateFormat，但这只改变了底部的值。
以下是目前为止的完整代码：
<script
浏览 2提问于2013-12-02得票数 0
回答已采纳
请帮帮我..。
我有两个函数和问题-对于我来说，接收chartData变量作为AmCharts：
$.get(
"/ITN/TEST/chart_test_JSON_REQUEST/",
{
param1:'title',
param2:'BTSnum'
},
function(data) {
var s = JSON.stringify(data);
var chart;
var chartData = s
alert
浏览 2提问于2014-01-12得票数 0
一些AmCharts 使用AmCharts.makeChart
其他AmCharts 使用new AmCharts.AmSerialChart();
这两种方法有什么不同？
浏览 2提问于2015-02-19得票数 3
回答已采纳
1回答
我正在为美国设计一个amCharts amMap。我需要在地图上实现标记。我正在跟踪，但它并没有像预期的那样工作。标记没有正确显示。
码
var map = AmCharts.makeChart("chartdiv", {
type: "map",
"theme": "light",
imagesSettings: {
rollOverColor: "#089282",
rollO
浏览 3提问于2016-06-03得票数 1
2回答
我对amCharts做最简单的工作感到绝望。好吧，至少我觉得很简单。我想要创建一个“正常”数据的法线图表。正常是什么意思？有一个具有y值的数组，可能还有一个用于x的数组：
x = [1,2,3,4]
y = [5,6,7,8]
把这样的东西放进图表不是很容易吗？我还坐在这里，根本不知道该怎么做(！)在电子病历里。我使用的是Flask (Python)，可以使用jsonify将数组放入JSON文件并将其发送到客户端，但我无法更进一步。
有什么想法吗？我是说，这不是最基本的任务吗？但是所有使用amCharts的例子都用x的日期格式来做特殊的事情。
非常感谢!
浏览 6提问于2015-05-05得票数 2
回答已采纳
1回答
我正在试着让amcharts正常工作。如果我将以下代码添加到我的应用程序布局中，那么图表将完美呈现：
<script src="http://www.amcharts.com/lib/amcharts.js" type="text/javascript"></script>
另一方面，如果像他们的网站上记录的那样，我将amcharts js文件放在app/assets/javascripts/amcharts中并包含//= require amcharts/amcharts，则不会显示任何内容。控制台上不会产生错误。如果我检查元素并单击a
浏览 0提问于2013-12-29得票数 1
1回答
延迟加载模块的类型提示
、、、
在angular中，我想延迟加载一些模块，比如amcharts。我知道怎么做，但是在编辑器中输入提示呢？
这是我的代码：
import {AfterViewInit, Component, NgZone, OnInit} from '@angular/core';
// import * as am4core from '@amcharts/amcharts4/core';
// import * as am4charts from '@amcharts/amcharts4/charts';
// import am4themes_animate
浏览 2提问于2019-02-21得票数 2
回答已采纳
2回答
amCharts [股票]图表
、、、、
我一直使用amCharts股票图表来显示雅虎财经.csv文件中的数据，该文件以以下格式显示数据：
Date,Open,High,Low,Close,Volume,Adj Close
2011-07-27,617.18,620.95,604.75,607.22,3934400,607.22
2011-07-26,618.05,627.50,617.22,622.52,2342900,622.52
2011-07-25,613.36,625.41,613.00,618.98,3131600,618.98
然而，现在我需要从Google finance获取数据，他们将数据格式化为这种格式(这不起作用
浏览 1提问于2011-07-29得票数 0
3回答
我想要改变文件名，同时从阿姆海图图下载选项导出。目前，它正在以amcharts.jpg或amcharts.pdf的名字下载。
好心的协助。
提前感谢
浏览 1提问于2017-04-14得票数 0
回答已采纳
我正在尝试使用jquery ajax创建带有amCharts的地图，但它不适用于ajax。
下面是我的ajax代码：
$('button#btn').click(function(){
$('div#ozellikli').html('<center><img src="assets/img/loading.gif" width="200" height="200"/></center>')
$.ajax({
浏览 1提问于2015-01-12得票数 0
2回答
我正在尝试从mysql获取记录，并通过amchart呈现数据，但我在这样做时遇到了困难。我已经写了下面的代码，它不能工作。查询运行良好，但问题是用查询结果替换静态(占位符)数据。请提个建议。
{
$selectdata="SELECT member_lhp, COUNT( * ) AS 'land_pattern' FROM hh_basic_info GROUP BY member_lhp";
$resdata=mysql_query($selectdata);
<script type="text/javascript">
浏览 1提问于2013-07-15得票数 0
我想从Dart的amCharts库中绘制图表。
我在Dart中从amCharts网站中转换了一个代码示例，遵循这里描述的指南，，但我无法获得要绘制的图表。
我在mac os上使用Dart编辑器。
当我运行飞镖应用程序时，一切都很好，但是图表没有出现。
anobydy是否已经尝试在Dart中使用amCharts？
浏览 1提问于2013-12-10得票数 3
回答已采纳
我是amCharts的新手。我想在amCharts上创建甘特图，以便可视化我的数据集。我的剧本如下。
<div id="chartdiv2" style="width: 100%; height: 500px;"></div>
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js">&l
浏览 0提问于2018-06-08得票数 0
回答已采纳
我用AmCharts v3在一个Angular项目中创建了一个折线图，就像这样的one 我还为valuesAxis添加了两条参考线(虚线)，其最小值和最大值如下所示 {
"dashLength": 5,
"inside": true,
"label": "Min Temp. Limit",
"lineAlpha": 1,
"lineThickness": 2,
"color": "#a136a5",
"lineColor"
浏览 55提问于2021-06-25得票数 0
1回答
我正在开发一个Python脚本，它将从数据库中提取数据，并为前图amCharts工具准备数据。我通过从前端发出的JSON / XML格式的AJAX调用返回数据。
向浏览器返回JSON / XML格式的数据安全吗?如果我的工具上线了，客户端在读取之前就不能看到JSON / XML格式了。将数据传输到客户端是安全的吗？
Python脚本打印数据的其他方式是什么，以便客户端能够以安全的方式以图形等方式显示数据？另外，我的方法是正确的吗--有没有其他方法将数据表示为图形？
敬请指教
浏览 1提问于2012-03-10得票数 0
回答已采纳
我使用amCharts库(用于在图表中加载数据的JavaScript库)从mySQL数据库中提取数据，并使用股票图表显示数据。
我在这里找到了一个完整的教程：
它们使用在代码中创建的静态数据，但是我希望使用自己的数据，从JSON格式的数据库中提取数据。
要包含的PHP文件：json_encode.php
<?php
include("data.php");
echo json_encode($rows);
?>
该文件的输出如下所示：
[{"date":"2014-01-19 00:00:00","value"
浏览 0提问于2015-08-19得票数 1
以下是我在运行npm test时得到的错误：
export { System, system } from "./.internal/core/System";
^^^^^^
SyntaxError: Unexpected token export
1 | import React from 'react';
> 2 | import * as am4core from "@amcharts/amcharts4/core";
3 | import * as am4cha
浏览 3提问于2019-11-21得票数 2
我已经在这段代码中跌跌撞撞了好几天了，在经历了许多挑战之后，我几乎得到了我想要的结果。该代码将显示一个默认值(速度计针)为100的类似于速度计的量规(见下文)。我试图使用Javascript (通过PhantomJS/自动化)从DOM中删除HTML标记，并将其替换为更新的内容。内容是相同的，但值需要从100更改为其他.。
经过大量阅读(我的背景是Ruby)，我已经正确地完成了这个操作，并且我已经成功地用我想要的HTML更新了DOM，但是用PhantomJS呈现更新后的DOM的图像只会得到部分完整的图像。
我注意到有相当多的StackOverflow线程允许页面完全呈现(setTimeout)，
浏览 4提问于2017-08-25得票数 3
回答已采纳
1回答
我有这个JSON数据(chartData)：
[{“日期”：“2017-01-24:00:00”，“执行部分”：“678.283”}，{“日期”：“2017-01-24”
下午13:00，“执行部分”：“616.854”}，{“日期”：“2017-01-24 14:00”，"op":"611.969"}，{“日期”：“2017-01-24 15:00”，“执行部分”：“602.912”}，.
并通过以下代码显示：
AmCharts.makeChart( "chartdiv", {
"type": "serial&#
浏览 4提问于2017-01-31得票数 0
我正在做一个甘特图(角/类型记录)，一切顺利地保存着色的一系列列。
进口：
import * as am4core from '@amcharts/amcharts4/core';
import * as am4charts from '@amcharts/amcharts4/charts';
import {
create,
options,
useTheme,
color
} from '@amcharts/amcharts4/core';
创建ColumnSeries()
private createCol
浏览 3提问于2021-08-09得票数 0
回答已采纳
1回答
我正在尝试制作一个图形，它接受AmCharts表中的数据，用户可以通过它输入日期值和数字值。行可以从表中添加和删除。
<script src="https://www.amcharts.com/lib/3/amcharts.js" type="text/javascript"></script>
<script src="https://www.amcharts.com/lib/3/serial.js" type="text/javascript"></script>
<scr
浏览 2提问于2016-06-16得票数 0
回答已采纳
1回答
图表行跳转而不是正确插值
、、、
我使用的是AMCharts 4，传递的是小时值数据对。例如，在15h时，值为10，在16h时，值为15，等等。
[...{
"date": new Date(2020, 1, 1, 15, 0, 0, 0),
"value": 10,
}, {
"date": new Date(2020, 1, 1, 16, 0, 0, 0),
"value": 15,
}...]
图表没有正确绘制点之间的线条(它显示了正确的数据，但没有正确打印线条)。
示例：
正如您在上面的示例中所看到的，它显示了正确
浏览 14提问于2021-03-16得票数 0
2回答
我的php生成的Json文件如下所示：
[ { "category": "2015-07-02 20:13:58", "value1": 30.500, "value2": 30.500 }, { "category": "2015-07-02 20:14:59", "value1": 29.750, "value2": 29.750 }, { "category": "2015-07-02 20:16:01", "value
浏览 5提问于2015-07-02得票数 1
回答已采纳
1回答
我有一些使用amCharts绘制的数据。我获取所有数据，然后在用户生成图形时将其发布。函数数据(LoadChart){
var chart = new AmCharts.AmSerialChart();
chart.dataProvider = data;
chart.categoryField = "age";
catAxis = chart.categoryAxis;
catAxis.gridCount = data.length;
chart.pathToImages = "../images/";
var graph = new AmCharts.AmG
浏览 2提问于2013-08-07得票数 3
在Amcharts图表中，我试图显示数据，我从数据库中以json形式获取这些数据。它显示的错误是，“Object.AmCharts.baseYearInitialize".的Uncaught TypeError: dpds.categoryField.setFullYear不是一个函数”JSON数组很好，而且如果我只保存了一个数据集，那么它就能正常工作，当我进入一个已经以json格式的数据的年份时，它就会显示一个错误。
var chart;
var SER = [];
//var SER;
first();
function first() {
for (var i =
浏览 4提问于2017-04-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
