Welcome Guest Search | Active Topics |

CSS not working at all
jtuzman
#1 Posted : Friday, November 1, 2019 3:51:11 PM(UTC)
Rank: Newbie

Groups: Registered
Joined: 10/30/2019(UTC)
Posts: 1

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
I have installed my jqChart in an Angular Component. The chart basically works fine, but little or none of the CSS is having any effect. This means that I have no range sliders and no toolbar!!!

I am importing the css files this way in my component:

Code:
styleUrls: ['./new-graph.component.css',
    './vendor/jqchart/css/jquery.jqChart.css',
    './vendor/jqchart/css/jquery.jqGauges.css',
    './vendor/jqchart/css/jquery.jqRangeSlider.css',
  ]


The first problem I run into is that it can't find files such as
Code:
background-image:url('icons-classic/label.png');


Indeed those files are not in the package. So I tried commenting out all those lines, and also giving those selectors a background color (to stand in for the background image).

Still nothing appears where the range sliders or toolbars should be.

Whatever I do, my chart just has a white background, and space for the range sliders, and weird dots that appear when the toolbar should appear, but no range sliders or toolbars or possibly any CSS at all.

I'm happy to post a screenshot but i don't see a way to attach an image on this forum.

Dragan
#2 Posted : Tuesday, November 12, 2019 4:09:50 AM(UTC)
Rank: Advanced Member

Groups: Administrators, DataVizJavaScript, jQueryChart, jQueryDV, MvcChart, Registered
Joined: 1/3/2011(UTC)
Posts: 483

Thanks: 0 times
Was thanked: 87 time(s) in 87 post(s)
Hi,

For the chart toolbar and the axis range sliders, you need to include some themes:
<link rel="stylesheet" type="text/css" href="../../themes/le-frog/styles.css" />

They are a part of the package.

You can also use any jQuery custome theme.

Best Regards,
Dragan Matek
jqChart Inc.
Users browsing this topic
Guest
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

FlatEarth Theme by Jaben Cargman (Tiny Gecko)
Powered by YAF 1.9.4 | YAF © 2003-2010, Yet Another Forum.NET
This page was generated in 0.072 seconds.