Printing AnyGantt creates black background color

Question

I use a customized AnyGantt chart. When I try to print it on a page A3 I get a mean issue with the background color. It becomes black. The Chart itself looks good.
When I try the same with examples from AnyChart.com the no black background appears. I don't see a difference.
The black background occurs with my PDF Creator, my real printer and if I save it as a picture.
Example application: http://apex.oracle.com/pls/apex/f?p=ANYGANTT_PROBLEM:1
If you add my source code as XML data you should see a nice Gantt diagram with damn printing problems!
Here is my source code:
<?xml version = "1.0" encoding="UTF-8" standalone = "yes"?>
<anygantt>
  <settings>
    <print mode="SinglePage">
       <margin left="10" top="80" bottom="20" right="10" />
    </print>
    <navigation enabled="True" position="Top" size="30">
       <buttons collapse_expand_button="false" align="Far"/>
          <text>AU 2011</text>
          <font face="Verdana" size="10" bold="true" color="White"/>
          <background>
             <fill type="Gradient">
                <gradient>
                   <key color="#B0B0B0" position="0"/>
                   <key color="#A0A0A0" position="0.3"/>
                   <key color="#999999" position="0.5"/>
                   <key color="#A0A0A0" position="0.7"/>
                   <key color="#B0B0B0" position="1"/>
                </gradient>
             </fill>
             <border type="Solid" color="#494949"/>
          </background>
    </navigation>
  </settings>
  <styles>
    <defaults>
      <period>
        <period_style>
          <tooltip>
            <text>
Description: {%activity}
Time: {%start} - {%end}
            </text>
          </tooltip>
        </period_style>
     </period>
   </defaults>
   <period_styles>
      <period_style name="1"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#64b1db"></fill><border enabled="true" color="#4983a3"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
      <period_style name="2"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#eaac85"></fill><border enabled="true" color="#c4896f"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
      <period_style name="5"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#337d1c"></fill><border enabled="true" color="#1a3e0e"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
      <period_style name="6"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#56d7bf"></fill><border enabled="true" color="#49a386"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
      <period_style name="7"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#ef9c34"></fill><border enabled="true" color="#a05f0d"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
      <period_style name="8"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#d043c3"></fill><border enabled="true" color="#7e2075"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
      <period_style name="9"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#cccd18"></fill><border enabled="true" color="#767713"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
      <period_style name="10"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#87aa22"></fill><border enabled="true" color="#617a1a"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
      <period_style name="11"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#124c87"></fill><border enabled="true" color="#0d3a68"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
   </period_styles>
</styles>
  <timeline>
    <plot line_height="50" item_height="44" item_padding="3"/>
    <scale start="2011.2.1" end="2012.2.1" >
      <patterns>
        <years>
          <pattern>%yyyy</pattern>
        </years>
        <months>
          <pattern>%MMMM</pattern>
          <pattern is_lower="true">%MMMM</pattern>
        </months>
        <weeks>
          <pattern>KW %e</pattern>
          <pattern is_lower="true">KW %e</pattern>
        </weeks>
        <days>
          <pattern>%dd</pattern>
          <pattern is_lower="true">%dd</pattern>
        </days>
      </patterns>
      <zoom>
        <maximum date_unit="Month" pixels="180" />
      </zoom>
    </scale>
  </timeline>
  <datagrid enabled="true" width="180">
      <columns>
        <column width="180" cell_align="Left">
            <header><text>Categories</text></header>
            <format>{%Name}</format>
        </column>
    </columns>
  </datagrid>
  <resource_chart>
    <resources>
      <resource name="AA" id="102"><attributes><attribute name="code">Das Test Test Test Test für Test Test Test im Jahr</attribute></attributes></resource>
      <resource name="BB WP" id="103"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="CC SP" id="104"><attributes><attribute name="code">Test SP</attribute></attributes></resource>
      <resource name="DD" id="105"><attributes><attribute name="code">Test</attribute></attributes></resource>
      <resource name="EE" id="106"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="FF" id="107"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="GG" id="108"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="HH" id="109"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="II" id="110"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="MM" id="111"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="NN" id="112"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="KK" id="113"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="RR" id="114"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="TT / PR" id="115"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="SS" id="116"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="XX" id="117"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="ZZ" id="118"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="QQ" id="119"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="Test (1)" id="120"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="Test (2)" id="121"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="Test (3)" id="122"><attributes><attribute name="code"></attribute></attributes></resource>
      <resource name="Test (4)" id="123"><attributes><attribute name="code"></attribute></attributes></resource>
    </resources>
    <periods>
      <period resource_id="104" name="112" start="2012.1.30" end="2012.2.26" style="8"><attributes><attribute name="activity">asdsadasdsad</attribute><attribute name="anzeige_text">666666</attribute></attributes></period>
      <period resource_id="106" name="118" start="2011.2.18" end="2011.3.9" style="1"><attributes><attribute name="activity">asdfasdfsadf </attribute><attribute name="anzeige_text">234324324234</attribute></attributes></period>
      <period resource_id="105" name="117" start="2011.4.18" end="2011.4.9" style="1"><attributes><attribute name="activity">asdfasdfasdf -</attribute><attribute name="anzeige_text">345435435</attribute></attributes></period>
      <period resource_id="107" name="120" start="2011.1.18" end="2011.2.9" style="1"><attributes><attribute name="activity">adfasdfsdaf</attribute><attribute name="anzeige_text">4534535435</attribute></attributes></period>
      <period resource_id="104" name="111" start="2011.2.28" end="2011.8.28" style="2"><attributes><attribute name="activity">afesdfsf</attribute><attribute name="anzeige_text">G33333t</attribute></attributes></period>
      <period resource_id="104" name="110" start="2011.1.31" end="2011.2.27" style="7"><attributes><attribute name="activity">Vadfsdfsdf</attribute><attribute name="anzeige_text">1111222</attribute></attributes></period>
      <period resource_id="105" name="114" start="2011.1.3" end="2011.1.17" style="9"><attributes><attribute name="activity">adsfsdf</attribute><attribute name="anzeige_text">9999</attribute></attributes></period>
      <period resource_id="109" name="121" start="2011.1.3" end="2011.1.17" style="1"><attributes><attribute name="activity">adfsfddsafe_text">99997777</attribute></attributes></period>
      <period resource_id="108" name="116" start="2011.1.3" end="2011.1.17" style="9"><attributes><attribute name="activity">aedsfasdf </attribute><attribute name="anzeige_text">9999</attribute></attributes></period>
      <period resource_id="106" name="115" start="2011.1.3" end="2011.1.17" style="9"><attributes><attribute name="activity">adfsf </attribute><attribute name="anzeige_text">*1231237,95 €</attribute></attributes></period>
      <period resource_id="105" name="119" start="2011.2.10" end="2011.3.6" style="1"><attributes><attribute name="activity">999 - 06.03</attribute></attributes></period>
      <period resource_id="102" name="106" start="2011.6.15" end="2011.8.29" style="1"><attributes><attribute name="activity">Soasdfasdfext">Sommerlaune</attribute></attributes></period>
      <period resource_id="102" name="113" start="2011.8.30" end="2011.12.23" style="2"><attributes><attribute name="activity">Eiasdasdttribute</attribute><attribute name="anzeige_text">888888</attribute></attributes></period>
      <period resource_id="102" name="105" start="2011.3.30" end="2011.6.14" style="2"><attributes><attribute name="activity">FamasdsadW 23</attribute><attribute name="anzeige_text">88 +77</attribute></attributes></period>
      <period resource_id="115" name="125" start="2011.5.30" end="2011.7.14" style="11"><attributes><attribute name="activity">Familsdasdofrost* - </attribute><attribute name="anzeige_text">999</attribute></attributes></period>
      <period resource_id="103" name="108" start="2011.8.1" end="2011.8.28" style="6"><attributes><attribute name="activity">Verasdasdung WP</attribute><attribute name="anzeige_text">333</attribute></attributes></period>
      <period resource_id="103" name="109" start="2011.8.29" end="2012.3.4" style="5"><attributes><attribute name="activity">Güsdsadkeit</attribute><attribute name="anzeige_text">11133</attribute></attributes></period>
      <period resource_id="109" name="122" start="2011.10.7" end="2011.12.29" style="8"><attributes><attribute name="activity">Osasdasdkte - </attribute><attribute name="anzeige_text">111</attribute></attributes></period>
      <period resource_id="115" name="124" start="2011.1.18" end="2011.3.29" style="10"><attributes><attribute name="activity">Leicasdasdnährung - </attribute><attribute name="anzeige_text">234324</attribute></attributes></period>
      <period resource_id="102" name="104" start="2011.1.18" end="2011.3.29" style="1"><attributes><attribute name="activity">ssa in den asfasfen FrühlsfsafKW 12</attribute><attribute name="anzeige_text">2222</attribute></attributes></period>
      <period resource_id="112" name="123" start="2011.1.18" end="2011.3.29" style="2"><attributes><attribute name="activity">soasfosfasfthlon - </attribute><attribute name="anzeige_text">9999</attribute></attributes></period>
      <period resource_id="103" name="107" start="2011.1.3" end="2011.2.27" style="5"><attributes><attribute name="activity">Gülasdfrteilung - Gasfasf Vasdeilung</attribute><attribute name="anzeige_text">123123</attribute></attributes></period>
    </periods>
  </resource_chart>
  </anygantt>Edited by: Tobias Arnhold on Feb 3, 2011 11:28 AM

Answer 1

For your information. I opened a ticket by AnyChart:
Hi AnyChart-team!
I have a huge problem with printing an AnyGantt chart.
The description of problem:
When I use the following syntax in my style section:
  <styles>
   <period_styles>
    <period_style name="p1">
      <bar_style>
        <labels>
          <label>
            <text>{%start}</text>
            <font color="Black" />
          </label>
        </labels>
        <middle shape="Full">
          <fill enabled="true" type="Solid" color="DarkSeaGreen" />
          <border enabled="true" color="#656565" />
        </middle>
      </bar_style>
        </period_style>
    </period_styles>
  </styles>The print output crashes with the effect that some shapes are not visible anymore. If I use no Label styles then it works:
  <styles>
   <period_styles>
    <period_style name="p1">
      <bar_style>
        <middle shape="Full">
          <fill enabled="true" type="Solid" color="DarkSeaGreen" />
          <border enabled="true" color="#656565" />
        </middle>
      </bar_style>
        </period_style>
    </period_styles>
  </styles>I came along another issue with an old Flash Player version and tried the newest one: 10,1,102,64
Then this issue came up. In the older version: 10,8,84 it worked without any issues.
The PDF: Flash.pdf shows the problem.
I do not understand the black background color inside the PDF either?
XML file with all settings that cause the problem: Example from http://www.anychart.com/products/anygantt/docs/users-guide/index.html (Visual Settings)
<anygantt>
  <styles>
   <period_styles>
    <period_style name="p1">
      <bar_style>
        <labels>
          <label>
            <text>{%start}</text>
            <font color="Black" />
          </label>
        </labels>
        <middle shape="Full">
          <fill enabled="true" type="Solid" color="DarkSeaGreen" />
          <border enabled="true" color="#656565" />
        </middle>
      </bar_style>
        </period_style>
    </period_styles>
  </styles>
  <resource_chart>
    <resources>
      <resource id="res_1" name="Resource 1"/>
      <resource id="res_2" name="Resource 2"/>
      <resource id="res_3" name="Resource 3"/>
      <resource id="res_4" name="Resource 4"/>
    </resources>
    <periods use_hand_cursor="false">
      <period resource_id="res_1" start="2008.01.13" end="2008.04.25" style="p1"/>
      <period resource_id="res_1" start="2008.06.01" end="2008.11.29" style="p1"/>
      <period resource_id="res_2" start="2008.03.18" end="2008.08.14" style="p1"/>
      <period resource_id="res_2" start="2008.09.10" end="2008.12.18" style="p1"/>
      <period resource_id="res_3" start="2008.01.22" end="2008.04.29" style="p1"/>
      <period resource_id="res_3" start="2008.06.03" end="2008.08.14" style="p1"/>
      <period resource_id="res_3" start="2008.09.02" end="2008.12.07" style="p1"/>
      <period resource_id="res_4" start="2008.02.27" end="2008.11.01" style="p1"/>
    </periods>
  </resource_chart>
  <datagrid width="136">
    <columns>
      <column width="30">
        <header>
          <text>#</text>
        </header>
        <format>{%RowNum}</format>
      </column>
      <column attribute_name="Name" width="100">
        <header>
          <text>Resource</text>
        </header>
        <format>{%Name}</format>
      </column>
    </columns>
  </datagrid>
  <timeline>
    <scale start="2008.01.01." end="2009.01.01"/>
    <plot line_height="30" item_height="20" item_padding="5"/>
  </timeline>
  <settings>
    <background enabled="false"/>
    <navigation>
      <buttons collapse_expand_button="false"/>
    </navigation>
  </settings>
</anygantt>
Version of product that you're using:
AnyGantt 4.1.0
Adobe Flash Player 10,1,102,64
Answer:
Tobias,
we are working on the several printing issues now and will be releasing a new version in a week or two, I hope this bug will be fixed too.
Have a good day,
AnyChart
Edited by: Tobias Arnhold on Feb 4, 2011 9:38 AM