Как я могу сделать собственный маркер легенды для круговой диаграммы Google пончик?

Question

Как я могу сделать собственный маркер легенды для круговой диаграммы Google пончик?

0

Я новичок в диаграммах angularjs и google, я использую диаграммы google для диаграмм кругов пончиков, но у меня нет возможности изменить маркер легенды по умолчанию для круговых диаграмм пончиков, которые являются кругом.

Итак, как я могу добавить маркер пользовательской легенды в круговую диаграмму с помощью графиков Google?

Вот мой код (Index.html):

<body ng-controller="MainCtrl">
   <div google-chart chart="chart"></div>
</body>

script.js:

     var app = angular.module('myApp', [ 'googlechart' ]);

      app.controller('MainCtrl', function($scope) {
         var chart1 = {};
          chart1.type = "PieChart";
          chart1.data = [
          ['Component', 'cost'],
          ['Software', 50000],
          ['Hardware', 80000]
          ];
         chart1.data.push(['Services',20000]);
         chart1.options = {
            displayExactValues: true,
            pieSliceText:'value',
            donut:'true',
            pieHole:.5,
            width: 400,
            height: 200,
           chartArea: {left:10,top:10,bottom:0,height:"100%"}
          };
          $scope.chart = chart1;

});

Любые предложения приветствуются. благодаря

Hassan 22 авг. 2015, в 13:01

Источник

0

Вам придется вручную создать легенду вне графика, если вы хотите манипулировать формой. stackoverflow.com/a/13639884/661584
Rob Schmuecker 22 авг. 2015, в 11:05
0

@RobSchmuecker не могли бы вы привести один реализованный пример?
Hassan 22 авг. 2015, в 11:09
0

Извините, я не могу, но это довольно просто. Создайте отдельную легенду в HTML так, как вам нравится, с теми же цветами, что и ваши цвета Pie .
Rob Schmuecker 22 авг. 2015, в 11:12
0

@RobSchmuecker, как можно добавить это в Google Chart легенда?
Hassan 22 авг. 2015, в 11:14
0

Вы намеренно должны опустить легенду Google Chart и сделать свою собственную в простом HTML / CSS / Javascript
Rob Schmuecker 22 авг. 2015, в 11:16
0

@RobSchmuecker Вот о чём я говорю, что легенда в гугл-чартах загружается во время выполнения, как я их собираю и удаляю, а также добавляю свой собственный там же?
Hassan 22 авг. 2015, в 11:18
0

stackoverflow.com/questions/5202029/… показывает, что если вы добавите legend: {position: 'none'} в ваших настройках, ваша легенда не будет отображаться. Вам необходимо определить свои собственные цвета для своих данных, а затем использовать этот же цвет для создания своей собственной легенды.
Rob Schmuecker 22 авг. 2015, в 11:20
0

@RobSchmuecker да, вы правы, но круговые диаграммы отображаются внутри SVG, и это отображается во время выполнения, тогда как я могу добавить свой HTML, это проблема
Hassan 22 авг. 2015, в 11:24
0

Пожалуйста, сделайте jsfiddle.
Rob Schmuecker 22 авг. 2015, в 11:24
0

вот плункер plnkr.co/edit/2CNK6njPJMNHiB26MZZ5?p=preview @RobSchmuecker
Hassan 22 авг. 2015, в 11:37
0

Здесь вы можете добавить такие цвета, как этот plnkr.co/edit/phYdDsD0c4jkvpl2F2JM?p=preview, а затем делать все, что душе угодно, для создания легенды HTML
Rob Schmuecker 22 авг. 2015, в 11:45
0

@RobSchmuecker, если у вас есть время, приведите, пожалуйста, один пример, как добавить пользовательскую легенду к этой круговой диаграмме, например, «программное обеспечение», а тип маркера - квадратный?
Hassan 22 авг. 2015, в 11:48

Показать ещё 10 комментариев

Теги:

angularjs

legend

google-visualization

1 ответ

Ещё вопросы

Вам придется вручную создать легенду вне графика, если вы хотите манипулировать формой. stackoverflow.com/a/13639884/661584
@RobSchmuecker не могли бы вы привести один реализованный пример?
Извините, я не могу, но это довольно просто. Создайте отдельную легенду в HTML так, как вам нравится, с теми же цветами, что и ваши цвета Pie .
@RobSchmuecker, как можно добавить это в Google Chart легенда?
Вы намеренно должны опустить легенду Google Chart и сделать свою собственную в простом HTML / CSS / Javascript
@RobSchmuecker Вот о чём я говорю, что легенда в гугл-чартах загружается во время выполнения, как я их собираю и удаляю, а также добавляю свой собственный там же?
stackoverflow.com/questions/5202029/… показывает, что если вы добавите legend: {position: 'none'} в ваших настройках, ваша легенда не будет отображаться. Вам необходимо определить свои собственные цвета для своих данных, а затем использовать этот же цвет для создания своей собственной легенды.
@RobSchmuecker да, вы правы, но круговые диаграммы отображаются внутри SVG, и это отображается во время выполнения, тогда как я могу добавить свой HTML, это проблема
вот плункер plnkr.co/edit/2CNK6njPJMNHiB26MZZ5?p=preview @RobSchmuecker
Здесь вы можете добавить такие цвета, как этот plnkr.co/edit/phYdDsD0c4jkvpl2F2JM?p=preview, а затем делать все, что душе угодно, для создания легенды HTML
@RobSchmuecker, если у вас есть время, приведите, пожалуйста, один пример, как добавить пользовательскую легенду к этой круговой диаграмме, например, «программное обеспечение», а тип маркера - квадратный?

Web Master · Answer 1 · 2015-09-15T08-17-00.000Z

К сожалению, это невозможно. У меня точно такая же проблема. Единственный способ - это отключить легенду - legend: 'none' и сделать это сами. Подробности здесь: манипуляции с графикой диаграмм Google

лучше использовать d3 для диаграмм вместо диаграмм Google, я достиг того, что хотел, используя d3