yui 图表 - 使用 connectPoints答案

【问题标题】：yui charts - using connectPointsyui 图表 - 使用 connectPoints
【发布时间】：2013-06-15 04:09:37
【问题描述】：

我是 yui 的新手，我正在尝试创建一个只显示点的图表（点之间没有连接）。我正在使用 line 类型的图表，并通过将“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 属性？

【问题讨论】：

标签： javascript yui

【解决方案1】：

将线条的粗细设置为0

 styles: {
            line: {
                weight: 0
            }
        }

工作示例： http://jsfiddle.net/ffPG7/

【讨论】：