D3.js dimple.js虚线图

如何将下面的系列2绘制为虚线？如果dimple.js本身不能完成某些事情，我将如何使用d3.js来完成

<div id="chart1">
    <script>
        var svg1 = dimple.newSvg("#chart1", 600, 500);
        var data1 = [[{x: '01/31/1998', y: 100.0}, {x: '02/28/1998', y: 110.0}, {x: '03/31/1998', y: 120.0}, {x: '04/30/1998', y: 130.0}],
                    [{x: '01/31/1998', y: 120.0}, {x: '02/28/1998', y: 130.0}, {x: '03/31/1998', y: 140.0}, {x: '04/30/1998', y: 150.0}]]

        var chart1 = new dimple.chart(svg1);
        chart1.setBounds(70, 30, 400, 300)
        var xAxis = chart1.addTimeAxis("x", "x", "%m/%d/%Y", "%b %y");
        xAxis.title="Date"
        var yAxis = chart1.addMeasureAxis("y", "y");
        yAxis.title = "Price"

        s1 = chart1.addSeries("Series1", dimple.plot.line, [xAxis, yAxis]);
        s1.data = data1[0]
        s2 = chart1.addSeries("Series2", dimple.plot.line, [xAxis, yAxis]);
        s2.data = data1[1]
        myLegend1 = chart1.addLegend(510, 100,60, 200, "Right");
        chart1.draw();
    </script>
</div>

var svg1=酒窝。新闻VG（“图表1”，600500）；
var data1=[{x:'01/31/1998'，y:100.0}，{x:'02/28/1998'，y:110.0}，{x:'03/31/1998'，y:120.0}，{x:'04/30/1998'，y:130.0}]，
[{x:'01/31/1998'，y:120.0}，{x:'02/28/1998'，y:130.0}，{x:'03/31/1998'，y:140.0}，{x:'04/30/1998'，y:150.0}]
var图表1=新的酒窝图表（svg1）；
图1.立根（70,30,400,300）
var xAxis=chart1.addTimeAxis（“x”，“x”，“m/%d/%Y”，“b%Y”）；
xAxis.title=“日期”
var yAxis=图表1.添加测量轴（“y”、“y”）；
yAxis.title=“价格”
s1=图表1.addSeries（“系列1”，dimple.plot.line，[xAxis，yAxis]）；
s1.data=data1[0]
s2=图表1.添加系列（“系列2”，酒窝.plot.line，[xAxis，yAxis]）；
s2.data=data1[1]
myLegend1=图表1.添加图例（510100,60200，“右”）；
图1.draw（）；

您可以在调用draw方法后访问形状。它们将根据它们的值进行分类，然后你可以用一点d3做你喜欢的事情。以下是如何在您的案例中创建第二个系列：

svg1.selectAll("path.dimple-series2").style("stroke-dasharray", "2");

---

注意。该类之所以被命名为“dimple-series2，是因为它被命名为

series2

，而不是因为它的位置。如果您有一个更复杂的系列名称，您可能需要检查该行以确定使用哪个类。例如，

myawesome系列

将被归类为“dimple myawesome系列”。如果您有一个包含多行的系列，那么系列名称和值将作为类添加，以便您可以获取所需的任何内容。

后续操作。每次调用chart.draw时都必须执行此操作，对吗？另外，如果系列名称包含“（%）”等字符，您将如何处理这些情况？似乎dimple或d3.js将这些字符替换为“---”