Dalam contoh kodenya, kita memiliki chart column dan scatter plot yang terhubung. Kita ingin membuat scatter plot tersebut berada di sebelah kanan (right-aligned) dari chart column. Untuk mencapai hal ini, kita perlu mengubah properti align pada chart scatter.

Menggunakan Properti align

Dalam contoh kodenya, kita memiliki code sebagai berikut:

Highcharts.chart('container', {
 ...
 title: {
 text: 'Olympics athletes by height and weight',
 align: 'left'
 },
 ...
});

Kita perlu mengubah nilai align menjadi 'right' untuk membuat chart scatter berada di sebelah kanan. Jadi, code-nya akan seperti ini:

Highcharts.chart('container', {
 ...
 title: {
 text: 'Olympics athletes by height and weight',
 align: 'right'
 },
 ...
});

Namun, perlu diingat bahwa properti align hanya berlaku untuk chart yang memiliki jenis 'bar' atau 'column'. Jika Anda ingin menggunakan chart scatter, maka kita harus menggunakan properti lain.

Menggunakan Properti xAxis

Kita dapat mengatur properti xAxis pada chart scatter untuk membuatnya berada di sebelah kanan. Kita perlu menambahkan kode sebagai berikut:

Highcharts.chart('container', {
 ...
 xAxis: {
 labels: {
 align: 'right'
 }
 },
 ...
});

Dengan demikian, chart scatter akan berada di sebelah kanan dari chart column.