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効果はありません。
私は
$scope.colChartObject.type = "PieChart";
と
is3D:true
を使用していた場合、私は、PICチャート上に3D効果を得ることができます。
なぜ 'ColumnChart'と 'BarChart'に3D効果がないのですか?
のようなO/Pの何かをしたいです。私は3D効果を加える方法を知りたいと思っています。 おかげ
おかげホワイトハット。任意のアイデア3Dカラムチャートを作成する方法? – himanshu
google-visではありません... – WhiteHat