2017-10-13 50 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,但它不起作用。你能否提出一些建議? –