Json encode проблема с пробелом

<button id="button"
        data-legend = {{ json_encode(['In time', 'Half time', 'Overtime'])}}
>Button</button>

data-legend="["In" time","half="" time","overtime"]=""

data-production="["odit","porro","necessitatibus","ut","omnis","perspiciatis"]"

Дело не в пробелах, у вас в атрибутах не могут быть кавычки, т.е. ваш пример:

data-production="["odit","porro","necessitatibus","ut","omnis","perspiciatis"]"

это просто невалидный HTML. Вероятно отсюда всё ваши проблемы. Покопайтесь в настройках json_encode чтобы он, например, корректно вам кавычки эскейпил в " у вашего JSON. Ну или по обстоятельствам, просто не совсем понятно что именно вы хотите получить в итоге.

Если речь идет о шаблонизаторе blade, то вам нужно использовать нотацию {!! !!}

<button id="button"
        data-legend = "{!! json_encode(['In time', 'Half time', 'Overtime'])!!}"
>Button</button>

Проблема была не с пробелом, а в правильности передачи параметров в json_encode, т.е. вместо json_encode(['In time', 'Half time', 'Overtime']), в данном случае необходимо использовать json_encode(array('In time', 'Half time', 'Overtime')).