谷歌可视化组合图表与图像或文本而不是Pointshape

时间:2016-09-02 09:13:11

标签: asp.net charts google-visualization

以下是Code在Google图表中绘制形成矩形的线条,

如何在{4}}中显示谷歌组合图表中包含文字或自定义图片的点数形式?

以下是我写的代码。

var data = google.visualization.arrayToDataTable([
['FirstLine_X', 'FirstLine_Y','SecondLine_Y','SecondLine_X',{'type': 'string', 'role': 'style'},{ role: 'annotation' }],
[7,5,null,null,null,null],
[7,0,null,null,null,null],
[3.5,0,null,null,null,null],
[3.5,5,null,null,null,null],
[7,5,null,null,null,null],
[1.5,null,0,null,null,null],
[1.5,null,10,null,null,null],
[10.5,null,10,null,null,null],
[10.5,null,0,null,null,null],
[7,null,0,null,null,null],
[7,null,5,null,null,null],
[3.5,null,5,null,null,null],
[3.5,null,0,null,null,null],
[1.5,null,0,null,null,null],
[10,null,null,5,'point { size: 3; shape-type: star; fill-color: #a52714; }','First Point'],
[8,null,null,5,'point { size: 3; shape-type: none; fill-color: green; }','Second Point']
]);

我想要下面的内容,在绘制图表时使用自定义图像。

var options = {
          legend: 'none',
          hAxis: { minValue: 0, maxValue: 7 },
          pointSize: 30,
          series: {
                0: { pointShape: '1.png' },
                1: { pointShape: '2.png' },
                2: { pointShape: 'abc.png' },
                3: { pointShape: 'x.png' },
                4: { pointShape: 'star.png' },
                5: { pointShape: 'p.png' }
            }
        };

0 个答案:

没有答案