Major tick interval does not work

[Shivani Bhilare]

When minimum and maximum values are same major tick interval is not displayed correctly.

When same applied to circular gauge major interval displayed is correct.

 // ts

this.major = {

      interval: 20,

      color: "Orange"

  };

// html

<ejs-lineargauge id="gauge-container">

      <e-axes>

          <e-axis minimum=20 maximum=20 [majorTicks]='major' [showLastLabel]='isLastLabel'>

            <e-pointers>

              <e-pointer value=20>

              </e-pointer>

            </e-pointers>

          </e-axis>

      </e-axes>

  </ejs-lineargauge>

[Indumathi Ravi]

Hi Shivani, 

  

Thank you for contacting Syncfusion Support. 

  

We are able to reproduce the reported issue in the Linear Gauge control. When we checked your query, we came to know that you have compared the same scenario with Circular Gauge. When the minimum and maximum value of the axis line are same, the axis line should not be rendered as there is no value in between the same value irrespective of the interval of the ticks. So, we have considered this as a defect in both Linear Gauge and Circular Gauge controls. 

  

We have logged a defect report for the reported issue. However, we will include the fix for the reported issue in our weekly patch release which is expected to be available by the end of August 2021. Please find the below feedback link to keep track of the reported issue. 

  

https://www.syncfusion.com/feedback/27969 

  

Regards, 

Indumathi R. 

[Indumathi Ravi]

Hi Shivani, 

  

Thank you for your patience. 

  

We have fixed the reported issue in the Circular Gauge control and included the fix in our weekly patch release(v19.2.59). Please update the package to resolve the reported issue. It is available for download under the following link. 

  

https://www.npmjs.com/package/@syncfusion/ej2-angular-circulargauge 

https://www.npmjs.com/package/@syncfusion/ej2-circulargauge 

  

As we mentioned earlier, when the minimum and maximum values of the axis are set as same value, the axis will not be rendered. 

  

Please let us know if you need any further assistance. 

  

Regards, 

Indumathi R 

[Shivani Bhilare]

Thank you for your support.

As mentioned above,  when the minimum and maximum values of the axis are set as same value, the axis will not be rendered. 

When package updated, I can see this change only in circular gauge not in linear gauge. 

<ejs-lineargauge id="gauge-container">

      <e-axes>

          <e-axis minimum=20 maximum=20 [majorTicks]='major' [showLastLabel]='isLastLabel'>

            <e-pointers>

              <e-pointer value=20>

              </e-pointer>

            </e-pointers>

          </e-axis>

      </e-axes>

  </ejs-lineargauge>

[Indumathi Ravi]

Hi Shivani, 

  

Thank you for your update. 

  

We are unable to reproduce the reported issue with the provided code snippet in the Linear Gauge control of version(19.2.57). Please find the sample in which we tried to reproduce the reported issue below. 

  

https://stackblitz.com/edit/angular-gj5ggd-w3rcix?file=app.component.html 

  

Please check whether the Linear Gauge component's package has been updated in your application. If you are still facing the issue, please provide us the complete code snippet or modify the above sample to replicate the issue. It will be helpful for us to analyze further and assist you better. 

  

Regards, 

Indumathi R