2017-10-13 47 views
0

我试图从amcharts复制此graph,如果一切都符合我们的需求,我们正在购买许可证。目前我们正面临两个问题。Javascript/Amchart调整类别文件和颜色

  1. 我在数据提供者看到颜色提供了,我在这里提供了json数据作为输入。但在json中,我们将无法添加颜色。还有其他方法可以将这些颜色包含在其他地方吗?

“数据提供程序”:[{ “国”: “USA”, “访问”:4025, “颜色”: “#FF0F00” },{ “国”:“中国” “访问”:1882年, “颜色”: “#FF6600” }]

  • 请将categoryField的名称是相当漫长的,所以我们要进行它像这样降临 - >Slanding Text。我们怎样才能做到这一点?
  • 回答

    0

    1--编号为数据内部的单个列着色,因为它使用fillColorsField属性来查找dataProvider数组中每个元素的颜色。没有其他方法可以做到这一点。您可以尝试在JavaScript之后修改您的JSON,并在将其分配给AmCharts的dataProvider之前添加这些颜色。

    2 - 在类别轴中设置labelRotation

    AmCharts.makeChart("chartdiv", { 
        // ... 
        categoryAxis: { 
        labelRotation: 45, 
        // ... 
        }, 
        // ... 
    }) 
    
    +0

    你介意提供一个使用javascript为json数据添加颜色的例子吗?例如,我已经定义了一个变量x,它保存没有颜色字段的json数据。现在我需要为变量x添加颜色。 –

    +0

    假设你的图的'fillColorsField'设置为“color”:'x.forEach(function(jsonElement){jsonElement.color =/* *在这里设置一个颜色* /;});'。我不知道你要用什么逻辑来确定什么颜色进入特定的元素,所以你必须自己找出一个。 – xorspark

    +0

    我已经尝试过这样的https://codepen.io/gknathkumar/pen/mBzEdQ,但它不起作用。你能否提出一些建议? –