Javascript（<script>タグ）の中でPHPの変数を渡してくれないです。。

お世話になっております。

さて、XXX.phpファイルの中で<script>でJSの記載を行っているのですが、
その中でphpの変数を吐き出そうとしております。
*なおscriptタグはchart.jsというライブラリを使用しております。
(http://www.chartjs.org/docs/)
以下の問題点に記載のあるように、$sales変数をjsが出力してくれません。

何か記法に誤りがありますでしょうか？
また、誤りがあるとして、どのように修正すべきかご教示願えますでしょうか？

よろしくお願い申し上げます。

問題点
そこで、コードの中にある$period_3,$period_2,$period_1は適切に値を渡し、出力してくれます。
     data: { labels: ["<?php echo $period_3;?>", "<?php echo $period_1period_2;?>", "<?php echo $period_１;?>"],

一方で同じコードの中にある$sales3,$sales2,$sales1は出力してくれません。
data: ["<?php echo $sales3;?>", "<?php echo $sales2;?>", "<?php echo $sales1;?>"],
*ダブルクオテーションを外してもダメです。

因みphpで変数を渡さず、直接数値を入れた場合にはjsは適切に動いていることは確認しております。

<?php?>
XXX.phpの抜粋
$period_1=28;//int
$period_2=29;//int
$period_3=30;//int

$sales1=100;//int
$sales2=200;//int
$sales3=300;//int

<script>
    var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
                type: 'bar',
                data: {
                    labels: ["<?php echo $period_3;?>", "<?php echo $period_1period_2;?>", "<?php echo $period_１;?>"],
                    datasets: [{

                        data: ["<?php echo $sales3;?>", "<?php echo $sales2;?>", "<?php echo $sales1;?>"],
                        label: "当期純利益",
                        backgroundColor: [
                            'rgba(255, 99, 132, 0.2)',
                            'rgba(255, 99, 132, 0.2)',
                            'rgba(255, 99, 132, 0.2)',

                        },
                        options: {
                            scales: {
                                yAxes: [{
                                    ticks: {
                                        beginAtZero: true
                                    }
                                }]
                            }
                        }
                    });
</script>