기둥 형 차트에서 색상이 변경되지 않습니다

내 응용 프로그램에서 색상이 변경되지 않습니다. 기둥 형 차트를 만들어야하지만 x 축의 각 레이블에서 색이 변하지 않습니다.기둥 형 차트에서 색상이 변경되지 않습니다

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Year', 'Sales'], 
      ['2004', 1000], 
      ['2005', 1170], 
      ['2006', 660 ], 
      ['2007', 1030] 
     ]); 

     var options = { 
      colors:['#A2C180','#3D7930','#FFC6A5','#FFFF42','#DEF3BD','#00A5C6','#DEBDDE','#000000'], 
      title: 'Company Performance', 
      hAxis: {title: 'Year', titleTextStyle: {color: 'red'}} 
     }; 

     var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="chart_div" style="width: 900px; height: 500px;"></div> 
    </body> 
</html>

또는 하나의 방법을 추가하거나 주어진 코드에서 x 축 레이블을 보여 말해 .... 구글의 차트와

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = new google.visualization.DataTable(); 
    var raw_data = [ 
    ["January", parseFloat('120')], 
    ["Februry", parseFloat('150')], 
    ["March", parseFloat('50')], 
    ["April", parseFloat('90')], 
    ["May", parseFloat('100')], 
    ["June", parseFloat('130')] 
    ]; 
    var years = [' ']; 

    data.addColumn('string', 'sales'); 
    for (var i = 0; i < raw_data.length; ++i) { 
     data.addColumn('number', raw_data[i][0]); 
    } 

    data.addRows(years.length); 

    for (var j = 0; j < years.length; ++j) { 
     data.setValue(j, 0, years[j].toString()); 
    } 
    for (var i = 0; i < raw_data.length; ++i) { 
     for (var j = 1; j < raw_data[i].length; ++j) { 
      data.setValue(j-1, i+1, raw_data[i][j]); 
     } 
    } 
     var options = { 
      colors:['#A2C180','#3D7930','#FFC6A5','#FFFF42','#DEF3BD','#00A5C6','#DEBDDE','#000000'], 
      title: 'Company Performance', 
      hAxis: {title: 'Year', titleTextStyle: {color: 'red'}} 
     }; 

     var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="chart_div" style="width: 900px; height: 500px;"></div> 
    </body> 
</html>

출처

2012-07-12 neeraj bharti

, 데이터는 현재 하나의 시리즈가 고려 별도의 데이터 비트가 아닌 시리즈의 각 막대에 색상을 적용하는 대신 4 개의 값을 갖는 데이터는 실제로 가능하지 않습니다.

question/answer에서 보는 바와 같이 원하는 것을 거의 달성 할 수있는 방법이 있지만, 불행히도 기대하는 바를 정확히주지는 못합니다.

출처

2012-07-12 13:08:55 cchana

okies .... 주어진 코드에 x 축 레이블을 추가하는 법을 말해 줄 수 있습니다 ..... –

레이블에 관한 새로운 질문을 게시하십시오. – JJJ

기둥 형 차트에서 색상이 변경되지 않습니다

답변

관련 문제