Steema Issues Database

Note: This database is for bugs and wishes only. For technical support help, if you are a customer please visit our online forums;
otherwise you can use StackOverflow.
Before using this bug-tracker we recommend a look at this document, Steema Bug Fixing Policy.

Bug 2140

Summary:	Logarithmic axes give overlapping labels
Product:	HTML5 JavaScript TeeChart	Reporter:	yeray alonso <yeray>
Component:	Axes	Assignee:	Steema Issue Manager <issuemanager>
Status:	CONFIRMED ---
Severity:	enhancement
Priority:	---
Version:	unspecified
Target Milestone:	---
Hardware:	PC
OS:	Windows
Chart Series:	---	Delphi / C++ Builder RAD IDE Version:

Description yeray alonso 2019-01-15 10:04:01 EST

The following example produces overlapping labels at the bottom (logarithmic) axis:

  var chart1=new Tee.Chart("canvas1");
  chart1.panel.format.fill="#FFFFFF";
  chart1.panel.format.gradient.visible = false;
  chart1.panel.format.stroke.fill="";
  chart1.panel.format.shadow.visible=false;
  chart1.walls.back.visible=false;
  chart1.walls.back.format.shadow.visible=false;
  chart1.title.text="";
  chart1.axes.left.labels.format.font.style="12px Verdana";
  chart1.axes.left.labels.format.font.fill="#808080";
  chart1.axes.left.format.stroke.fill="";
  chart1.axes.left.grid.visible=false;
  chart1.axes.bottom.log=true;
  chart1.axes.bottom.labels.format.font.style="12px Verdana";
  chart1.axes.bottom.labels.format.font.fill="#808080";
  chart1.axes.bottom.format.stroke.fill="#404040";
  chart1.axes.bottom.format.stroke.size=1;
  chart1.axes.bottom.grid.visible=false;
  
  var Series1=chart1.addSeries(new Tee.Line());
  Series1.format.fill="#7799D6";
  Series1.format.shadow.visible=false;
  Series1.hover.enabled=false;
  Series1.data.values=[40,40,70,70,90,90];
  Series1.data.x=[0.0001,0.2,0.2,0.5,0.5,60];
  Series1.marks.visible=false;
  chart1.legend.visible=false;
  chart1.draw();

Comment 1 yeray alonso 2019-01-18 10:20:50 EST

Simplifying the code to reproduce the problem:

        var Chart1 = new Tee.Chart("canvas1");
        Chart1.legend.visible=false;

        var Series1=Chart1.addSeries(new Tee.Line());
        Series1.format.shadow.visible=false;
        Series1.hover.enabled=false;
        Series1.data.values=[40,40,70,70,90,90];
        Series1.data.x=[0.0001,0.2,0.2,0.5,0.5,60];

        Chart1.applyTheme("minimal");

        Chart1.axes.bottom.log=true;
        Chart1.axes.bottom.grid.visible=false;
        Chart1.axes.left.grid.visible=false;

        Chart1.draw();


Note in TeeChart .NET this works fine:

      tChart1.Legend.Visible = false;

      var Series1 = new Line(tChart1.Chart);
      Series1.Add(0.0001, 40);
      Series1.Add(0.2, 40);
      Series1.Add(0.2, 70);
      Series1.Add(0.5, 70);
      Series1.Add(0.5, 90);
      Series1.Add(60, 90);        

      tChart1.Axes.Bottom.Logarithmic = true;
      tChart1.Axes.Bottom.Grid.Visible = false;
      tChart1.Axes.Left.Grid.Visible = false;