5 Replies Latest reply: Aug 3, 2012 1:22 PM by 929464 RSS

    Gauge size: ADF data Visualization

    929464
      Hello,

      I have dvt Gauge whose dimensions should be like inlineStyle="width:80px; height:40px;" . With the following dimensions , I am unable to display the metric values(minValue,maxValue,Value) against the gauge. The gauge is alone displayed in a constricted manner with no values seen.

      Please let me know how I may resize the gauge to shrink the size along with values(minValue,maxValue,value) shown against it.

      Thank You
        • 1. Re: Gauge size: ADF data Visualization
          452071
          Hello,

          Try using the dynamicResize property.

          Juan Camilo
          • 2. Re: Gauge size: ADF data Visualization
            929464
            Thanks for your reply. DynamicResize didnot help me. It wouldn't even render my component at runtime.
            Note: the Gauge is inside a Declarative component.

            I have almost tried all kinds of combinations : (with inlinestyle , dynamixresize),( without inlinestyle, dynamic resize) , (only inline style),(only dynamicResize) etc
            By with inline Style, I mean : fixed width and height in pixels .

            Thank You
            • 3. Re: Gauge size: ADF data Visualization
              Arunkumar Ramamoorthy-Oracle
              Hi,

              Try reducing the font size etc by skinning.

              http://docs.oracle.com/cd/E16162_01/apirefs.1112/e17498/toc.htm

              -Arun
              • 4. Re: Gauge size: ADF data Visualization
                929464
                af|dvt-gauge.customLayout{

                font-family: Arial, Helvetica, sans-serif;
                font-size: 1.0%;
                visibility: visible;
                text-align: center;
                max-font-size: 1.0px;
                }

                with inline style as width:40px; height:30.0px;

                The gauge shrinks, but never shows the numbering scale or the value.
                - The gauge size (i.e width, height) could only be controlled by inlineStyle of gauge component. I tried setting the max-width, max-height, Height settings of Skin but it din't work . So I had to shrink the gauge via inline Style
                - max-font-size: 1.0px; or any number din't show a difference
                - font-size: 1.0%; I have tried in px with different numbers- No effect on the gauge scale

                Please let me know how skinning can help
                • 5. Re: Gauge size: ADF data Visualization
                  929464
                  Got it !
                  Here is the solution ::

                  <dvt:gauge id="gauge1" gaugeType="STATUSMETER"
                  contentDelivery="immediate"
                  shortDesc="dvt" value="#{attrs.gaugeInput}" minValue="-500"
                  maxValue="500"
                  inlineStyle="width:77px; height:37px;">

                  <dvt:bottomLabel position="LP_INSIDE_GAUGE">
                  <dvt:gaugeFont size="3"/>
                  </dvt:bottomLabel>
                  <dvt:metricLabel>
                  <dvt:numberFormat scaleFactor="SCALEFACTOR_NONE"/>
                  <dvt:gaugeFont size="10"/>
                  </dvt:metricLabel>
                  <dvt:gaugeLegendText>
                  <dvt:gaugeFont size="3"/>
                  </dvt:gaugeLegendText>
                  <dvt:tickLabel position="TLP_EXTERIOR" >
                  <dvt:gaugeFont size="8"/>
                  </dvt:tickLabel>
                  </dvt:gauge>