我是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属性?
发布于 2014-04-03 18:42:33
将线条的粗细设置为0
styles: {
line: {
weight: 0
}
}工作示例:http://jsfiddle.net/ffPG7/
https://stackoverflow.com/questions/17120091
复制相似问题