Need to set Canvas grid in form of dots

[Sudhanshu Jain]

Hi,

I am able to change the properties of canvas grid like color , but can we change the grid lines to dots (as shown below) in diagram component?

Regards,

Sudhanshu

[Shyam G]

Hi Sudhanshu, 

 

Currently we don’t have support to change the Grid lines to dots. We have logged “Support for changing gridlines appearance” as a feature. You can track the status of the feature from below feedback link. 

 

Feedback link: https://www.syncfusion.com/feedback/9599/support-for-changing-gridlines-appearance 

 

Regards, 

Shyam G 

[Sudhanshu Jain]

Hi Shyam,

Any update on this issue resolution? Could you please provide an ETA for the same.

Thanks

[Aravind Ravi]

Hi Sudhanshu,  

  

We will implement this feature and it will be included in our Volume1 Release scheduled on end of march 2020.   

  

Regards  

Aravind Ravi  

[shashank hatti]

Hi team,

I was looking into same fuctionality. Can you suggest way to achieve this as suggested this feature is available

[Gobinath Dhamotharan]

Hi Hatti,

We created a sample to achieve your requirement. In diagram there is a gridType API for "Dots," which renders the diagram grid in dot format, is defined in the diagram snapSettings. Please refer to the below sample for your reference.

Code snippet

     <DiagramComponent

              id="diagram"

              ref={(diagram) => (diagramInstance = diagram)}

              width={'100%'}

              height={'900px'}

              nodes={nodes}

              snapSettings={{

                gridType: 'Dots',

                canHighlightDot: true,

                horizontalGridlines: {

                  lineColor: 'red', },

  }}></DiagramComponent>

Sample

https://stackblitz.com/edit/react-w2t3mg?file=index.html,index.js

Regards,

Gobinath