Exported SVG of Javscript-based Gantt chart has zero-width task bars

[mperez]

Hi,

 

I am using FusionWidgets XT (v3.3.1 - Service Release 2) (28th May, 2013) with Ruby on Rails version 3.0.19, Ruby version 1.9.2-p290

 

(for more details, please reference forum topic: http://forum.fusioncharts.com/topic/15081-server-side-export-javascript-rendered-gantt/)

 

When i try to export a javascript Gantt chart, the SVG sent back to the server has zero-width task bars. So when I transcode the SVG to PNG using Batik, the task bars are missing from the rendered image.

 

These are the attributes for my chart. Note that I must set taskBarFillMix to an empty string so that Batik does not choke on gradients.

<chart dateFormat="yyyy/mm/dd" outputDateFormat="mm/dd/yyyy"
  showTaskLabels="0" showPercentLabel="0" showSlackAsFill="0"
  useVerticalScrolling="1" manageResize="1" animation="1"
  exportEnabled="1" exportShowMenuItem="0"
  exportHandler="/downloads/gantt" html5ExportHandler="/downloads/gantt"
  taskBarFillMix="" taskBarFillRatio="">

attributes for my task bars

<task start="#{start_date}", end="#{end_date}" label="#{task_name}"
  color="#b2c8d9" processId="#{proc_name}" link="#{task_url}"

Some of my gantt charts have grouped tasks and those attributes are

<task start="#{start_date}" end=>"#{end_date}" label="#{group_name}"
  color="#000000" processId="#{proc_name}" showAsGroup=1 showLabel=0 topPadding="70%" showStartDate=1 showEndDate=1 />

Ruby on Rails controller

  

class DownloadsController < ApplicationController
 def gantt
  # grab only SVG. Drill down charts may wrap SVG in HTML
  svg_match = params[:stream].to_s.match(/<svg.*<\/svg>/)
  svg_text = svg_match[0] rescue params[:stream].to_s

  # fix invalid attribute values coming from FusionChart SVG
  svg_text.gsub!(/text-anchor=\"undefined\"/, "text-anchor='start'")
  svg_text.gsub!(/shape-rendering=\"default\"/, "shape-rendering='auto'")
  svg_text.gsub!(/visibility=\"\"/, "visibility='inherit'")

  # write sanitized SVG to temp file
  tempfile = Tempfile.new( ActiveSupport::SecureRandom.hex(16) )   tempfile.write(svg_text)

  # SVG to PNG using Batik
  output_name = Rails.root.join( "public", "exports", "gantt.png")
  width = svg_text.match(/width=\"[\d]+\"/)[0].match(/[\d]+/)[0].to_i
  exec_str = "java -jar #{batik_path} -m image/png -d #{output_name} -w #{width} #{tempfile.path}"
  return_val = system( exec_str )
 end
end

However, this fails to produce a useful PNG Gantt chart. The task bars are missing even though the Gantt chart in the client web browser looks perfect.

 

After some digging through the SVG itself, I found that the SVG returned from the chart on the client browser has zero-width task bars.

<rect x=\"2041.5\" y=\"163.5\" width=\"0\" height=\"9\" r=\"0\" rx=\"0\" ry=\"0\" fill=\"#b2c8d9\" stroke=\"#999999\" fill-opacity=\"1\" stroke-opacity=\"1\" stroke-width=\"1\" style=\"cursor: pointer;\"></rect>

<rect x=\"2243.5\" y=\"187.5\" width=\"0\" height=\"9\" r=\"0\" rx=\"0\" ry=\"0\" fill=\"#b2c8d9\" stroke=\"#999999\" fill-opacity=\"1\" stroke-opacity=\"1\" stroke-width=\"1\" style=\"cursor: pointer;\"></rect>

<rect x=\"2243.5\" y=\"211.5\" width=\"0\" height=\"9\" r=\"0\" rx=\"0\" ry=\"0\" fill=\"#b2c8d9\" stroke=\"#999999\" fill-opacity=\"1\" stroke-opacity=\"1\" stroke-width=\"1\" style=\"cursor: pointer;\"></rect>

<rect x=\"2243.5\" y=\"235.5\" width=\"0\" height=\"9\" r=\"0\" rx=\"0\" ry=\"0\" fill=\"#b2c8d9\" stroke=\"#999999\" fill-opacity=\"1\" stroke-opacity=\"1\" stroke-width=\"1\" style=\"cursor: pointer;\"></rect>

<rect x=\"2243.5\" y=\"259.5\" width=\"0\" height=\"9\" r=\"0\" rx=\"0\" ry=\"0\" fill=\"#b2c8d9\" stroke=\"#999999\" fill-opacity=\"1\" stroke-opacity=\"1\" stroke-width=\"1\" style=\"cursor: pointer;\"></rect>

<rect x=\"2243.5\" y=\"283.5\" width=\"0\" height=\"9\" r=\"0\" rx=\"0\" ry=\"0\" fill=\"#b2c8d9\" stroke=\"#999999\" fill-opacity=\"1\" stroke-opacity=\"1\" stroke-width=\"1\" style=\"cursor: pointer;\"></rect>

<rect x=\"2243.5\" y=\"307.5\" width=\"0\" height=\"9\" r=\"0\" rx=\"0\" ry=\"0\" fill=\"#b2c8d9\" stroke=\"#999999\" fill-opacity=\"1\" stroke-opacity=\"1\" stroke-width=\"1\" style=\"cursor: pointer;\"></rect>

 Also, the "r" attribute does not seem to mean anything for the rect element according the Mozilla Developer Network: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/r and https://developer.mozilla.org/en-US/docs/Web/SVG/Element/rect.

 

(for more details, please reference forum topic: http://forum.fusioncharts.com/topic/15081-server-side-export-javascript-rendered-gantt/)

 

 

I have attached the what the Gantt chart looks like in the web browser. The blue task bars and the black grouped task bar are missing when i export to PNG.

Edited August 27, 2013 by mperez

[Haritha]

Hi,

 

For testing purposes, can you please connect to "export.api3.fusioncharts.com"  instead of using Batik and check if your chart gets exported fine?

 

For connecting to export.api3, use only the attribute "exportEnabled" and set it to 1 and remove all the other export attributes.

 

Awaiting your response.

[mperez]

Haritha,

 

I have done as you said and now the PNG file coming back from export.api3.fusioncharts.com has the task bars in it. I even exported to SVG to get a pass-through of the SVG back to me. I looked in this SVG for the task bar <rect> elements. This time the width values are greater than zero.

 

However, this only works if I use the export menu that is rendered on the chart. I want to use a link on my webpage that triggers the following javascript in my webpage. 

function download_data() {
 var export_handler = '/downloads/gantt';

 // Get the most recently rendered chart in LinkedCharts (see Drill Down Charts in FusionCharts docs)
 var key = '';
 for( key in FusionCharts.items ) {
  // Loop to last chart in items array
  // Should be most recently rendered chart in LinkedCharts (see Drill Down Charts)
  console.log(key);
 }
 var chartObj = FusionCharts.items[key];

 if( chartObj.hasRendered() ) {
  chartObj.setChartAttribute({html5ExportHandler:export_handler,exportHandler:export_handler});
  chartObj.exportChart();
 } else {
  console.log("FusionChart.items['" + key + "'] not rendered and so cannot be served as SVG.");
 }
}

As I have mentioned before this is how i export other charts from FusionCharts XT(v3.2.2) SR3 (12th March, 2012). The Gantt is the first time I have done an export from FusionWidgets XT (v3.3.1 - Service Release 2) (28th May, 2013).

 

Maybe I am referencing the chart incorrectly in my javascript for this new version?

[mperez]

The reason i want to use my own export link, and therefore process the SVG to PNG on my own server, is because I include the PNG along with data tables into a PDF report that is generated and sent to the web browser as a download.

[Haritha]

Hi,

 

Please send us your entire sample of export to [email protected]

 

Also, you may consider using PhantomJS for your requirement. For information on the same, you may refer : http://blog.fusioncharts.com/2013/03/how-to-save-charts-as-images-at-server-side/

[mperez]

Here's the XML used to generate my gantt chart. I've added line breaks for readability

 

<chart caption="Project Schedule: By Contractor and Site" subcaption="Sun, Jun 23, 2013 to Fri, Jul 05, 2013" dateFormat="yyyy/mm/dd" outputDateFormat="mm/dd/yyyy" showTaskLabels="0" showPercentLabel="0" showSlackAsFill="0" animation="1" useVerticalScrolling="1" manageResize="1" taskBarFillMix="" taskBarFillRatio="" exportEnabled="1" exportShowMenuItem="0" exportHandler="/downloads/gantt" html5ExportHandler="/downloads/gantt" scrollToDate="June 23, 2013 00:00:00" ganttPaneDuration="13" ganttPaneDurationUnit="d">


  <categories><category start="2013/06/01" end="2013/06/30 23:59:59" label="June"/><category start="2013/07/01" end="2013/07/31 23:59:59" label="July"/></categories>

  <categories><category start="2013/06/23" end="2013/06/23 23:59:59" label="23"/><category start="2013/06/24" end="2013/06/24 23:59:59" label="24"/><category start="2013/06/25" end="2013/06/25 23:59:59" label="25"/><category start="2013/06/26" end="2013/06/26 23:59:59" label="26"/> <category start="2013/06/27" end="2013/06/27 23:59:59" label="27"/><category start="2013/06/28" end="2013/06/28 23:59:59" label="28"/><category start="2013/06/29" end="2013/06/29 23:59:59" label="29"/><category start="2013/06/30" end="2013/06/30 23:59:59" label="30"/><category start="2013/07/01" end="2013/07/01 23:59:59" label="01"/><category start="2013/07/02" end="2013/07/02 23:59:59" label="02"/><category start="2013/07/03" end="2013/07/03 23:59:59" label="03"/><category start="2013/07/04" end="2013/07/04 23:59:59" label="04"/><category start="2013/07/05" end="2013/07/05 23:59:59" label="05"/></categories>

  <categories><category start="2013/06/23" end="2013/06/23 23:59:59" label="S" bgColor="808080"/><category start="2013/06/24" end="2013/06/24 23:59:59" label="M"/><category start="2013/06/25" end="2013/06/25 23:59:59" label="T"/><category start="2013/06/26" end="2013/06/26 23:59:59" label="W"/><category start="2013/06/27" end="2013/06/27 23:59:59" label="T"/><category start="2013/06/28" end="2013/06/28 23:59:59" label="F"/><category start="2013/06/29" end="2013/06/29 23:59:59" label="S" bgColor="808080"/><category start="2013/06/30" end="2013/06/30 23:59:59" label="S" bgColor="808080"/><category start="2013/07/01" end="2013/07/01 23:59:59" label="M"/><category start="2013/07/02" end="2013/07/02 23:59:59" label="T"/><category start="2013/07/03" end="2013/07/03 23:59:59" label="W"/><category start="2013/07/04" end="2013/07/04 23:59:59" label="T"/><category start="2013/07/05" end="2013/07/05 23:59:59" label="F"/></categories>


  <processes fontSize="12" isBold="1" align="right" headerFontSize="18" headerVAlign="bottom" headerAlign="center" headerText="Contractor/Site"><process label="Company A" id="proc_3" bgColor="#000000" fontColor="#ffffff"/><process label="Site 01" id="proc_3_37"/><process label="Site 02" id="proc_3_33"/><process label="Site 03" id="proc_3_35"/><process label="Site 04" id="proc_3_36"/><process label="Site 05" id="proc_3_34"/><process label="Site 06" id="proc_3_32"/><process label="Site 07" id="proc_3_38"/><process label="Company B" id="proc_4" bgColor="#000000" fontColor="#ffffff"/><process label="Site 03" id="proc_4_35"/><process label="Site 04" id="proc_4_36"/><process label="Site 05" id="proc_4_34"/><process label="Site 06" id="proc_4_32"/><process label="Site 01" id="proc_4_37"/><process label="Site 07" id="proc_4_38"/><process label="Site 02" id="proc_4_33"/><process label="Company C" id="proc_5" bgColor="#000000" fontColor="#ffffff"/><process label="Site 03" id="proc_5_35"/><process label="Site 04" id="proc_5_36"/><process label="Site 05" id="proc_5_34"/><process label="Site 06" id="proc_5_32"/><process label="Site 01" id="proc_5_37"/><process label="Site 08" id="proc_5_40"/><process label="Site 07" id="proc_5_38"/><process label="Site 09" id="proc_5_39"/><process label="Site 02" id="proc_5_33"/><process label="Company X" id="proc_81" bgColor="#000000" fontColor="#ffffff"/><process label="Site 01" id="proc_81_37"/><process label="Site 03" id="proc_81_35"/><process label="Site 04" id="proc_81_36"/><process label="Site 05" id="proc_81_34"/><process label="Site 06" id="proc_81_32"/><process label="Site 07" id="proc_81_38"/><process label="Site 02" id="proc_81_33"/><process label="Company Y" id="proc_93" bgColor="#000000" fontColor="#ffffff"/><process label="Site 04" id="proc_93_36"/><process label="Site 05" id="proc_93_34"/><process label="Site 06" id="proc_93_32"/><process label="Site 01" id="proc_93_37"/><process label="Site 07" id="proc_93_38"/><process label="Site 02" id="proc_93_33"/><process label="Site 03" id="proc_93_35"/><process label="Company Z" id="proc_94" bgColor="#000000" fontColor="#ffffff"/><process label="Site 02" id="proc_94_33"/><process label="Site 03" id="proc_94_35"/><process label="Site 04" id="proc_94_36"/><process label="Site 05" id="proc_94_34"/><process label="Site 06" id="proc_94_32"/><process label="Site 01" id="proc_94_37"/><process label="Site 08" id="proc_94_40"/><process label="Site 07" id="proc_94_38"/><process label="Site 09" id="proc_94_39"/></processes>


  <tasks><task start="2013/06/28 00:00:00" end="2013/07/01 23:59:59" label="" processId="proc_3" showAsGroup="1" showLabel="0" topPadding="70%" showStartDate="1" showEndDate="1" color="#000000"/><task start="2013/06/28 00:00:00" end="2013/07/01 23:59:59" label="Site 01" color="B2C8D9" processId="proc_3_37" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=3&sid=37&tci=0"/><task start="2013/07/01 00:00:00" end="2013/07/01 23:59:59" label="Site 02" color="B2C8D9" processId="proc_3_33" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=3&sid=33&tci=0"/><task start="2013/07/01 00:00:00" end="2013/07/01 23:59:59" label="Site 03" color="B2C8D9" processId="proc_3_35" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=3&sid=35&tci=0"/><task start="2013/07/01 00:00:00" end="2013/07/01 23:59:59" label="Site 04" color="B2C8D9" processId="proc_3_36" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=3&sid=36&tci=0"/><task start="2013/07/01 00:00:00" end="2013/07/01 23:59:59" label="Site 05" color="B2C8D9" processId="proc_3_34" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=3&sid=34&tci=0"/><task start="2013/07/01 00:00:00" end="2013/07/01 23:59:59" label="Site 06" color="B2C8D9" processId="proc_3_32" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=3&sid=32&tci=0"/><task start="2013/07/01 00:00:00" end="2013/07/01 23:59:59" label="Site 07" color="B2C8D9" processId="proc_3_38" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=3&sid=38&tci=0"/><task start="2013/06/24 00:00:00" end="2013/07/04 23:59:59" label="Site 07" processId="proc_4" showAsGroup="1" showLabel="0" topPadding="70%" showStartDate="1" showEndDate="1" color="#000000"/><task start="2013/06/24 00:00:00" end="2013/07/04 23:59:59" label="Site 03" color="74796F" processId="proc_4_35" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=4&sid=35&tci=1"/><task start="2013/06/25 00:00:00" end="2013/07/04 23:59:59" label="Site 04" color="74796F" processId="proc_4_36" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=4&sid=36&tci=1"/><task start="2013/06/25 00:00:00" end="2013/07/04 23:59:59" label="Site 05" color="74796F" processId="proc_4_34" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=4&sid=34&tci=1"/><task start="2013/06/25 00:00:00" end="2013/07/04 23:59:59" label="Site 06" color="74796F" processId="proc_4_32" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=4&sid=32&tci=1"/><task start="2013/06/25 00:00:00" end="2013/07/04 23:59:59" label="Site 01" color="74796F" processId="proc_4_37" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=4&sid=37&tci=1"/><task start="2013/06/25 00:00:00" end="2013/07/04 23:59:59" label="Site 07" color="74796F" processId="proc_4_38" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=4&sid=38&tci=1"/><task start="2013/06/25 00:00:00" end="2013/07/04 23:59:59" label="Site 02" color="74796F" processId="proc_4_33" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=4&sid=33&tci=1"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 02" processId="proc_5" showAsGroup="1" showLabel="0" topPadding="70%" showStartDate="1" showEndDate="1" color="#000000"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 03" color="BEA37A" processId="proc_5_35" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=5&sid=35&tci=2"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 04" color="BEA37A" processId="proc_5_36" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=5&sid=36&tci=2"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 05" color="BEA37A" processId="proc_5_34" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=5&sid=34&tci=2"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 06" color="BEA37A" processId="proc_5_32" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=5&sid=32&tci=2"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 01" color="BEA37A" processId="proc_5_37" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=5&sid=37&tci=2"/><task start="2013/06/24 00:00:00" end="2013/06/24 23:59:59" label="Site 08" color="BEA37A" processId="proc_5_40" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=5&sid=40&tci=2"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 07" color="BEA37A" processId="proc_5_38" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=5&sid=38&tci=2"/><task start="2013/06/24 00:00:00" end="2013/06/24 23:59:59" label="Site 09" color="BEA37A" processId="proc_5_39" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=5&sid=39&tci=2"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 02" color="BEA37A" processId="proc_5_33" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=5&sid=33&tci=2"/><task start="2013/06/26 00:00:00" end="2013/07/03 23:59:59" label="Site 02" processId="proc_81" showAsGroup="1" showLabel="0" topPadding="70%" showStartDate="1" showEndDate="1" color="#000000"/><task start="2013/06/26 00:00:00" end="2013/07/03 23:59:59" label="Site 01" color="5C9746" processId="proc_81_37" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=81&sid=37&tci=3"/><task start="2013/06/27 00:00:00" end="2013/07/03 23:59:59" label="Site 03" color="5C9746" processId="proc_81_35" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=81&sid=35&tci=3"/><task start="2013/06/27 00:00:00" end="2013/07/03 23:59:59" label="Site 04" color="5C9746" processId="proc_81_36" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=81&sid=36&tci=3"/><task start="2013/06/27 00:00:00" end="2013/07/03 23:59:59" label="Site 05" color="5C9746" processId="proc_81_34" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=81&sid=34&tci=3"/><task start="2013/06/27 00:00:00" end="2013/07/03 23:59:59" label="Site 06" color="5C9746" processId="proc_81_32" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=81&sid=32&tci=3"/><task start="2013/06/27 00:00:00" end="2013/07/03 23:59:59" label="Site 07" color="5C9746" processId="proc_81_38" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=81&sid=38&tci=3"/><task start="2013/06/27 00:00:00" end="2013/07/03 23:59:59" label="Site 02" color="5C9746" processId="proc_81_33" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=81&sid=33&tci=3"/><task start="2013/06/24 00:00:00" end="2013/07/03 23:59:59" label="Site 02" processId="proc_93" showAsGroup="1" showLabel="0" topPadding="70%" showStartDate="1" showEndDate="1" color="#000000"/><task start="2013/06/24 00:00:00" end="2013/07/03 23:59:59" label="Site 04" color="FFF8A3" processId="proc_93_36" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=93&sid=36&tci=4"/><task start="2013/06/24 00:00:00" end="2013/07/03 23:59:59" label="Site 05" color="FFF8A3" processId="proc_93_34" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=93&sid=34&tci=4"/><task start="2013/06/24 00:00:00" end="2013/07/03 23:59:59" label="Site 06" color="FFF8A3" processId="proc_93_32" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=93&sid=32&tci=4"/><task start="2013/06/24 00:00:00" end="2013/07/03 23:59:59" label="Site 01" color="FFF8A3" processId="proc_93_37" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=93&sid=37&tci=4"/><task start="2013/06/24 00:00:00" end="2013/07/03 23:59:59" label="Site 07" color="FFF8A3" processId="proc_93_38" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=93&sid=38&tci=4"/><task start="2013/06/24 00:00:00" end="2013/07/03 23:59:59" label="Site 02" color="FFF8A3" processId="proc_93_33" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=93&sid=33&tci=4"/><task start="2013/06/24 00:00:00" end="2013/07/03 23:59:59" label="Site 03" color="FFF8A3" processId="proc_93_35" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=93&sid=35&tci=4"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 03" processId="proc_94" showAsGroup="1" showLabel="0" topPadding="70%" showStartDate="1" showEndDate="1" color="#000000"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 02" color="D84000" processId="proc_94_33" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=94&sid=33&tci=5"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 03" color="D84000" processId="proc_94_35" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=94&sid=35&tci=5"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 04" color="D84000" processId="proc_94_36" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=94&sid=36&tci=5"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 05" color="D84000" processId="proc_94_34" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=94&sid=34&tci=5"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 06" color="D84000" processId="proc_94_32" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=94&sid=32&tci=5"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 01" color="D84000" processId="proc_94_37" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=94&sid=37&tci=5"/><task start="2013/06/24 00:00:00" end="2013/06/24 23:59:59" label="Site 08" color="D84000" processId="proc_94_40" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=94&sid=40&tci=5"/><task start="2013/06/24 00:00:00" end="2013/07/02 23:59:59" label="Site 07" color="D84000" processId="proc_94_38" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=94&sid=38&tci=5"/><task start="2013/06/24 00:00:00" end="2013/06/24 23:59:59" label="Site 09" color="D84000" processId="proc_94_39" link="newchart-xmlurl-linkedchart_gantt.xml?&g=etid&cid=94&sid=39&tci=5"/></tasks>


  <trendLines><line start="2013/06/29" end="2013/06/30 23:59:59" displayValue="weekend" isTrendZone="1" thickness="1" dashed="0" alpha="20" color="808080"/></trendLines>


</chart>

Edited September 3, 2013 by mperez

[Haritha]

Hi,

 

Please send us the PNG file that you see when you export the chart.

 

Also, please try setting the attribute "exportAtClient" to '0' and "exportAction" to 'download'. 

 

It would be good if you send us the sample at [email protected] so that we can have a look at the entire application.

[mperez]

Okay, i sent both the PNG and XML files to [email protected] with subject: Bug report: 15098-exported-svg-of-javscript-based-gantt-chart-has-zero-width-task-bars

 

I set the attributes "exportAtClient" to '0' and "exportAction" to 'download' but i get the same result.

[Haritha]

Thanks. we have received your mail and have replied to it.