error with smooth line chart

Hi Jürgen Strenger

Add this css code in modules/mod_vchart/css/style.css file

/* for background and boarder color over all slider*/
.google-visualization-controls-slider-horizontal {
background-color: #fff !important;
border: 1px solid #6a7eac !important;
}

/* for background and boarder color of slider boxes*/
.google-visualization-controls-slider-thumb {
background-color: #6391de!important;
border: 1px solid #426dc9 !important;
}
/*inside slider boxes color*/
.google-visualization-controls-slider-handle {
background-color: #6a7eac !important;
}
/*range filter text color*/
.google-visualization-controls-rangefilter-thumblabel {
color: #6391de !important;
}



thanks
zaheer

Which css file is that, and where do I find it?

Hi Jürgen Strenger

use this css to change color of different section of slider

/* for background and boarder color over all slider*/
.google-visualization-controls-slider-horizontal {
background-color: #fff !important;
border: 1px solid #6a7eac !important;
}

/* for background and boarder color of slider boxes*/
.google-visualization-controls-slider-thumb {
background-color: #6391de!important;
border: 1px solid #426dc9 !important;
}
/*inside slider boxes color*/
.google-visualization-controls-slider-handle {
background-color: #6a7eac !important;
}
/*range filter text color*/
.google-visualization-controls-rangefilter-thumblabel {
color: #6391de !important;
}

thanks
zaheer

Looks like the slider colors cannot be changed via a css file on my side - is there a way to make individual changes to the various colors of the slider?

Thank you, looks great now. Now all I have left to do is change the slider colors in the css file.
Your extension is great, and your support is even better!

Hi Jürgen Strenger

To align the left and right text of range slider you have to use to different date format of horizontal axis due to less space at this module position. Now i have changed the display date format from 1/1/2011 to month/year of horizontal axis.

we hope this response have sufficient answer of your query, if not you can contact us. we will give the reply as soon as possible.

thanks
zaheer

that worked well, thank you
The only problem remaining now is the text on the left and right of the slider. I cannot make the graph any wider, how can I make both the range dates appear under the slider?

Hi

use this format 1/1/2015 or 1-1-2015 for date

thanks
zaheer

Thank you. Now I can use the preset chart "smoothlines line graph", which solves the slider problem.
I have now entered one horizontal value for each month since 2011, but the graph shows only 2015 underneath the horizontal axis. Or did I use a wrong format for the dates?
Which format would I have to use for the "Horizontal Value" if I wanted to enter exact dates, like: 1.2.11,3.3.11,10.4.11 etc.
Shouldn't the chart look like one line going from left to right, instead of a criss-cross line?

Hi Jürgen Strenger

We have corrected the issue in smooth line chart.You can check it.You can choose date format of horizontal axis from chart formatting section. we hope this response have sufficient answer of your query. if not you can contact us, we will give reply as soon as possible.

thanks
zaheer

email sent

Ok, so it seems that the smoothed line chart that comes pre-installed has a problem. You may want to check that. After creating a new chart of the smoothed line chart type, I have a working chart on my site now.
But there is a new problem now: I have entered data like 1015,1065 etc into the chart as values for the vertical axis, but the chart shows 10,15 etc instead of 1015 ?
Also, I would like to have that slider ("x axis value selection") in order to be able to focus the graph on a specific date range, how do I do that?

here's the URL to my site www.majestic-trees.com. I have only installed the extension and created one chart to test, without editing any of the parameters via the dashboard.

I have just installed the extension and I wanted to publish a smoothed simple line graph. Before I even made any changes, there is already an error. Whether I click preview or look at my website itself, I see an error message "One or more participants failed to draw()×
Column 1 is not a date×"
What is wrong here?

What I want is pretty simple. I need a graph showing a price for a specific commodity, with the horizontal axis being a specific date (dd.mm.yy) and then to be able to manually enter the price for that day in the data boxes.
How would I do that?