積み上げ棒グラフ+折れ線グラフ角度ライブラリ

Question

積み重なった棒+線でチャートを描くことができるangularjsライブラリはありますか？このように：

私はこれをサポートするライブラリを探しています。私はmulticharts（複合チャートタイプ）をサポートするangular-nvd3-directivesを見つけましたが、バースタッキングはサポートしていないと考えています。

私はこれらの質問はあまりにも適していないことを知っている、私は、いずれか、lib、推奨事項を探しています。

Answer 1

ZingChart-AngularJSディレクティブは、混在したチャートをサポートするZingChartライブラリ全体を公開しています。商用では無料です。

var app = angular.module('myApp', ['zingchart-angularjs']); 

app.controller('MainController', function($scope) { 
    $scope.myJson = { 
    "type": "mixed", 
    "background-color": "white", 
    "plot": { 
     "stacked": true 
    }, 
    "series": [{ 
     "type": "bar", 
     "values": [25, 30, 15, 20, 25], 
     "stack": 1, 
     "background-color": "#4372c1", 
     "hover-state": { 
     "visible": false 
     }, 
    }, { 
     "type": "bar", 
     "values": [20, 10, 30, 25, 15], 
     "stack": 1, 
     "background-color": "#ea4204", 
     "hover-state": { 
     "visible": false 
     }, 
    }, { 
     "type": "line", 
     "values": [25, 30, 15, 20, 25], 
     "line-color": "#38408c", 
     "marker": { 
     "background-color": "#38408c", 
     "border-color": "#38408c" 
     }, 
     "hover-state": { 
     "visible": false 
     } 

    }, { 
     "type": "line", 
     "values": [25, 30, 15, 20, 25], 
     "line-color": "#38408c", 
     "marker": { 
     "background-color": "#38408c", 
     "border-color": "#38408c" 
     }, 
     "hover-state": { 
     "visible": false 
     }, 
    },] 
    }; 
}); 

Answer 2

角度-nvd3がこれをサポートしています。I made a demo on CodePen of what you're looking for.

はここにあなたのJSは、次のようになります。 は、あなたがしなければならないのは、ただ、highchartを取得し、独自のディレクティブ...私見簡単に、より効率的な方法にlibがラップ真= bars1.stackedと=真

http://plnkr.co/edit/2gSaYHgNkuNjbj9SGrWt?p=preview

$scope.options = { 
    chart: { 
    type: 'multiChart', 
    ... 
    bars1: {stacked:true}, 
    bars2: {stacked:true}, 
    ... 
    }; 
    } 
}