如何设置角度谷歌折线图的样式，使其在同一条线上有两种样式

您可以通过使用列角色来实现所需的结果：

列角色描述该列中数据的用途：例如，一列可能包含描述工具提示文本、数据点的数据注释或不确定性指示符。

因此，让我们介绍一个风格的角色列：

 {
       "type": "string",
       "role": "style",
       "p": { "role": "style" }
 }

然后，指定线条样式：

 { "v": "line { stroke-color: green }" }

以下修改后的示例演示了如何将线段设置为不同颜色：

var app = angular.module('myApp', ['googlechart']);
app.controller('chartCtrl', function ($scope) {
    $scope.stat = {
        "type": "LineChart",
        "displayed": false,
        "data": {
            "cols": [
              {
                  "id": "date",
                  "label": "Date",
                  "type": "string",
              },
              {
                  "id": "sales-id",
                  "label": "Sales",
                  "type": "number",
              },
              {
                  "type": "string",
                  "role": "style",
                  "p": { "role": "style" }
              }
            ],
            "rows": [
              {
                  "c": [
                    {
                        "v": "20 Nov"
                    },
                    {
                        "v": 19,
                    },
                    { "v": null }
                  ]
              },
              {
                  "c": [
                    {
                        "v": "21 Nov"
                    },
                    {
                        "v": 17,
                    },
                    { "v": null }
                  ]
              },
              {
                  "c": [
                    {
                        "v": "22 Nov"
                    },
                    {
                        "v": 18,
                    },
                    { "v": null }
                  ]
              },
              {
                  "c": [
                    {
                        "v": "23 Nov"
                    },
                    {
                        "v": 18,
                    },
                    { "v": null }
                  ]
              },
              //FUTURE PROJECTION
              {
                  "c": [
                    {
                        "v": "24 Nov"
                    },
                    {
                        "v": 17,
                    },
                    { "v": "line { stroke-color: green }" }
                  ]
              },
              {
                  "c": [
                    {
                        "v": "25 Nov"
                    },
                    {
                        "v": 15,
                    },
                    { "v": "line { stroke-color: green }" }
                  ]
              },
            ]
        },
        "options": {
            "isStacked": "true",
            "fill": 20,
            "displayExactValues": true,
            "legend": { "position": 'none' },
        }
    }
});

<script src="http://code.angularjs.org/1.2.10/angular.js"></script>
<script src="http://bouil.github.io/angular-google-chart/ng-google-chart.js"></script>
<div ng-app='myApp' ng-controller="chartCtrl">
    <div google-chart chart="stat"></div>
</div>

JSFiddle