如何在amchart中显示图表的颜色？
在amCharts中显示图表的颜色可以通过以下几种方式实现：
- 使用默认颜色方案：amCharts提供了一套默认的颜色方案，可以直接在图表配置中设置使用该方案。例如，在柱状图中，可以使用
colors属性来设置颜色方案，如下所示："colors": ["#FF0000", "#00FF00", "#0000FF"]这将使用红色、绿色和蓝色作为柱状图的颜色。 - 自定义颜色：如果想要使用自定义的颜色，可以在数据源中为每个数据点指定颜色属性。例如，在柱状图中，可以在数据源中添加一个
color属性来指定颜色，如下所示："data": [{ "category": "Category 1", "value": 10, "color": "#FF0000" }, { "category": "Category 2", "value": 20, "color": "#00FF00" }, { "category": "Category 3", "value": 15, "color": "#0000FF" }]这将使得每个柱状图的颜色分别为红色、绿色和蓝色。 - 使用颜色函数：amCharts还提供了一些内置的颜色函数，可以根据数据值动态地生成颜色。例如，在热力图中，可以使用
heatRules属性来设置颜色规则，如下所示："heatRules": [{ "target": "column", "property": "fill", "min": "#FF0000", "max": "#00FF00" }]这将根据数据值的大小，在红色和绿色之间生成渐变的颜色。
总结起来，要在amCharts中显示图表的颜色，可以使用默认颜色方案、自定义颜色或者颜色函数来实现。具体的实现方式取决于所使用的图表类型和数据源的结构。
相关·内容
我想测试amcharts，所以我尝试了这个演示，以获得更多的想法。但是当我在jsfiddle中运行它时，图表的颜色没有显示出来。
浏览 8提问于2017-01-19得票数 0
回答已采纳
我正在使用Amchart。我有一个要求，最后的值可以显示在图表的右边，可以是颜色编码，如所附图片所示。
你能帮帮我怎么做到这一点吗？
浏览 7提问于2016-02-08得票数 1
我有一个来自Am图表的，我为它构建了自定义过滤器，过滤器通过用新的预先准备好的JSON数据替换整个amChart.data来更改数据。我使用Angular 8和typescript，没有后端，JSON数据保存在资产中，由服务加载，然后传递到图表。
这些是相关的代码片段，不幸的是，我没有被允许分享整个代码。
@Input() dataToDisplay: EventEmitter<any>;
private amChart: any;
constructor(private wh: WarehouseService) {}
ngOnInit() {
this.curren
浏览 49提问于2019-11-23得票数 0
回答已采纳
如何将mysql数据实现到amchart中？
amchart是一个javascript，代码如下：
var chartData = [{ country: "USA", visits: 4252 },
{ country: "China", visits: 1882 },
{ country: "Japan", visits: 1809 },
{ country: "Germany", visits: 132
浏览 2提问于2013-03-17得票数 0
我正在使用amchart使用AMstock (旋转)来构建条形图。
有没有办法在面板上只显示类别轴值？。
我有两张图表。左侧应仅显示类别轴值。右侧显示的是条形图。
现在我只能创建图表选项，只显示类别轴值(双精度值)。
任何帮助都将不胜感激。
浏览 0提问于2018-10-28得票数 0
我正在尝试使用amchart.js为图表中的每个数据项实现可点击面积图。但在图表中，它不显示可点击的符号或图表不能点击。我尝试了不同的柱状图，柱状图，柱状图在一个图库中向下钻取，可以使用图形中的urlField属性来实现。但是当我对面积图使用同样的方法时，它不起作用。
有人能帮我解决这个问题吗？
浏览 2提问于2015-10-20得票数 0
2回答
我在AmCharts 4中有一个柱状图，它使用更深的颜色方案。条形图上标签的文本颜色是黑色的，在较深的颜色上没有真正显示出来。
-我使用的javascript代码，如AmChart的演示为柱面三维图表。
是否有向标签/标签文本添加css的方法？
我想在标签上添加一个白色的文本阴影，以使它具有可读性。此外，这样，它不会影响文本时，它是通过白图背景。
编辑:2018年12月18日-我正在寻找更接近这样的文本：
这些将能够被看到，即使酒吧是短的，文本放置在白色的背景。
浏览 1提问于2018-12-07得票数 2
回答已采纳
如何根据矩形大小以外的数据属性对amchart4树映射进行排序？例如，在我的图表数据中有一个风险级别(指定矩形的颜色)，我想按照风险级别对这些区域进行排序。谢谢你的帮助!
浏览 4提问于2019-12-10得票数 0
回答已采纳
我有一个网站，我正在使用amStockCharts。问题是，当我打开网站的黑色主题，所有的标签amCharts:传奇，日期的时间范围，缩放水平等隐藏在黑色背景，因为黑色的字体。
如何动态更改图表的字体颜色，而不是将其从javascript更改为所有包含文本的类？
这与不同，因为我想在绘制图表之后更改颜色，所以我不能在config或init方法中设置它。
AmChart似乎在使用内联样式，因此不会在超级元素中(甚至在!important之后)继承设置为#fff的颜色属性。当我把背景弄黑的时候，我能看到的是：
浏览 0提问于2018-07-29得票数 2
回答已采纳
使用xy类型图表时，当光标在图表中时，如何在气球文本中显示数据？
我想这样显示我的数据：
我使用type: xy amchart，其中x轴值作为日期，y轴数据作为整数。
浏览 3提问于2017-10-28得票数 0
我正在尝试在AmChart4上实现AmChart4
单击图例标记只显示一个图形。
它使用clickMarker / clickLabel，但是AmChart4没有这些属性。
这样我就可以根据这个获得图例单击事件
chart.legend.itemContainers.template.events.on("hit", function(ev) {
console.log("Clicked on", ev.target);
console.log(chart);
});
现在我怎样才能得到一系列的图表和隐藏/显示？
浏览 0提问于2018-11-18得票数 1
回答已采纳
我正在使用Amchart。我在一个图表中有三个图表，我发现这些图表之间有很小的空白空间。
你能找个人帮我去掉图形之间的空格吗？
浏览 3提问于2016-04-21得票数 2
我需要一个有几个图表的页面(呈现同一数据集的多个方面)。
我使用相同的数据集。
使用相同的chartConfig (由$.extend克隆)
2个图表
都是串行类型
下面是问题代码
var chart1 = AmCharts.makeChart("chart1div", $.extend(true, AMCHART_SERIAL_CONFIG, { "theme": "dark" }) );
var chart2 = AmCharts.makeChart("chart2div", $.extend(true
浏览 1提问于2015-09-12得票数 1
回答已采纳
1回答
如何在WPF中绘制动画图表
、、、、
在我的WPF应用程序中，我需要绘制一个折线图，它用动画绘制一条线。我找到的最好的解决方案是使用Devexpress工具，它提供了我需要的所有东西和更多，但它相当昂贵，我猜它不符合我的预算。
我也尝试过使用WPF toolkit和AMChart来做这件事，但我找不到任何方法来使图表上的线条具有动画效果。
是否可以设置动画或创建动画并将其分配给图表(从WPF工具包或Amchart)？
这样做的目的是像我在图表上慢慢地画线一样绘制这条线。
对于这个项目，我使用了Visual Studio2012，WPF，.NET 4.0，C#。
提前谢谢。
浏览 3提问于2012-10-13得票数 0
4回答
我正在尝试找出动态清除/重置AmChart的最佳方法。我有以下图表：
amchart = new AmCharts.AmSerialChart();
我尝试过简单地重新初始化它，以清除它以便重写，但它失败了，图表变成了灰色。我所拥有的最好的运气是调用特定的函数并重置特定的属性，如下所示：
amchart.titles = [];
amchart.clearLabels();
我已经使用API作为向导：
当图形被重写时，它看起来很好，但是一些元素，比如侧标签是不存在的。我只注意到这一点，只有当有一个传奇存在的时候。有人能帮上忙吗？
浏览 0提问于2014-05-16得票数 4
1回答
我正在使用这个库，
它工作很酷，但我不知道如何重新加载现有的图表。当我多次调用时：
self.mapView.chart = self.map
self.mapView.drawChart()
地图消失或它的颜色设置为黑色。在JavaScript的原始AmChart中，object有方法validateData，但我在IOS库中找不到这个方法。
如果有人使用了这个库，请帮助，因为在github作者没有回答。
浏览 0提问于2016-05-25得票数 0
在amCharts 4柱状图中，当用户缩小浏览器宽度时，类别轴上的标签被交替隐藏。
默认情况下，图表会自动隐藏标签以提高可读性。我想禁用它。
请参考ruining ex。codepen.io/Mishra-Praveen/pen/MWwmVbp
我得到的是Amchart3的解决方案，而不是Amchart4。
浏览 3提问于2020-02-28得票数 1
我试图在icCube中创建一个动态图表，其中气泡的大小和颜色都是根据MDX结果集中的特定数据字段进行的。
示例MDX结果集：(为了简单起见，移除了x/y坐标)：
amount color bullet size
Swiss 100 #0000FF 10
Spain 120 #FF0000 12
NL 70 #00FF00 7
我现在不知道如何在amChart小部件中使用icCube，但我知道在amCharts本身中可以这样做。例如，可以在amCharts编辑器中设置以下属性：
采购产
浏览 6提问于2015-06-09得票数 2
1回答
我是个新手。我想显示一个amChart。我已经将这个tpl文件包含在另一个tpl文件中。我想将smarty关联数组传递给amChart。我该怎么做，因为我的图表没有被加载。我希望将smarty数组传递给chart.dataprovider属性。
var chart = new AmCharts.AmPieChart();
chart.valueField = "value";
chart.titleField = "title";
chart.dataProvider = {$chart_data};
chart.write("chart
浏览 3提问于2013-02-06得票数 0
回答已采纳
1回答
我需要在同一张图上的子弹之间有一条线，以形成一个不同的颜色，也就是说，如果直线在上升(从小值的子弹上升到更大的值)，它需要是绿色的，如果直线向下，则需要红色。
我找到了AmChart图的一个选项，即graph.negativeLineColor。这有相似的概念，但它改变颜色，如果线是更高或低于0，这不是我们需要的。
或者有没有其他图表工具可以做到这一点？
浏览 3提问于2013-10-24得票数 2
回答已采纳
我正在使用amChart。我有图表的ballonText属性，其字符串如下：
chartDest.balloonText = "[[title]]<span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>";
以上balloonText在图表中的输出如下：(当悬停到饼图的切片时)
“标题”、“值”和“百分比”字段呈现正确，但HTML不表示。
我使用的是AmChart 2.11.3 pieChart。提前感谢
浏览 3提问于2013-11-08得票数 0
回答已采纳
我正在使用amCharts，并且我正在制作一个包含多个系列的XY图表，当X轴类型为DateAxis时，工具提示显示为ony，而当X轴类型为ValueAxis时，工具提示显示无效 var dateAxis = chart5.xAxes.push(new am4charts.DateAxis());
series.dataFields.dateX = "time"; 带有工具提示的amChart： ? 现在，当我将这两行更改为Value Axis时，它不起作用 var dateAxis = chart5.xAxes.push(new am4charts.ValueAxis
浏览 71提问于2019-12-24得票数 2
1回答
flex的图表API
、、、
除了AmChart，还有谁能说出flex中的图表应用编程接口。我想要一个好的应用程序接口，因为我面临着太多的问题与AmChart应用程序接口。另外，请提供如何使用该API的链接。
提前谢谢。
浏览 0提问于2012-03-23得票数 0
回答已采纳
1回答
我想在Amchart中创建一个带有日期时间轴的图表。 最小时间段应该以小时为单位，所以我添加了minPeriod:"hh“。数据在HTML中，在标签之间。我尝试使用下面的函数，但得到一个空白图表(背景为白色)。 可能的问题是什么？这是我尝试的方法： JS函数： $(function() {
var amchart = AmCharts.makeChart("sales-analytics", {
"type": "serial",
"theme": "light",
浏览 16提问于2021-08-19得票数 0
回答已采纳
我将这个图表用于amchart4库：，它在我的本地环境下工作得很好，但在部署后显示了疯狂的线条，但是值却变得很好。如果任何人遇到这样的问题，请帮助。
浏览 0提问于2019-10-22得票数 0
对于LineChart
如果你有这样的系列
Line1
min 0 max 100
它自动调整比例，并显示适当的valueAxis(ex 0-约110)。
不过，就像这张图表
Line2
min 90 max 110
它也改变了valueAxis量表(除0-约120)。
不过，我想设定一个类似的比例(比如80 -大约120)。
我认为默认的amchart4线图计算的最大比例尺不是最小。
我可以让amchart4计算最小标度值吗？
浏览 0提问于2018-11-20得票数 0
回答已采纳
1回答
我正在尝试在amchart的甘特图中显示趋势线。我的代码
"trendLines": [{
"finalValue": 'John',
"initialValue": "Kendra",
"initialDate": '2015-01-01',
"finalDate": '2015-07-01',
"lineColor": "#CC0000"
}],
图表在X轴上有日
浏览 0提问于2016-11-29得票数 2
我已经把一个iframe加载在我的php网站蜡烛图表。由于Iam使用代码点火器，图表文件位于第三方文件夹中。
正如你所看到的，在图表的左上角有一段文字，上面写着“amCharts的JS图表”。但是点击信用链接，amchart.com主页就会打开。
我可以链接回他们的网站，但他们的网站不应该加载在我的看法页面。因此，我想知道如何打开amcharts.com在新的选项卡，当用户点击在我的网站上的图表信用链接。
浏览 0提问于2018-09-18得票数 1
回答已采纳
1回答
Amcharts自定义可变颜色
、、、、
我想要一个动态的颜色在我的图表上。我使用导入的css文件和一些标识颜色。如下所示：
:root
{
--brand-color: {{$color}};
}
我使用AmChart世界图表作为可视化工具，但是a4mchart.color()不喜欢变量。如何确保它确实接受变量？下面是我的代码：
let style = getComputedStyle(document.body);
let brandColor = style.getPropertyValue('--brand-color');
const chartWorld = am4core.create(this.
浏览 7提问于2020-05-27得票数 0
回答已采纳
在AmChart中，我需要显示X轴上的旋转值。
我是这样做的吗：
"categoryField": "DATE",
"categoryAxis": {
"gridPosition": "start",
"autoRotateAngle": 20,
//"gridPosition":"start",
浏览 1提问于2014-09-18得票数 0
我的amChart显示不正确，数据被截断。而且我也不能在信息框中获取信息。
请参考附件中的截图并提供相应的帮助。
除此之外，我如何显示一个空白记录的图表。即没有数据时没有内容可用。但我不想得到空白图例，它是用空白数据自动生成的。
浏览 0提问于2017-06-02得票数 0
1回答
我试图在图表中显示数据，这一次，使用amchart和angular来使用REST服务。
这是使用服务并调用amchart的代码：
function GetData($scope, $http){
$http.get('http://localhost/api/v1/index.php/data').
success(function(data){
//$scope.dados = data;
var json = data;
var chart = AmCharts.makeChart( "chartdiv&
浏览 1提问于2016-05-17得票数 0
1回答
我正在使用AmCharts图形生成一个报告，它工作得很好。当我将页面转换为pdf时，每个图表的框架周围都有黑色的笔划，问题就来了。当我检查html时，我发现如下内容：
<path cs="100,100" d="M0.5,0.5 L609.5,0.5 L609.5,549.5 L0.5,549.5 L0.5,0.5 Z"
fill="#FFFFFF" stroke="#000000" fill-opacity="0" stroke-width="1" stroke-
opacity="
浏览 1提问于2015-06-02得票数 2
我有一个AmChart，JavaScript图表，有滚动的列图。我希望能够为min和当前显示在图表中的最大值提取类别轴数据。
例子:如果x轴上有0-10，并且我放大到4-6，我想要能够引用点4和点6上的数据。
我是AmCharts的新手，所以希望我只是错过了一些简单的东西，但我似乎无法理解这一点。
下面是我制作的一个图表的链接：
浏览 1提问于2017-04-27得票数 1
回答已采纳
1回答
安培角指令
、、
我找到了这个角指令
但是当我创建两个相同的图表时，它会崩溃，而我不能添加图表。
问题是指令产生随机标识。
有办法直接在范围内写字吗？
谢谢!
最新情况(1)
我有一组图表:例如
$scope.charts = [
{
name:"Simple Pie Chart",
image:"/theme2/assets/img/widget2.png",
"struct":{
"type": "pie",
"balloonText": "[[ti
浏览 5提问于2016-02-15得票数 1
回答已采纳
1回答
是否可以在特定的价格和时间显示一个小箭头，指示AMChart中的入口和出口？类似于：
如果没有，是否至少有一种方法可以在图表中创建自定义绘图元素(圆、线、正方形)，类似于，但使用的是烛台图表，而不是折线图？
如果这些都不可能，那么有谁知道有JS库能够做到这一点呢？
谢谢!
浏览 1提问于2014-03-13得票数 0
1回答
我有我的问题，尝试了不同的解决方案，但没有成功。我有一个amChartXY图表，它有白色标签，图例文本是白色的，但是当我想要建立自定义的pdf报告时，我不能将那些白色文本转换成黑色。首先，我有一个将图表导出到base64字符串的函数，我希望在那里将文本颜色转换为黑色，但是它不能工作。下面是菜单项的代码片段，将其转换为保存到全局数组对象的SVG。
menu: [
{
class: "",
label: "Save to draft",
click
浏览 0提问于2016-12-09得票数 0
回答已采纳
当我将鼠标悬停在图表上时，如何在amchart中设置从2013年9月6日到2013年9月6日的日期格式？谢谢!
浏览 2提问于2014-11-25得票数 0
1回答
我正在使用amchart的微线图来显示从0到50000或更多的一些值。但是，当它达到零值时，它会将图表显示在边界之外(正如您在屏幕截图中看到的那样)。
我怎么才能修好它？我试过改变利润率，但没有帮助。
浏览 2提问于2016-09-19得票数 0
回答已采纳
2回答
我有一个AMChart，我已经给它添加了一个类别标题，但是我不能让它正常显示，而且无论我调整什么参数，我都不能让它显示在离图表区域底部合适的距离处。
这是一个显示问题的最小JSFiddle，任何人都可以正确地呈现类别标题吗？
浏览 1提问于2012-10-01得票数 0
回答已采纳
1回答
这里是一个堆栈闪电战的链接，我的角度应用程序与阿姆图。
出于UX的原因，我保持图表堆栈的颜色不变。现在，在代码中，如果am使用默认图例(代码的第225行)，一切都可以正常工作。在点击图例时，它会相应地过滤堆栈图，但是由于UX的原因，是使用了的自定义项(代码中为227到235行)，在这里，当我单击图例时，堆栈列没有得到相应的过滤。如何在此场景中实现amchart的默认图例行为？
浏览 0提问于2019-06-11得票数 1
回答已采纳
1回答
我想使用amChart.js创建一个实时图表，所以我使用ajax进行实时图表更新。如果我在setInterval中调用ajax页面，该图表将完全刷新。实际上，我只需要更改数据。 请从JSFiddle查看我的脚本。 我该如何解决这个问题？ 提前谢谢。
浏览 30提问于2019-03-05得票数 0
回答已采纳
我正在从他们的网站上尝试Amchart的例子。当我在浏览器上打开html文件时(没有在服务器上运行它)，图表可以正确显示。但是，当我在localhost(tomcat服务器)上运行相同的代码时，图表不会显示。我不确定是不是出了什么问题。如果你遇到过类似的问题，或者我遗漏了什么，请让我知道。
非常感谢你的帮助。
Arun S.
浏览 0提问于2013-07-09得票数 0
我可以使用graph下的所有线型，但我不需要它们的垂直表示，而且我的图表中只有一个轴和yAxis值，但有多条线。 如何自定义此amchart示例或找到任何适合我需要的图表？ ?
浏览 13提问于2019-02-08得票数 2
回答已采纳
我正在尝试使用AmChart创建仪表板，因为它们易于工作，而且更具有交互性。我已经通过例子或多种形式找到了几乎所有的东西。我被困在一个很不寻常的地方，找不到这件事发生的原因，因为我需要意见，所以我的问题是，期待着你们的快速回答。提前谢谢。
由于需要在同一页上使用ammap.js (用于地图)和amchart.js (其余图表的用户)，所以我在同一页上使用地图(带有标记)和条形图。不幸的是，当两种javascripts都被使用时，地图标记就不会显示出来，尽管其余的东西都能正常工作。我尝试只删除amchart.js后，标记是容易看到的，但条形图已经消失。为什么会出现这个问题，我需要使标记可点击，并
浏览 0提问于2017-06-08得票数 0
回答已采纳
我已经成功地将amChart折线图绑定到DataTable，方法是将LineChartGraph的成员DataItemsSource分配给mytable.DefaultView。
我正在尝试用amChart股票图表做同样的事情。但是，Graph对象没有DataItemsSource。相反，它有一个指向定义为StockChart控件一部分的DataSet的DataSetID成员。不管怎样..。有什么建议吗？
谢谢!
浏览 2提问于2010-11-30得票数 0
回答已采纳
如何使用不按日合并所有数据项的API方法创建AmChart股票图表？
使用API，数据点总是合并成一天，如下所示：
// API approach
var chart = new AmCharts.AmStockChart();
var dataSet = new AmCharts.DataSet();
...
使用JSON方法，可以创建不分组的线条图。下面是使用JSON的相同图表：
/// JSON approach
var chart = AmCharts.makeChart( "chartdiv", {
"type": "stock
浏览 0提问于2016-09-15得票数 1
回答已采纳
1回答
我想知道是否有一种方法可以将图像添加到CategoryAxes in amChart中。
我找到了一个演示程序，可以在每个图表中包含图像，但是这些图像总是在图表附近，并且/或给出了它们的偏移量，但是我需要让这些图像保持在图表的顶部。
我试图将一个<img src ="">给CategoryAxes上的分类字段，但是它只显示文本，显示所有的标记。
我阅读了这个类别可以拥有的方法和选项，但是我没有找到任何可以显示图像的方法和选项，所以，可以添加它们吗？
添加：
//Doesn't works the "category" option
"
浏览 5提问于2015-03-17得票数 0
回答已采纳
1回答
显示一些带有项目符号的图表：
我的图表是用JSON脚本创建的：
var chart2 = AmCharts.makeChart("idchart",.....);
如何使用javascript访问object chart2禁用项目符号？
谢谢
浏览 0提问于2017-11-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
