yui图表-使用connectPoints

yui charts - using connectPoints

本文关键字：connectPoints 使用图表 yui 更新时间：2023-09-26

我是yui的新手，并试图创建一个仅显示点的图表(点之间没有连接)。我正在使用类型线的图表，并通过设置"connectPoints"属性为false来删除点之间的连接(如API中所述)。但这些点仍然是相连的。我的代码如下:

var data = '[{"lowRange":1.1 "dateTime":1329264000000},
                {"lowRange":1.1, "dateTime":1331769600000}]';
    var myAxes = {
        resultsData:{
            keys:["lowRange"],
            position:"left",
            type:"numeric",
            styles:{
                majorTicks:{
                    display: "none"
                }
            }
        },
        dateRange:{
            keys:["dateTime"],
            position:"bottom",
            type:"time",
            styles:{
                majorTicks:{
                    display: "none"
                },
                label: {
                    rotation:-45,
                    margin:{top:5}
                }
            }
        }
    };
   var seriesCollection = [{
        type:"line",
        xAxis:"dateRange",
        yAxis:"resultsData",
        xKey:"dateTime",            
        yKey:"lowRange",
        xDisplayName:"Date",
        yDisplayName:"Low Range",
        style: {                
            connectPoints:false             
        }
    }]  
var myChart = new Y.Chart({   
                    dataProvider:data, 
                    axes:myAxes, 
                    seriesCollection:seriesCollection,             
                    render:"#container"                       
                });

谁能提供创建这样一个图形的例子或解释如何使用connectPoints属性?

设置行距为0

 styles: {
            line: {
                weight: 0
            }
        }

工作的例子:http://jsfiddle.net/ffPG7/