WP Residence Help WP Residence Help

  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API
Home / Technical how to | Custom Code / Techinal how to: Change the color of the bars in the Statistics View section

Techinal how to: Change the color of the bars in the Statistics View section

1732 views 0

The color of  view bar can be changed from wpresidence\js\property.js

 

 

You need to add backgroundColor like this

datasets: [
{
label: wpestate_property_vars.property_views,
backgroundColor:”rgba(228,190,110,1)”,
fillColor: “rgba(220,220,220,0.5)”,
strokeColor: “rgba(220,220,220,0.8)”,
highlightFill: “rgba(220,220,220,0.75)”,
highlightStroke: “rgba(220,220,220,1)”,
data: traffic_data
},
]

So statistics in Dashboard.

You can go into /wpresidence/js/ajaxcalls.js
At lines 31 and 110 (one is for user dashboard, other for property page) you have this

var data = {

labels:labels ,

datasets: [

{

label: “My First dataset”,

fillColor: “rgba(220,220,220,0.5)”,

strokeColor: “rgba(220,220,220,0.8)”,

highlightFill: “rgba(220,220,220,0.75)”,

highlightStroke: “rgba(220,220,220,1)”,

data: values

},

]

Change color as you per wish.

Technical how to | Custom Code

Related Articles

  • How to Add Custom Fields to the Login, Register and Forgot Password Forms
  • Technical: Change the Schedule Tour Email Text and the Form Default Message
  • Property list filter customization
  • Technical – How to Change the Minimum Image Dimensions for Property Uploads in WPResidence
MLSImportWordPress IDX Plugin for MLS ListingsImport MLS listings into your WordPress website, customize your property pages, and keep your inventory updated.Start free 30-day trial →

Help Categories

  • 111 Installation & Changelog
  • 19Agent, Agency & Developers
  • 5Blog Posts & Blog Lists
  • 14Footer
  • 38Header
  • 2IDX & MLSImport
  • 23Maps & Location Settings
  • 50Multilingual Websites – WPEstate Translate (Included)
  • 21Pages & Page Templates
  • 4Payments & Monetization
  • 20Property Lists, Categories & Archive
  • 38Property Single Page
  • 32Search & Filtering
  • 170Technical how to | Custom Code
  • 9Technical: Actions and filters
  • 6Technical: Child Theme
  • 86Theme Options & Global Settings
  • 6Theme Translation & Localization
  • 28Third Party Plugins Compatible
  • 16WPBakery Shortcodes
  • 51WPResidence / WPEstate CRM
  • 9WPResidence Elementor Studio
  • 39WPResidence Elementor Widgets
  • 79WPResidence FAQ

Join Us On

Powered by WP Estate - All Rights Reserved
  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API