Thailand House Price Index: Charts tracking house prices in Thailand from 2008 to the current year.
Offer a useful service to your customers looking for a property in Thailand. Use our free service and enhance your real estate website by displaying, free of charge, 4 interactive charts tracking:
Setting up the charts on your website is extremely simple. Read below to find out how.
The code
Following is the simple code to display the Thailand House Price Index graph on your website. Simply copy the code above, and paste it into the page of your website where you want the chart to be displayed. The function called inside $(document).ready(function(){ connects to the snaphome.asia server, obtains the market data, and draws the Thailand House Price Index graph on your webpage.
<!DOCTYPE html>
<html>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://www.snaphome.asia/_js/chart/Chart.bundle.js"></script>
<script src="https://www.snaphome.asia/_js/chart/utils.js"></script>
<script src="https://www.snaphome.asia/_js/chart/thailandHousePriceIndex.js"></script>
<script>
$(document).ready(function(){
house('https://www.snaphome.asia/single_detached_house_price_index_thailand_last_10_years');
});
</script>
<body>
<div class="chart-container"></div>
<!-- the chart-container div will display the chart with the Thailand House Price Index -->
</body>
</html>
The output
Below is the output you will get on your webpage
Additional charts
Similarly you can display on your website charts representing:
To display on your website the additional charts simply add the 3 functions below inside $(document).ready(function(){. You will also have to add 3 new <div> tags
<script>
$(document).ready(function(){
townHouse('https://www.snaphome.asia/town_house_price_index_thailand_last_10_years');
condo('https://www.snaphome.asia/condo_price_index_thailand_last_10_years');
land('https://www.snaphome.asia/land_price_index_thailand_last_10_years');
});
</script>
<body>
<div class="container_town_house_10y"></div>
<!-- the container_town_house_10y div displays the chart with the Thailand Town House Price Index -->
<div class="container_condo_10y"></div>
<!-- the container_condo_10y div displays the chart with the Thailand Condo Price Index -->
<div class="container_land_10y"></div>
<!-- the container_land_10y div displays the chart with the Thailand Land Price Index -->
</body>
</html>
The output
Below is the output you will get on your webpage
If you have troubles setting up the charts on your website, feel free to get in contact with us using our Contact us form.