1

Highcharts Rendererを使用して独自のカスタム形状を作成しようとしました。残念ながら、それらを呼び出す方法が見つかりませんmethods。

ハイチャートを使用することさえ可能methodsですか? とhighcharts-ng?!

私のプランク

私のコード:

var myapp = angular.module('myapp', ["highcharts-ng"]);

myapp.controller('myctrl', function ($scope) {
  $scope.chartDonut = {
    options: {
      chart: {
          type: 'pie',

      },
      colors: [
           '#FFFFFF', 
           '#AA4643', 

      ],
      credits: {
        enabled: false
      },

      legend: {
        borderWidth: 0
      },

      plotOptions: {
        pie: {
          borderWidth: 0.2,
          borderColor: '#000000',
        }
      }
    },

    title: {
        text: 'Browser market share, April, 2011'
    },

    backgroundColor: '#cccccc',
    tooltip: {
        formatter: function() {
            return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
        }
    },
    series: [{
        name: 'Browsers',
        data: [{
              name: 'MATCHED',
                y: 25
            }, {
                name: 'UNMATCHED',
                y: 50,

          color: {
              pattern: 'http://highcharts.com/demo/gfx/pattern1.png',
              width: 6,
              height: 6
          }

            }],

        size: '60%',
        innerSize: '56%',
        showInLegend: false,
        dataLabels: {
          enabled: true,
          connectorWidth: 0,
          connectorPadding: 0,
          useHTML: true,
          x: 20,
          formatter: function() {
              if (this.point.name === 'UNMATCHED') 
                return '<div id="donut_unmatched">'  
                        + '<div id="unmatched_num">' + this.y + '</div>' 
                        + '<div id="unmatched_txt">' + this.point.name + '</div>'
                        + '</div>';
          }
        }
    }]
  };
});
4

3 に答える 3

2

ドキュメントは明確ではありませんが、これは現在のバージョンで実行できます。ソース コードでは、highcharts コンストラクターが呼び出されます。 

new Highcharts.Chart(mergedOptions, func)

2 番目のパラメーターは、highcharts の初期化が終了したときのコールバックです: http://api.highcharts.com/highcharts#Highcharts.Chart (引数については説明しません) この関数の 1 番目の引数からチャート オブジェクトを取得できます。次のコードをチャート構成オブジェクトに追加します。 

func: function(chart) {
  $scope.chartObj = chart;
}

次に、ビューまたはコードでそれを使用できます (任意の API 呼び出しに対して)。 

<span>{{chartObj.renderer.height}}</span>

$scope.chartObj.renderer.circle(...);
$scope.chartObj.getSelectedPoints();

例として、元のプランクをここでフォークしました:
http://plnkr.co/edit/6WvHEjJfr4pGqd2OvPKF?p=preview

于 2015-01-07T18:17:03.090 に答える
1

作者はこちら。現時点では、これを行うことはできません。プルリクエストは喜んで受け入れます。おそらく近いうちに自分で追加するでしょう。

変更を追跡するには、こちらを参照してください: https://github.com/pablojim/highcharts-ng/issues/97

于 2014-03-21T13:04:35.053 に答える