(amCharts) 하나의 차트에 여러 개의 데이터 세트를 두는 방법과 각기 다른 색 구성표로 각 데이터 세트를 구별하는 방법은 무엇입니까?

Question

두 개의 데이터 세트로 차트를 만들려고합니다. 두 데이터는 HTML의 두 테이블에서 가져옵니다.

현재 코드를 사용하면 두 테이블이 데이터 세트로 결합됩니다. 각 테이블을 자체 데이터 세트로 분리하려는 이유는 다음과 같습니다.

• 각 데이터 세트마다 고유 한 색상을 지정하고 싶습니다. 예 : 테이블 A의 데이터는 모두 주황색으로 표시됩니다. 표 B의 데이터는 모두 파란색으로 표시됩니다.
• 각 데이터의 차이는 회선 스타일의 차이입니다. 데이터 1은 두꺼운 선을, 데이터 2는 점선을 나타냅니다.

다음 차트를 작성합니다. 이들은 그것이이 설명 내가 amCharts의 문서에서 테이블

 function generateChartData() { 

      // initialize empty array 
      chartData = []; 

      // get the table 
      var table = document.getElementById('dataTable'); 

      // get table rows 
      var rows = table.getElementsByTagName('tr'); 

      // iterate through the <td> elements of the first row 
      // and construct chart data out of other rows as well 
      var years = rows[ 0 ].getElementsByTagName('th'); 
      var row1_desc = rows[ 1 ].getElementsByTagName('td'); 
      var row2_desc = rows[ 2 ].getElementsByTagName('td'); 
      var row3_desc = rows[ 3 ].getElementsByTagName('td'); 

      var row 
      for (var x = 0; x < years.length; x++) { 
      chartData.push({ 
       "year": years[ x ].innerHTML, 
       "row1_desc": row1_desc[ x ].innerHTML, 
       "row2_desc": row2_desc[ x ].innerHTML, 
       "row3_desc": row3_desc[ x ].innerHTML 
      }); 
      } 
     } 

에서 데이터를 얻을 라인입니다 http://jsfiddle.net/3j3s1ba7/4/

: 여기

내 현재 코드와 그 결과 possible to have two data sets, but it seems not at once.

어떻게해야할까요?

Answer 1

"별도의 데이터 세트"가 필요하지 않습니다. DataSet은 실제로 주식 차트 기능이며, 연속 차트 기능은 아닙니다.

generateGraphsFromData 함수에서 그래프에 색상 및 스타일 설정을 간단하게 추가 할 수 있습니다. 표 1의 그래프에 표 2의 그래프와 다른 스타일을 지정할 수 있습니다. 어떤 그래프가 어떤 테이블에서 오는 것인지 함수에 알리는 방법을 찾아야합니다.

dashLength 및 lineColor 설정을 살펴보십시오. https://docs.amcharts.com/3/javascriptcharts/AmGraph.

var graph_color = "orange"; // or blue 
var graph_dashLength = 2; 

var graph = new AmCharts.AmGraph(); 
graph.title = valueField; 
graph.lineColor = graph_color, 
graph.dashLength = graph_dashLength 
// ...