<div class="popover" style="z-index:2100;">
  <div class="arrow"></div>

  <div class="row">
    <div class="col-md-12">
      <input
        type="text"
        style="min-width:150px;"
        class="form-control"
        ng-model="chartOpt.title.text"
        placeholder="{{ 'configChart.title' | translate }}"
      />
    </div>
    <div
      class="col-md-12"
      ng-hide="labelVisible || chartOpt.affichage !== 'graph' "
    >
      <input
        type="text"
        style="min-width:150px;"
        class="form-control"
        ng-model="chartOpt.chart.xAxis.axisLabel"
        placeholder="{{ 'configChart.xAxis' | translate }}"
      />
    </div>
    <div
      class="col-md-12"
      ng-hide="labelVisible || chartOpt.affichage !== 'graph' "
    >
      <input
        type="text"
        style="min-width:150px;"
        class="form-control"
        ng-model="chartOpt.chart.yAxis.axisLabel"
        placeholder="{{ 'configChart.yAxis' | translate }}"
      />
    </div>
    <br />
    <div
      class="col-md-12"
      ng-show="(configChart.choice.type === 'discreteBarChart' || configChart.choice.type === 'multiBarChart') && chartOpt.affichage === 'graph' "
    >
      <!--input type="checkbox" ng-model="chartOpt.chart.axisType" ng-true-value="number" ng-false-value="percent" checked> 
	    {{ chartOpt.chart.axisType ? 'configChart.axisTypeNbr' :  'configChart.axisTypePr' | translate }}<br/-->
      <span>
        <input
          type="radio"
          ng-model="chartOpt.chart.axisType"
          value="percent"
        />
        {{ 'configChart.axisTypePr' | translate }}
      </span>
      <span>
        <input type="radio" ng-model="chartOpt.chart.axisType" value="number" />
        {{ 'configChart.axisTypeNbr' | translate }} </span
      ><br />
    </div>
    <div
      class="col-md-12"
      ng-show="labelVisible && chartOpt.affichage === 'graph' "
    >
      <!--input type="checkbox" ng-model="chartOpt.chart.labelType" ng-true-value="key" ng-false-value="percent" checked> {{chartOpt.chart.labelType}}<br/-->
      <span>
        <input type="radio" ng-model="chartOpt.chart.labelType" value="key" />
        {{ 'configChart.key' | translate }}
      </span>
      <span>
        <input
          type="radio"
          ng-model="chartOpt.chart.labelType"
          value="percent"
        />
        {{ 'configChart.axisTypePr' | translate }} </span
      ><br />
    </div>
    <div
      class="col-md-12"
      ng-show="donutVisible && chartOpt.affichage === 'graph'"
    >
      <input type="checkbox" ng-model="chartOpt.chart.donut" ng-value="true" />
      donut <br />
    </div>
    <div
      class="col-md-12"
      ng-show="legendVisible && chartOpt.affichage === 'graph'"
    >
      <input
        type="checkbox"
        ng-model="chartOpt.chart.showLegend"
        ng-value="false"
        checked
      />
      legend <br />
    </div>
    <div
      class="col-md-12"
      ng-show="legendVisibleForMultiBar && chartOpt.affichage === 'graph'"
    >
      <input
        type="checkbox"
        ng-model="attrChoices.total"
        ng-value="true"
        checked
      />
      {{ !attrChoices.total ? 'chart.Pourcentage' : 'chart.PourcentageTotale' |
      translate }} <br />
    </div>
    <div
      class="col-md-12"
      ng-show="sommeVisiblelineStack && chartOpt.affichage === 'graph' "
    >
      <input
        type="checkbox"
        ng-model="attrChoices.total"
        ng-value="true"
        checked
      />
      {{ !attrChoices.total ? 'chart.unique' : 'chart.somme' | translate }}
      <br />
    </div>
  </div>
</div>
