RangeSelector displaying issue

RangeSelector displaying issue

Posted by: kun.leeing on 11 February 2020, 12:40 am EST

• 

  kun.leeing

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 11 February 2020, 12:40 am EST - Updated 3 October 2022, 5:34 pm EST

  Hi guys,

  I am struggling with the exmaple.
  
  https://www.grapecity.com/wijmo/demos/Chart/LineArea/AggregateDateSeries/angular

  After putting it into my project, it displays with issues.

  

  1195×119 15.8 KB

  Then I create a clean page by inputting exact the code in the wijmo example page.
  
  Still got the displaying like below.

  

  The only thing I changed was the css import.
  
  import ‘bootstrap/dist/css/bootstrap.css’;
  
  import ‘wijmo/styles/wijmo.css’;
  
  import ‘./styles.css’;

  Others all same.

  May I know what shall I do to fix it?

  Thanks, mates.

  Cheers.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 12 February 2020, 1:13 am EST

  Hi Kun,

  It seems that the CSS file is not loaded in your application. Please make sure that the CSS is loaded. Also, if you are using Angular, try creating a new project using angular-cli and add the CSS file in the styles config of the angular.json file.
  
  You may also refer to the sample attached for reference.

  Regards,
  
  Ashwin

  chart-aggregate-series.zip

• 

  lk_richard

  • Post Options:
  • Link
    Copy

  Posted 14 February 2020, 1:06 am EST

  Thanks, Ashwin for the example.