Two intervals on line chart?

[Scott]

I am trying to figure out how I can have two different intervals in my chart, something along the lines of a first interval that starts at 0 and increments by 2500 to a max of 10000, followed by a much larger interval that would start at 10000 and increments by an interval of 200000 for instance.  Hopefully that makes sense, but the smaller interval would go where I have the red box in this picture and the larger interval would begin above that box.

This is what I currently have for my chart:

@Html.EJS().Chart("container").Series(series =>

       {

           series.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Line).Width(1).XName("Year").Opacity(1)

               .Marker(mr => mr.Visible(true).Width(1).Height(1).Shape(Syncfusion.EJ2.Charts.ChartShape.Circle).IsFilled(true)).YName("InvestmentBalance").Name("InvestmentBalance")

               .DataSource(ViewBag.ChartData).Add();

           series.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Line).Width(1).XName("Year").Opacity(1)

               .Marker(mr => mr.Visible(true).Width(2).Height(1).Shape(Syncfusion.EJ2.Charts.ChartShape.Triangle).IsFilled(false)).YName("RetirementIncome").Name("RetirementIncome")

               .DataSource(ViewBag.ChartData).Add();

           series.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Line).Width(1).XName("Year").Opacity(1)

               .Marker(mr => mr.Visible(true).Width(2).Height(1).Shape(Syncfusion.EJ2.Charts.ChartShape.Diamond).IsFilled(false)).YName("AssetBalance").Name("AssetBalance")

               .DataSource(ViewBag.ChartData).Add();

       }).PrimaryXAxis(px => px.ValueType(Syncfusion.EJ2.Charts.ValueType.DateTime)

           .MajorGridLines(mg => mg.Width(0))

           .EdgeLabelPlacement(Syncfusion.EJ2.Charts.EdgeLabelPlacement.Shift)

       ).PrimaryYAxis(py => py.Title("Balance")

           .MajorTickLines(mt => mt.Width(0))

           .LineStyle(ls => ls.Width(1)).Interval(ViewBag.Interval).Minimum(ViewBag.Minimum).Maximum(ViewBag.Maximum)

       ).Title("Retirement Outlook").Tooltip(tt => tt.Enable(true)).ChartArea(area => area.Border(br => br.Width(1))).LegendSettings(leg => leg.EnableHighlight(true)).Render()

[Swetha Babu]

Hi Scott,

Greetings from Syncfusion.

We can decide the number of intervals to be rendered between intervals by setting the minorTicksPerIntervals property based on your requirement in the primaryYAxis. We have created an application to demonstrate the same. Please find the below stackblitz link for your sample reference.

Sample link: https://stackblitz.com/edit/bcaeig?file=index.js

Code Snippet:

primaryYAxis: {

            title: 'Million Metric Tons',

            labelFormat: '{value}',

            rangePadding: 'None',

            minimum: 0,

            maximum: 20000,

            interval: 10000,

            lineStyle: { width: 0 },

            minorTicksPerInterval: 2,

            majorTickLines: { width: 0 },

            minorTickLines: { width: 2, color: "black" }

        },

Screenshot:

Please let us know if the above sample meets your requirement. If not, please let us know exact requirement. It will be helpful for us to analyze further and assist you better.

Regards,

Swetha

[Scott]

Thank Swetha, I am actually looking for something more like the scale break (without the line going across the chart) which is available in your WPF chart.

Scale Breaks in WPF Charts control | Syncfusion

Is this supported in your Asp.net MVC charts?

[Swetha Babu]

Scott,

As of now, we do not have support for the scale break in chart. However, we have considered the reported scenario as an improvement and created a feature request for the same. This improvement will be included in any of our upcoming releases. Please find the below feedback link to keep track of the reported scenario.

Feedback link: https://www.syncfusion.com/feedback/42426/support-for-scale-break-in-chart

Please get back to us if you need further assistance.

[Scott]

Much appreciated Swetha, thank you.

[Swetha Babu]

Scott,

Please get back to us if you need further assistance.