Browse Source

Renderer Variablen disabled/enabled #5

makro_datasrc
Daniel Quathamer 2 years ago
parent
commit
4152c7121a
  1. 6
      src-modules/module/viz/conf/viz.xml
  2. 59
      superx/xml/js/viz/viz_functions.js
  3. 78
      superx/xml/viz_html_chart.xsl

6
src-modules/module/viz/conf/viz.xml

@ -359,10 +359,10 @@ parent="Masken verwalten">Abfragen zur Administration von Visualisierungen </the @@ -359,10 +359,10 @@ parent="Masken verwalten">Abfragen zur Administration von Visualisierungen </the
<loadtable refresh="true" delimiter="^" header="false" tabname="viz_property_input_type"><file path="$VIZ_PFAD/schluesseltabellen/viz_property_input_type.unl"/></loadtable>
<loadtable refresh="true" delimiter="^" header="false" tabname="viz_property_group"><file path="$VIZ_PFAD/schluesseltabellen/viz_property_group.unl"/></loadtable>
<loadtable refresh="true" delimiter="^" header="false" tabname="viz_renderer"><file path="$VIZ_PFAD/schluesseltabellen/viz_renderer.unl"/></loadtable>
<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/sachgebiete_fuellen.sql" database=""/>
<!--
<loadtable refresh="true" delimiter="^" header="false" tabname="viz_type_type"><file path="$VIZ_PFAD/schluesseltabellen/viz_type_type.unl"/></loadtable>
<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/sachgebiete_fuellen.sql" database=""/>
<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/viz_type_fuellen.sql" database=""/>
-->
<!--<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/sx_jobs_fuellen.sql" database=""/>-->
@ -378,7 +378,7 @@ parent="Masken verwalten">Abfragen zur Administration von Visualisierungen </the @@ -378,7 +378,7 @@ parent="Masken verwalten">Abfragen zur Administration von Visualisierungen </the
<upgrade-step>
<action error="stop">
<loadtable refresh="true" delimiter="^" header="false" tabname="viz_type"><file path="$VIZ_PFAD/schluesseltabellen/viz_type.unl"/></loadtable>
<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/sachgebiete_fuellen.sql" database=""/>
</action>
<action error="stop">
<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/sx_stylesheets_einfuegen.sql" database=""/>

59
superx/xml/js/viz/viz_functions.js

@ -571,7 +571,7 @@ function renderChartPropertyField(commonChartProperty) @@ -571,7 +571,7 @@ function renderChartPropertyField(commonChartProperty)
selElem.id=commonChartProperty.name;
selElem.title=commonChartProperty.explanation;
//selElem.style="width:50px";
if(commonChartProperty.rendererUniquename=="")
if(commonChartProperty.variableName=="")
{
selElem.disabled="disabled";
selElem.readonly="readonly";
@ -590,7 +590,7 @@ function renderChartPropertyField(commonChartProperty) @@ -590,7 +590,7 @@ function renderChartPropertyField(commonChartProperty)
const textAreaElem = document.createElement("textarea");
textAreaElem.cols="20";
textAreaElem.rows=3;
if(commonChartProperty.rendererUniquename=="")
if(commonChartProperty.variableName=="")
{
textAreaElem.disabled="disabled";
textAreaElem.readonly="readonly";
@ -608,17 +608,23 @@ function renderChartPropertyField(commonChartProperty) @@ -608,17 +608,23 @@ function renderChartPropertyField(commonChartProperty)
break;
case "RANGE":
//Einfaches Texteingabefeld:
//Schieberegler:
const rangeElem = document.createElement("input");
rangeElem.type="RANGE";
rangeElem.min=commonChartProperty.range_from;
rangeElem.max=commonChartProperty.range_to;
rangeElem.step=50;
if(commonChartProperty.rendererUniquename=="")
rangeElem.type="NUMBER";
rangeElem.size=5;
if(commonChartProperty.variableName=="")
{
rangeElem.disabled="disabled";
rangeElem.readonly="readonly";
}
/* klappt noch nicht:
rangeElem.type="RANGE";
rangeElem.min=commonChartProperty.range_from;
rangeElem.max=commonChartProperty.range_to;
rangeElem.step=50;
*/
rangeElem.title=commonChartProperty.explanation;
rangeElem.name=commonChartProperty.name;
rangeElem.id=commonChartProperty.name;
@ -634,7 +640,7 @@ function renderChartPropertyField(commonChartProperty) @@ -634,7 +640,7 @@ function renderChartPropertyField(commonChartProperty)
const inpElem = document.createElement("input");
inpElem.type="TEXT";
inpElem.size=5;
if(commonChartProperty.rendererUniquename=="")
if(commonChartProperty.variableName=="")
{
inpElem.disabled="disabled";
inpElem.readonly="readonly";
@ -1007,7 +1013,7 @@ function getChartOptions(categoryDim,measureDim,marksArray,chartOrientationVerti @@ -1007,7 +1013,7 @@ function getChartOptions(categoryDim,measureDim,marksArray,chartOrientationVerti
var measureDim=document.getElementById("measure1").value;
var fontSizeDefault=getCommonChartProperty("fontSize")+"pt";
var myCaption=getCommonChartProperty("chartCaption");
var chartWidth=getCommonChartProperty("chartWidth");
var chartWidth=getCommonChartProperty("width");
var myFontFamily=getCommonChartProperty("font-family");
var myBgColor=getCommonChartProperty("background-color");
var myColor=getCommonChartProperty("color");
@ -1019,10 +1025,10 @@ function getChartOptions(categoryDim,measureDim,marksArray,chartOrientationVerti @@ -1019,10 +1025,10 @@ function getChartOptions(categoryDim,measureDim,marksArray,chartOrientationVerti
for(var k=0;k < commonChartProperties.length;k++)
{
if(commonChartProperties[k].name!="" && (commonChartProperties[k].groupUniquename=="STYLE"
if(commonChartProperties[k].variableName!="" && (commonChartProperties[k].groupUniquename=="STYLE"
|| commonChartProperties[k].groupUniquename=="LAYOUT"))
{
stylesString+=",\""+commonChartProperties[k].name+"\":\""+getCommonChartProperty(commonChartProperties[k].name)+"\"";
stylesString+=",\""+commonChartProperties[k].variableName+"\":\""+getCommonChartProperty(commonChartProperties[k].name)+"\"";
}
}
@ -1090,22 +1096,38 @@ function makeBarX(chartDivElem,selectionRs) { @@ -1090,22 +1096,38 @@ function makeBarX(chartDivElem,selectionRs) {
var marksArray=new Array();
if(fillDim=="")
marksArray[0]=Plot.barX(selectionRs,
Plot.sort("rownr",
{
x: measureDim,
y: categoryDim,
fill: "blue"
});
})
);
else
marksArray[0]=Plot.barX(selectionRs,
{
{
x: measureDim,
y: categoryDim,
//sort: {y: "rownr"},
fill: fillDim
});
})
;
var options= getChartOptions(categoryDim,measureDim,marksArray,false);
document.getElementById(chartDivElem).appendChild(Plot.plot(options));
/* var svgPlot=Plot.plot({
y: {
domain: d3.sort(selectionRs, d => -d.rownr).map(d => d.dimension1Value)
},
x: {
grid: true
},
marks: [
Plot.barX(selectionRs, {x: measureDim, y: categoryDim})
]
});*/
var svgPlot=Plot.plot(options);
document.getElementById(chartDivElem).appendChild(svgPlot);
}
function makeBarY(chartDivElem,selectionRs) {
var categoryDim=document.getElementById("viz_dimension1").value;
@ -1145,11 +1167,12 @@ function makeLine(chartDivElem,selectionRs) { @@ -1145,11 +1167,12 @@ function makeLine(chartDivElem,selectionRs) {
x: categoryDim,
curve: "linear"
});
marksArray[1]=Plot.dot(rs,
marksArray[1]=Plot.dot(selectionRs,
{
y: measureDim,
x: categoryDim
});
marksArray[2]=Plot.ruleY([0]);
var options= getChartOptions(categoryDim,measureDim,marksArray,true);

78
superx/xml/viz_html_chart.xsl

@ -1715,84 +1715,6 @@ rs.push(new dataRow(</xsl:text><xsl:value-of select="$rownr"/> @@ -1715,84 +1715,6 @@ rs.push(new dataRow(</xsl:text><xsl:value-of select="$rownr"/>
</div>
<div id="chartPropertiesForm"> <!--style="visibility:hidden" class="section"--></div>
<!--Ende Formular Allg. Layoutmerkmale-->
<!--<div class="field is-grouped">
<div class="label-container">
<label class="label is-required is-small">Kategorie-Dimension</label>
</div>
<div class="field is-active">
<p class="control-new">
<div class="select is-small is-fullwidth">
<select class="maskinputPflicht" id="measure1" name="measure1">
<option class="maskinput" value="" selected="selected">Bitte wählen Sie</option>
</select>
</div>
</p>
</div>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="info" onclick="window.open('https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');">
<figure class="image is-24x24">
<img src="../images/information_grey_liberation.svg" />
</figure>
</span>
</div>
<div class="field is-grouped">
<div class="label-container">
<label class="label is-required is-small">Maß</label>
</div>
<div class="field is-active">
<p class="control-new">
<div class="select is-small is-fullwidth">
<select class="maskinputPflicht" id="measure1" name="measure1">
<option class="maskinput" value="" selected="selected">Bitte wählen Sie</option>
</select>
</div>
</p>
</div>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="info" onclick="window.open('https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');">
<figure class="image is-24x24">
<img src="../images/information_grey_liberation.svg" />
</figure>
</span>
</div> -->
<!--<div class="field is-grouped">
<div class="label-container">
<label class="label is-required is-small">Serien-Dimension</label>
</div>
<div class="field is-active">
<p class="control-new">
<div class="select is-small is-fullwidth">
<select class="maskinputPflicht" id="measure1" name="measure1" tabindex="220"
<option class="maskinput" value="" selected="selected">Bitte wählen Sie</option>
</select>
</div>
</p>
</div>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="info" onclick="window.open('https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');">
<figure class="image is-24x24">
<img src="../images/information_grey_liberation.svg" />
</figure>
</span>
</div>-->
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>

Loading…
Cancel
Save