<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Problem rendering grid in 3d amchart]]></title><description><![CDATA[<p dir="auto">hello<br />
i try to make a simple serial chart to work as 3d but the grids behind the bars are rendered as 3d and it looks really confusing.</p>
<pre><code>&lt;ma-point-query query="{name:'Module Daily Energy 01'}" limit="1" points="points2"&gt;&lt;/ma-point-query&gt;
                 &lt;ma-point-values points="points2" values="combined22" from="dateBar.from" to="dateBar.to" rollup="MAXIMUM" rendered="true" rollup-interval="1 DAYS"&gt;
          &lt;/ma-point-values&gt;

&lt;ma-serial-chart style="height: 400px; width: 100%" series-1-title="Energia Mensile Totale" values="combined22" points="points2" legend="true" default-type="column" export=true options='{
        "theme": "light",
        "type": "serial",
        "depth3D": 20,
         "angle": 30
        }'&gt;
        &lt;/ma-serial-chart&gt;
</code></pre>
<p dir="auto">the result is this one and you can see the white background white lines that are shwon as 3d<br />
<img src="https://camo.nodebb.org/3a1d9afaaa3684faf5561bb1425b904e8a980466?url=https%3A%2F%2Fi.imgur.com%2FYbCJkAk.png" alt="0_1533826405498_Screenshot_2018-08-09 View page - Innova Solare.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">In a basic 3d amchart example the grid is not like that <a href="https://www.amcharts.com/demos/3d-bar-chart/" rel="nofollow ugc">https://www.amcharts.com/demos/3d-bar-chart/</a><br />
I tried to change the grid alpha of ValueAxes and CategoryAxis via the options with "gridAlpha":1 but whatever is above 0 the alpha doesnt change<br />
I tried to change the amchart theme from light to dark but it deosnt work .. how do we switch amchart theme via mango ? because in the options the "theme": "black", is not working or any other theme</p>
<p dir="auto">And right now as i tried to export as jpg to post it here i realized that as soon as i click the download as button on upper right corner then suddenly the grid is render to normal and not as 3d and its like that which is correct<br />
<img src="https://camo.nodebb.org/1dcde093431b51160ccf63434dc1aa8ee9b30787?url=https%3A%2F%2Fi.imgur.com%2FnpnWmuv.png" alt="0_1533826786653_Screenshot_2018-08-09 View page - Innova Solare(1).png" class=" img-fluid img-markdown" /><br />
I tried to look in css and debug in files like<br />
/web/resources/amcharts-3.13/themes/patterns.js<br />
/web/resources/mango-2.0/SerialChart.js<br />
but couldnt find the cause ...<br />
As it seems its should be a conflict with some other mango class or whatever custom amchart initialisation you are making in mango<br />
Any idea ?<br />
thank you :)</p>
]]></description><link>https://forum.mango-os.com/topic/3707/problem-rendering-grid-in-3d-amchart</link><generator>RSS for Node</generator><lastBuildDate>Fri, 12 Jun 2026 11:38:45 GMT</lastBuildDate><atom:link href="https://forum.mango-os.com/topic/3707.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 09 Aug 2018 15:02:36 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Problem rendering grid in 3d amchart on Fri, 10 Aug 2018 16:15:10 GMT]]></title><description><![CDATA[<p dir="auto">Hi uelojazz,</p>
<p dir="auto">I can't say for sure what the cause is, but I was able to get it resolved by adding a styling to the gridlines to remove their fill opacity, like,</p>
<pre><code>&lt;style&gt;
    .amcharts-axis-grid {
        fill-opacity:0
    }
&lt;/style&gt;
</code></pre>
]]></description><link>https://forum.mango-os.com/post/19506</link><guid isPermaLink="true">https://forum.mango-os.com/post/19506</guid><dc:creator><![CDATA[phildunlap]]></dc:creator><pubDate>Fri, 10 Aug 2018 16:15:10 GMT</pubDate></item><item><title><![CDATA[Reply to Problem rendering grid in 3d amchart on Fri, 10 Aug 2018 02:32:00 GMT]]></title><description><![CDATA[<p dir="auto">I like the look of these 3D charts, How do you also add Axis tittles etc. to a chart like this? I cannot seem to get a 3D chart and the valueaxes: working at the same time with the option=</p>
]]></description><link>https://forum.mango-os.com/post/19499</link><guid isPermaLink="true">https://forum.mango-os.com/post/19499</guid><dc:creator><![CDATA[Pikey4]]></dc:creator><pubDate>Fri, 10 Aug 2018 02:32:00 GMT</pubDate></item></channel></rss>