首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >yui图表-使用connectPoints

yui图表-使用connectPoints
EN

Stack Overflow用户
提问于 2013-06-15 12:09:38
回答 1查看 99关注 0票数 0

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

代码语言:javascript
复制
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属性?

EN

回答 1

Stack Overflow用户

发布于 2014-04-03 18:42:33

将线条的粗细设置为0

代码语言:javascript
复制
 styles: {
            line: {
                weight: 0
            }
        }

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17120091

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档