• L
    leoboeng

    @mattfox Thank you for your comments. Could you change the code to work?

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • L
    leoboeng

    @phildunlap Hello, I put in single quotation marks but it also did not work. I am already editing the code from the example that appears, but the example only has 3 bands and I need 5. I am placing the closing} according to the original code that was posted in the 1st pruning.

    0_1526497546364_Capturar33.PNG

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • L
    leoboeng

    @jared-wiltshire I did it the way I did but it continues with the same error.

    0_1526392901116_Capturar2.PNG

    0_1526392921950_Capturar.PNG

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • L
    leoboeng

    Hello, I'm having trouble making a report with Excel, it follows error:

    0_1525458634852_fsfdf.PNG

    0_1525458823836_gdfgdgdf.PNG

    Report Setup:

    0_1525458713278_dasdasd.PNG

    0_1525458717965_fdsfsdfsd.PNG

    Thank you very much if anyone can help me.

    posted in Mango Automation general Discussion read more
  • L
    leoboeng

    Hi, I'm having trouble making a gauge, if anyone could help me I'd be grateful

    I'm trying to make a Gauge like this:

    0_1525451994242_amCharts (1).png

    His original code is as follows:

    var gaugeChart = AmCharts.makeChart( "chartdiv", {
      "type": "gauge",
      "theme": "light",
      "axes": [ {
        "axisThickness": 1,
        "axisAlpha": 0.2,
        "tickAlpha": 0.2,
        "valueInterval": 5,
        "bands": [ {
          "color": "#cc4748",
          "endValue": 191,
          "startValue": 180
        }, {
          "color": "#fdd400",
          "endValue": 202,
          "startValue": 191
        }, {
          "color": "#84b761",
          "endValue": 232,
          "innerRadius": "95%",
          "startValue": 202
        }, {
          "color": "#fdd400",
          "endValue": 232,
          "startValue": 234
        }, {
          "color": "#cc4748",
          "endValue": 260,
          "startValue": 234
        }],
        "bottomText": "0 km/h",
        "bottomTextYOffset": 0,
        "startValue":180,
        "endValue": 260
      } ],
      "arrows": [ {} ],
      "export": {
        "enabled": true
      }
    } )
    

    I'm doing the following:

    
        <ma-gauge-chart id="44cf2d0c-c777-41e0-b20d-ea11a3f9f0cb" style="position: absolute; width: 200px; height: 200px; left: 145px; top: 8px;" point-xid="DP_866585" start="180" end="260" options="{bands:" ></ma-gauge-chart>
    
    

    But it is not working, nothing is appearing. If I delete the part of the "options" a normal gauge appears, but when I put something nothing appears.

    With the "options" function:

    0_1525452542215_1231.PNG

    0_1525452551310_14332.PNG

    Without the "options" function:

    0_1525452570509_12314.PNG

    0_1525452575029_434242.PNG

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • L
    leoboeng

    Hello, I was trying to see other graphics and I could verify that some graphs of example also do not appear, I add values but nevertheless does not appear image.

    0_1525436537337_Capturar222.PNG

    Already add values to the Pie Chart and no picture appears.

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • L
    leoboeng

    @jared-wiltshire when I try to write the code in the format ma serial option is not appearing the columns of colors in the background. The graphic I'm trying to do is this:

    0_1525398782064_Capturar.PNG

    his original code is this:

    <script>
    var chart = AmCharts.makeChart( "chartdiv1", {
      "type": "serial",
      "theme": "dark",
      "autoMargins": false,
      "marginTop": 30,
      "marginLeft": 80,
      "marginBottom": 30,
      "marginRight": 50,
      "dataProvider": [ {
          } ],
      "valueAxes": [ {
        "maximum": 260,
        "minimum": 180,
        "stackType": "regular",
        "gridAlpha": 0
      } ],
      "startDuration": 1,
      "graphs": [ {
        "fillAlphas": 0.8,
        "lineColor": "#ff0000",
        "showBalloon": false,
        "type": "column",
        "valueField": "critica_baixa"
      }, {
        "fillAlphas": 0.8,
        "lineColor": "#fff100",
        "showBalloon": false,
        "type": "column",
        "valueField": "precaria_baixa"
      }, {
        "fillAlphas": 0.8,
        "lineColor": "#0aff00",
        "showBalloon": false,
        "type": "column",
        "valueField": "adequada"
      }, {
        "fillAlphas": 0.8,
        "lineColor": "#fff100",
        "showBalloon": false,
        "type": "column",
        "valueField": "precaria_alta"
      }, {
        "fillAlphas": 0.8,
        "lineColor": "#ff0000",
        "showBalloon": false,
        "type": "column",
        "valueField": "critica_alta"
      }, {
        "clustered": false,
        "columnWidth": 0.3,
        "fillAlphas": 1,
        "lineColor": "rgba(1, 1, 1, 0.6)",
        "stackable": false,
        "type": "column",
        "valueField": "bullet"
      }, {
        "columnWidth": 0.5,
        "lineColor": "#000000",
        "lineThickness": 3,
        "noStepRisers": true,
        "stackable": false,
        "type": "step",
        "valueField": "limit"
      } ],
      "rotate": true,
      "columnWidth": 1,
      "categoryField": "category",
      "categoryAxis": {
        "gridAlpha": 0,
        "position": "left"
      }
    } );
    </script>
    

    I'm trying the following way but nothing is showing up, you do not sew it in the bottom, nor value of variable, nothing, just a transparent square.

     <ma-serial-chart id="de1c751e-164b-4927-84d8-56c55399010b" style="position: absolute; width: 400px; height: 200px; left: 0px; top: 220px;" series-1-values="DP_866585Values" series-1-point="DP_866585" series-1-type="line" series-1-color="#ffaa00" legend="false" balloon="true" export="false" options="{ valueAxes:[{maximum:260, minimum:180}], graphs:[{type:column, valueField:191, lineColor:#ff0000},{type:column,valueField:11},{type:column, valueField:30},{type:column, valueField:30},{type:column, valueField:2},{type:column, valueField:2}]}"></ma-serial-chart>
    

    this is what appears:

    0_1525399699176_Capturar22.PNG

    And on the documentation I have read it but she talks a little about how to work on the Option part, not helping me much to put the configuration of the original code of the graph in a way that the software understands

    0_1525399149469_Captura2r.PNG

    What I could do was look at the other tickets and get an idea of how I could do

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • L
    leoboeng

    @jared-wiltshire I apologize for duplicating the questions and options that can be made through the Serial Graphics option function. But I'm not getting the information I'd like. Follow the code you would like to:

     <script>
    var chart = AmCharts.makeChart( "chartdiv1", {
      "type": "serial",
      "theme": "dark",
      "autoMargins": false,
      "marginTop": 30,
      "marginLeft": 80,
      "marginBottom": 30,
      "marginRight": 50,
      "dataProvider": [ {
          } ],
      "valueAxes": [ {
        "maximum": 260,
        "minimum": 180,
        "stackType": "regular",
        "gridAlpha": 0
      } ],
      "startDuration": 1,
      "graphs": [ {
        "fillAlphas": 0.8,
        "lineColor": "#ff0000",
        "showBalloon": false,
        "type": "column",
        "valueField": "critica_baixa"
      }, {
        "fillAlphas": 0.8,
        "lineColor": "#fff100",
        "showBalloon": false,
        "type": "column",
        "valueField": "precaria_baixa"
      }, {
        "fillAlphas": 0.8,
        "lineColor": "#0aff00",
        "showBalloon": false,
        "type": "column",
        "valueField": "adequada"
      }, {
        "fillAlphas": 0.8,
        "lineColor": "#fff100",
        "showBalloon": false,
        "type": "column",
        "valueField": "precaria_alta"
      }, {
        "fillAlphas": 0.8,
        "lineColor": "#ff0000",
        "showBalloon": false,
        "type": "column",
        "valueField": "critica_alta"
      }, {
        "clustered": false,
        "columnWidth": 0.3,
        "fillAlphas": 1,
        "lineColor": "rgba(1, 1, 1, 0.6)",
        "stackable": false,
        "type": "column",
        "valueField": "bullet"
      }, {
        "columnWidth": 0.5,
        "lineColor": "#000000",
        "lineThickness": 3,
        "noStepRisers": true,
        "stackable": false,
        "type": "step",
        "valueField": "limit"
      } ],
      "rotate": true,
      "columnWidth": 1,
      "categoryField": "category",
      "categoryAxis": {
        "gridAlpha": 0,
        "position": "left"
      }
    } );
    </script>
    

    I'm trying this way but it's not going:

        <ma-serial-chart id="de1c751e-164b-4927-84d8-56c55399010b" style="position: absolute; width: 400px; height: 200px; left: 0px; top: 220px;" series-1-values="DP_866585Values" series-1-point="DP_866585" series-1-type="line" series-1-color="#ffaa00" legend="false" balloon="true" export="false" options="{ valueAxes:[{maximum:260, minimum:180}], graphs:[{type:column, valueField:191, lineColor:#ff0000},{type:column,valueField:11},{type:column, valueField:30},{type:column, valueField:30},{type:column, valueField:2},{type:column, valueField:2}]}"></ma-serial-chart>
    

    Was there somewhere that would better explain that part of the option?

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • L
    leoboeng

    the type of chart I'm trying to add is this:

    <!-- Styles -->
        <style>
    body { background-color: #30303d; color: #fff; }
    #chartdiv {
      width: 100%;
      height: 500px;
    }					
    </style>
    
    <!-- Resources -->
        <script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
        <script src="https://www.amcharts.com/lib/3/serial.js"></script>
        <script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
        <link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all">
        <script src="https://www.amcharts.com/lib/3/themes/dark.js"></script>
    
    <!-- Chart code -->
        <script>
    var chart = AmCharts.makeChart( "chartdiv1", {
      "type": "serial",
      "theme": "dark",
      "autoMargins": false,
      "marginTop": 30,
      "marginLeft": 80,
      "marginBottom": 30,
      "marginRight": 50,
      "dataProvider": [ {
        "category": "Tensão Fase A",
        "critica_baixa": 191,
        "precaria_baixa": 11,
        "adequada": 30,
        "precaria_alta": 2,
        "critica_alta": 67,
        "bullet": 
      } ],
      "valueAxes": [ {
        "maximum": 260,
        "minimum": 180,
        "stackType": "regular",
        "gridAlpha": 0
      } ],
      "startDuration": 1,
      "graphs": [ {
        "fillAlphas": 0.8,
        "lineColor": "#ff0000",
        "showBalloon": false,
        "type": "column",
        "valueField": "critica_baixa"
      }, {
        "fillAlphas": 0.8,
        "lineColor": "#fff100",
        "showBalloon": false,
        "type": "column",
        "valueField": "precaria_baixa"
      }, {
        "fillAlphas": 0.8,
        "lineColor": "#0aff00",
        "showBalloon": false,
        "type": "column",
        "valueField": "adequada"
      }, {
        "fillAlphas": 0.8,
        "lineColor": "#fff100",
        "showBalloon": false,
        "type": "column",
        "valueField": "precaria_alta"
      }, {
        "fillAlphas": 0.8,
        "lineColor": "#ff0000",
        "showBalloon": false,
        "type": "column",
        "valueField": "critica_alta"
      }, {
        "clustered": false,
        "columnWidth": 0.3,
        "fillAlphas": 1,
        "lineColor": "#000000",
        "stackable": false,
        "type": "column",
        "valueField": "bullet"
      }, {
        "columnWidth": 0.5,
        "lineColor": "#000000",
        "lineThickness": 3,
        "noStepRisers": true,
        "stackable": false,
        "type": "step",
        "valueField": "limit"
      } ],
      "rotate": true,
      "columnWidth": 1,
      "categoryField": "category",
      "categoryAxis": {
        "gridAlpha": 0,
        "position": "left"
      }
    } );
    </script>
    
    <!-- HTML -->
        <div class="chart-block">
       <div id="chartdiv1" style="width: 100%; height: 220px;" point-xid="DP_866585"></div>
    </div>	
    

    In the variable Bullet wanted to enter with the value of the data point

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • L
    leoboeng

    Thank you, I have seen, but the graphics that you can create does not suit what I would like. I created one in AmChart but I can not add the value of a variable in the code.

    posted in Dashboard Designer & Custom AngularJS Pages read more