¿Cómo mostrar varias líneas en eCharts usando codificar?

En eCharts, ¿cómo modifico lo siguiente optionpara mostrar varias líneas en el gráfico? ¿Lo que quiero es una línea para el producto "Matcha Latte" y una línea para "Cheese Cocao"? Me gustaría mantener el conjunto de datos sin cambios si es posible.

option = {
 legend: {},
 tooltip: {},
 dataset: {
 dimensions: [{name:'product', type:'ordinal'}, {name:'date'}, 
 {name:'value'}],
 source: [
 {product: 'Matcha Latte', 'date': 2016, 'value': 85.8},
 {product: 'Matcha Latte', 'date': 2017, 'value': 73.4},
 {product: 'Cheese Cocoa', 'date': 2016, 'value': 65.2},
 {product: 'Cheese Cocoa', 'date': 2017, 'value': 53.9}
 ]
 },
 xAxis: {type: 'category', name: 'date'},
 yAxis: {type: 'value', name: 'value'},
 
 series: [
 {type: 'line', encode: {x: 'date', y:'value'}},
 ]
};

Solución del problema

puedes transformar el conjunto de datos usando un filtro:

option = {
 legend: {},
 tooltip: {},
 dataset: [
 {
 dimensions: [
 { name: 'product', type: 'ordinal' },
 { name: 'date' },
 { name: 'value' }
 ],
 source: [
 { product: 'Matcha Latte', date: 2016, value: 85.8 },
 { product: 'Matcha Latte', date: 2017, value: 73.4 },
 { product: 'Cheese Cocoa', date: 2016, value: 65.2 },
 { product: 'Cheese Cocoa', date: 2017, value: 53.9 }
 ]
 },
 {
 fromDatasetIndex: 0,
 transform: [
 {
 type: 'filter',
 config: {
 dimension: 'product',
 value: 'Matcha Latte'
 }
 }
 ]
 },
 {
 fromDatasetIndex: 0,
 transform: [
 {
 type: 'filter',
 config: {
 dimension: 'product',
 value: 'Cheese Cocoa'
 }
 }
 ]
 }
 ],
 xAxis: { type: 'category', name: 'date' },
 yAxis: { type: 'value', name: 'value' },
 series: [
 { datasetIndex: 1, type: 'line', encode: { x: 'date', y: 'value' } },
 { datasetIndex: 2, type: 'line', encode: { x: 'date', y: 'value' } }
 ]
};