FORUMS

Select any forum below to ask question

Home › Forums › Chart Support › Define the pitch/step of the chart

Define the pitch/step of the chart

Viewing 5 posts - 1 through 5 (of 5 total)
  • July 27, 2017 at 3:02 pm #15673

    Emeric

    Hello,

    I would like to know; is it possible to define/modify the pitch/step between all points of my chart (axisX) ?
    Example:
    My chart is defined with a 800px width. We’ll see the data from 0px to 800px (all over the chart): the step is defined automatically in order to see all the chart. Is there a way to change that in order to control this step between points ?

    Thank you in advance !

    Regards.

    July 27, 2017 at 3:23 pm #15674

    Emeric

    Second question:
    The width of the chart is the width of all the chart, is there a way to control the width of the chart with data (from the first point to the last point) only (without titles…) ?

    • This reply was modified 6 years, 9 months ago by Emeric.
    July 28, 2017 at 2:43 pm #15692

    Bivek Singh

    @Emeric,

    For your first query, you can set interval.

    Regarding the second query, can you kindly provide a pictorial representation so that we can understand your requirements better and help you out?

    —-
    Bivek Singh,
    Team CanvasJS

    July 28, 2017 at 3:12 pm #15693

    Emeric

    Hello,

    Interval isn’t what I need.
    Here a representation about step/pitch/interval between points:

    Is it possible to change this value ? At this moment this value is defined automatically based on the number of data: more you have points, less this value is important.
    In my example we can consider the step is 50px (for example), if I add data, this step will change and will be less than 50px. I would like to control this step in order to say to the chart “whatever the number of data the step will be the same”. Is it possible ?
    I know maximum exists (https://canvasjs.com/docs/charts/chart-options/axisx/maximum/) it will fix the step by locking the axis, but it’s not exactly what I’m looking for !

    Second question:
    When you define the width of the chart like that:
    <div id="chartContainer" style="height: 400px; width: 800px;"></div>
    800px will be the width of everything and not only the points.
    Representation:

    Thank you for your help !

    • This reply was modified 6 years, 9 months ago by Emeric.
    July 31, 2017 at 11:12 am #15713

    Bivek Singh

    @Emeric,

    You can achieve the desired width between dataPoint by setting viewportMinimum and viewportMaximum.

    For your second query, you can find the pixel co-ordinates of first and last dataPoint using convertValueToPixel. Please, take a look at this jsFiddle.

    —-
    Bivek Singh,
    Team CanvasJS

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.