2017-05-01 4 views
1

ng-google-chart.jsを使用してグラフを作成していますng-google-chartのColomn ChartとBarチャートに3D効果を追加するにはどうすればいいですか?

ここは自分のhtmlコードです。私は$のscope.data。ここで$ scope.colChartObject.optionsで

 $scope.data = { 

     "cols": [ 
      { 
       "id": "level0-id", 
       "label": "level0", 
       "type": "string" 
      }, 
      { 
       "id": "level1-id", 
       "label": "level1", 
       "type": "number" 
      }, 
      { 
       "id": "level2-id", 
       "label": "level2", 
       "type": "number" 
      } 
     ], 
     "rows": [ 
      { 
       "c": [ 
        { 
         "v": "1-2 DAYS" 
        }, 
        { 
         "v": 42, 
         "f": "42 items level 1" 
        }, 
        { 
         "v": 67, 
         "f": "67 items level 2" 
        } 
       ] 
      }, 
      { 
       "c": [ 
        { 
         "v": "3-5 DAYS" 
        }, 
        { 
         "v": 68, 
         "f": "63 items level 1" 
        }, 
        { 
         "v": 89, 
         "f": "89 items level 2" 
        } 
       ] 
      }, 
      { 
       "c": [ 
        { 
         "v": "6+ DAYS" 
        }, 
        { 
         "v": 57, 
         "f": "57 items level 1" 
        }, 
        { 
         "v": 123, 
         "f": "123 items level 2" 
        } 
       ] 
      } 
     ] 
    } 

以下のように定義され、この

  $scope.colChartObject = {}; 

      $scope.colChartObject.type = "ColumnChart"; 

      $scope.colChartObject.data = $scope.data; 

      $scope.colChartObject.options = { 
       title: $scope.title, 
       isStacked: false, 
       titleTextStyle: { color: '#000000', fontName: 'Open Sans', fontSize: 16, bold: true, italic: false }, 
       height: 250, 
       is3D:true, 
       colors: [{ color: '#FF0000', darker: '#680000' }, { color: 'cyan', darker: 'deepskyblue' }] 
      }; 

のように書かれているJSで

<div google-chart chart="colChartObject"</div> 

私はis3Dを言及しています: true

$scope.colChartObject.options{ 
     is3D:true 
     } 

しかしth出力チャートに3D効果はありません。

グラフに3D効果を追加するにはどうすればよいですか? enter image description here

私は

$scope.colChartObject.type = "PieChart"; 

is3D:true 

を使用していた場合、私は、PICチャート上に3D効果を得ることができます。 enter image description here

なぜ 'ColumnChart'と 'BarChart'に3D効果がないのですか?

私は、データ、色などを変更することができ、このenter image description here

のようなO/Pの何かをしたいです。私は3D効果を加える方法を知りたいと思っています。 おかげ

答えて

0

Googleの円グラフがサポートしている唯一のものである - >is3D

あなたがサポートされているオプションを参照するには、各チャートタイプのためconfiguration optionsを確認することができます...

+0

おかげホワイトハット。任意のアイデア3Dカラムチャートを作成する方法? – himanshu

+0

google-visではありません... – WhiteHat

関連する問題