Because when I download a project it does not work correctly?

Francisco José

Asked On June 30, 2019 08:45 PM UTC

I downloaded the code of the proyect http://jsfiddle.net/7t1p5j0y/ but it does not work, I have aññ the files but it not work, I need help

Reply | Reply with quote

Shyam G [Syncfusion]

Replied On July 1, 2019 09:34 AM UTC

Hi Francisco,

We have created a fiddle sample locally and it is available in below link for download.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/networksample496842839

Regards,

Shyam G

Reply | Reply with quote

Francisco José

Replied On July 2, 2019 06:35 AM UTC

I am happy! I do not know how I can thank you. Is it possible to change the images? I want to put images of my pc jpg, is that possible?

Reply | Reply with quote

Ramya Thirugnanam [Syncfusion]

Replied On July 2, 2019 12:00 PM UTC

Hi Francisco,

In previous sample, we have rendered a native node in symbol palette not an image. We can use Image node to achieve your requirement. please refer to the code example and help documentation.

Help documentation: https://help.syncfusion.com/js/diagram/shapes#image

Regards,

Ramya T

Reply | Reply with quote

Francisco José

Replied On July 3, 2019 05:54 AM UTC

I tried but it does not work! I apologize but I do not have so much knowledge

This code was inserted but nothing works.

I want to use my images, some solution?

// Defines JSON to create node with image
var nodes = [{
	name: "imageNode", 
	width: 100, 
	height: 60, 
	offsetX: 40, 
	offsetY: 40,
	type: ej.datavisualization.Diagram.Shapes.Image,
	source: "sample/employee.png"
	borderWidth:3,
	borderColor:"white",
}];
//Initializes Diagram
$("#diagram").ejDiagram({
	width: "100%", 
	height: "100%",
	//Initializes nodes collection
	nodes: nodes,
});

Reply | Reply with quote

Ramya Thirugnanam [Syncfusion]

Replied On July 3, 2019 10:33 AM UTC

Hi Francisco,

We have modified the sample in which we have rendered an image node in palette. Please refer to the code example and sample below.

Code example:

var palettes = [

{

name: "Basic Shapes", expanded: true,

items: [

{name: "image", width: 40, height: 40, offsetX: 20, offsetY: 20, type: ej.datavisualization.Diagram.Shapes.Image, source: "scripts/image30.png" },

]

}

];

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/networkimagesample424234308

Note: We have saved an image(image30.png) in the scripts folder.

Regards,

Ramya T

Reply | Reply with quote

Francisco José

Replied On July 4, 2019 05:34 AM UTC

I cannot adequately express how deeply indebted I am to you.

Great job!!!!!

Thank you very much!

Reply | Reply with quote

Ramya Thirugnanam [Syncfusion]

Replied On July 4, 2019 10:02 AM UTC

Hi Francisco,

Thanks for your update.

Regards,

Ramya T

Reply | Reply with quote

Francisco José

Replied On July 5, 2019 07:41 AM UTC

Last question, is it possible to insert PNG with transparency? I want the white border not to be visible, it's possible?

Attachment: Captura_8e7a461d.rar

Reply | Reply with quote

Ramya Thirugnanam [Syncfusion]

Replied On July 5, 2019 11:55 AM UTC

Hi Francisco,

Please set node’s fillColor as transparent to achieve your requirement. Please replace the below code example in our sample provided earlier.

Code example:

{ name: "image", fillColor:"transparent", width: 40, height: 40, offsetX: 20, offsetY: 20, type: ej.datavisualization.Diagram.Shapes.Image, source: "scripts/image30.png" },

Regards,

Ramya T

Reply | Reply with quote

Francisco José

Replied On July 5, 2019 01:54 PM UTC

It works but the border is still not transparent, is it possible?

Thank you very much!

Reply | Reply with quote

Francisco José

Replied On July 6, 2019 06:43 AM UTC

It works but the border is still not transparent, is it possible?

Thank you very much!

Solved! borderColor: "transparent"

Thanks again!

Reply | Reply with quote

Ramya Thirugnanam [Syncfusion]

Replied On July 8, 2019 05:48 AM UTC

Hi Francisco,

Thanks for update.

Regards,

Ramya T

Reply | Reply with quote

Francisco José

Replied On July 19, 2019 06:11 PM UTC

Another query, is it possible to hide the grid?

Thanks again!

Reply | Reply with quote

Ramya Thirugnanam [Syncfusion]

Replied On July 22, 2019 07:09 AM UTC

Hi Francisco,

Please remove snapSettings snapConstraints ShowLines from All to hide the gridlines in diagram. Please refer to a code example and sample below.

Code example:

$("#diagram").ejDiagram(

{

//To remove the Gridlines

snapSettings: { snapConstraints: ej.datavisualization.Diagram.SnapConstraints.All &~ej.datavisualization.Diagram.SnapConstraints.ShowLines }

});

Sample: https://jsplayground.syncfusion.com/3ow10opw

Regards,

Ramya T

Reply | Reply with quote

Thread ID:	Created:	Updated:	Platform:	Replies:
145600	Jun 30,2019 08:45 PM UTC	Jul 22,2019 07:09 AM UTC	JavaScript - EJ 2	14

Thread ID:

Created:

Updated:

Platform:

Replies:

Thanks again!

Please sign in to access our forum

CONTACT US