Как я могу использовать переданный массив для выбранной опции, а затем использовать его для обновления данных моего графика в формате js?

Question

Попытка передать динамические данные из контроллера для просмотра в выбранной опции, а затем использовать ее в js для обновления данных моей диаграммы

// ИЗ КОНТРОЛЛЕРА, ПЫТАЮЩЕГОСЯ В Массив PASS Чтобы выбрать опцию, используйте это значение для обновления наборов данных

$keyboard = array(1,2,3,4,5,6,7,8,9,10,11,12);
$mouse    = array(5,3,2,1,4,6,7,10,12,13,14);
$monitor  = array(5,4,3,2,1);

// ВЫБРАТЬ ВАРИАНТ

  <option value="{ json_encode($keyboard) }">Keyboard</option>
  <option value="{ json_encode($mouse) }">Mouse</option>
  <option value="{ json_encode($monitor) }">Monitor</option>

// CHART

        data: {
            labels:['January', 'February', 'March','April','May','June','July','August','September','October','November','December'],
            datasets: [{}]
        },
        options: {
          title: {
            display: true,
            text: ['ITEM REPORT']
        },
        legend: {
            display: false
            }
        }
    });

// This.value имеет значение выбранного itemvalue {json_encode ($)}

// пример, который я хочу получить {json_encode ($ monitor)}, который является массивом (5,4,3,2,1);

     $("select").on('change', function() {  

      var passdata = this.value;

        chart.data.datasets = [{data: [passdata]}]
        chart.update()
    });
});

https://jsfiddle.net/Lt27v6ru/2/ (это ссылка на jsfiddle)