Contact Us Today! | vcare@wdmtech.com

WDMtech

Topic-icon error with smooth line chart

  • Zaheer Abbas
  • Zaheer Abbas's Avatar
  • Visitor
  • Visitor
16 Nov 2015 10:16 #1625

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

Please Log in or Create an account to join the conversation.

  • Jürgen Strenger
  • Jürgen Strenger's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
15 Nov 2015 13:33 #1621

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

Please Log in or Create an account to join the conversation.

  • Zaheer Abbas
  • Zaheer Abbas's Avatar
  • Visitor
  • Visitor
02 Nov 2015 08:07 #1585

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

Please Log in or Create an account to join the conversation.

  • Jürgen Strenger
  • Jürgen Strenger's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
01 Nov 2015 14:19 #1584

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?

Please Log in or Create an account to join the conversation.

  • Jürgen Strenger
  • Jürgen Strenger's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
29 Oct 2015 08:17 #1579

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!

Please Log in or Create an account to join the conversation.

  • Zaheer Abbas
  • Zaheer Abbas's Avatar
  • Visitor
  • Visitor
29 Oct 2015 07:09 #1578

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

Please Log in or Create an account to join the conversation.

  • Jürgen Strenger
  • Jürgen Strenger's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
28 Oct 2015 14:20 #1573

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?

Please Log in or Create an account to join the conversation.

  • Zaheer Abbas
  • Zaheer Abbas's Avatar
  • Visitor
  • Visitor
28 Oct 2015 13:14 #1569

Hi

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

thanks
zaheer

Please Log in or Create an account to join the conversation.

  • Jürgen Strenger
  • Jürgen Strenger's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
28 Oct 2015 12:04 #1567

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?

Please Log in or Create an account to join the conversation.

  • Zaheer Abbas
  • Zaheer Abbas's Avatar
  • Visitor
  • Visitor
28 Oct 2015 10:58 #1566

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

Please Log in or Create an account to join the conversation.

  • Jürgen Strenger
  • Jürgen Strenger's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
28 Oct 2015 09:02 #1561

email sent

Please Log in or Create an account to join the conversation.

More
28 Oct 2015 05:22 #1558

Hello Jürgen,
Please send your back end & FTP login credentials via Contact us form. We'll look into the issues...


Thanks
Daniel

Please Log in or Create an account to join the conversation.

  • Jürgen Strenger
  • Jürgen Strenger's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
27 Oct 2015 19:56 #1554

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?

Please Log in or Create an account to join the conversation.

  • Jürgen Strenger
  • Jürgen Strenger's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
27 Oct 2015 18:37 #1553

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.

Please Log in or Create an account to join the conversation.

  • Jürgen Strenger
  • Jürgen Strenger's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
27 Oct 2015 18:31 #1552

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?

Please Log in or Create an account to join the conversation.