Grafiktitel

</div>
	      </p>
	  </div>
	  <xsl:call-template name="Infobutton" />
	 
     </div>
</div>
    <span class="separator"> </span>
  <span class="separator"> </span>
 
  <div class="column">
        <div class="field is-grouped">
	  <div class="label-container">
	     <label class="label is-required is-small"><strong>Grafiktool</strong></label>
	  </div>
	  
	  <div class="field is-active">
	      <p class="control-new">
	       <div class="select is-small is-fullwidth">
	       <select class="maskinputPflicht" id="fldVizRenderer" NAME="fldVizRenderer" tabindex="1" onChange="resetChartPropertiesForm(this.value);" >
		<xsl:if test="$availableRendererPlot='true'">     
	       <option class="maskinput" value="plot" selected="selected">Observable Plot</option>
	       </xsl:if>
	       <xsl:if test="$availableRendererD3='true'">   
		    <option class="maskinput" value="d3js" >D3JS</option>
		    </xsl:if>
		
		 </select>
	       </div>
	      </p>
	  </div>
	  <xsl:call-template name="Infobutton" />
	 
     </div>
     
  </div>
</div>

<div class="columns">
<div class="column is-four-fifth">
    
   <div class="field is-grouped">
     <div class="label-container">
	     <label class="label is-required is-small"><strong>Grafikelemente</strong></label>
     </div> 
	  
     <span class="separator"> </span>
     <span class="separator"> </span>
     
     <a onClick="showChartPropertiesFormDiv('ChartElementsDiv','ChartElementListDiv',document.getElementById('fldVizRenderer').value);">					
	<span class="icon">
		<img src="../images/icons/more.svg" title="Laden" /> 
	</span>
     </a>	
   </div>
   
   <div id="ChartElementsDiv" style="display:none" class="box">
   
   <div class="field is-grouped">
      <div class="label-container">
	     <label class="label is-required is-small">Grafikelemente-Set</label>
      </div>
      
      
     
      <div id="ChartElementListFooterDiv"> <input class="is-small" type="text" size="1" name="vizElementCounter" id="vizElementCounter" value="0" readonly="readonly" style="background-color:#cccccc;"/> 
        <a onClick="createChartElementConfig1Form(document.getElementById('fldVizRenderer').value,null)">
		<img src="../images/plus-circled.svg" width="12" height="12" title="Neues Element anlegen" />
	</a>
   	<span class="separator"> </span>
	<a onClick="removeChartElementConfig()">
		<img src="../images/minus-circled.svg" width="12" height="12" title="Letztes Element entfernen" />
	</a>
      </div>
    </div>
  
    <div id="ChartElementConfig1Div"> </div>
    <div id="ChartElementConfig2Div"> </div>
    </div> 
    
    <div class="field is-grouped">
     <div class="label-container">
	     <label class="label is-required is-small"><strong>Layoutmerkmale</strong></label>
     </div>

<a onClick="showChartPropertiesFormDiv('generalChartPropertiesFormDiv','generalChartPropertiesFormElementsDiv',document.getElementById('fldVizRenderer').value);">					
	<span class="icon">
		<img src="../images/icons/more.svg" title="Laden" /> 
	</span>
     </a>
   </div>
   
   <div id="generalChartPropertiesFormDiv" style="display:none">
   	<div id="generalChartPropertiesFormElementsDiv"> </div>
   </div> 
    
     
    <div class="field is-grouped">
     <div class="label-container">
	     <label class="label is-required is-small"><strong>Quellcode</strong></label>
     </div>

Kopieren Laden

Grafikvorschau

Plot-Code

Grafikvorschau

Grafikcode (svg)

window.open('

','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');