Javascript 未使用数据集显示eChart图例&；尺寸

我在用图书馆。由于某些原因，图例没有出现在这个使用数据集和维度的简单图表中

我已经被困了很长一段时间，尝试了各种各样的例子，但都无济于事。请帮忙

JS小提琴：

//基于准备好的DOM，初始化echarts实例
var myChart=echarts.init（document.getElementById（'main'）；
//指定图表配置项和数据
var选项={
数据集：[{
资料来源：[
[Test1'，10]，
[Test2'，20]
],
维度：[“类别”、“值”]
},
{
资料来源：[
[Test1'，15]，
[Test2'，25]
],
维度：['Category'，'Value2']
}],
xAxis:[{type:'category'}，{type:'category'}]，
yAxis:[{position:'left'}，{position:'right'}]，
系列：[
{
键入：“行”，
编码：{
x:'类别'，
y:‘价值’
},
数据集索引：0，
yAxisIndex:0
},
{
键入：“行”，
编码：{
x:'类别'，
y:“价值2”
},
数据集索引：1，
雅克斯指数：1
}
],
颜色：[“c22e34”、“e7b603”、“0097da”、“2b821e”、“035daa”、“339ca8”]
};
//使用指定的配置项和数据显示图表
myChart.setOption（选项）
您需要向选项对象添加图例。并为系列对象命名

 var option = {
        dataset: [{
            source: [
                ['Test1', 10],
                ['Test2', 20]
            ],
            dimensions: ['Category', 'Value']
        },
        {
            source: [
                ['Test1', 15],
                ['Test2', 25]
            ],
            dimensions: ['Category', 'Value2']
        }],
        legend: {}, //need this to show legend
        xAxis: [{ type: 'category' }, { type: 'category' }],
        yAxis: [{ position: 'left' }, { position: 'right' }],
        series: [
            {
                    name: 'legend1', //give a name to series
                type: 'line',
                encode: {
                    x: 'Category',
                    y: 'Value'
                },
                datasetIndex: 0,
                yAxisIndex: 0
            },
            {
                type: 'line',
                name: 'legend2',
                encode: {
                    x: 'Category',
                    y: 'Value2'
                },
                datasetIndex: 1,
                yAxisIndex: 1
            }
        ],
        color: ["#c22e34", "#e7b603", "#0097da", "#2b821e", "#035daa", "#339ca8"]
    };