We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Need to set Canvas grid in form of dots


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?


5 Replies

SG Shyam G Syncfusion Team October 18, 2019 12:56 PM UTC

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. 
Shyam G 

SJ Sudhanshu Jain December 27, 2019 06:50 AM UTC

Hi Shyam,

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


AR Aravind Ravi Syncfusion Team December 30, 2019 11:34 AM UTC

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

SH shashank hatti January 10, 2023 12:11 PM UTC

Hi team,

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

GD Gobinath Dhamotharan Syncfusion Team January 12, 2023 01:51 PM UTC

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



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





                gridType: 'Dots',

                canHighlightDot: true,

                horizontalGridlines: {

                  lineColor: 'red', },






Live Chat Icon For mobile
Up arrow icon