0

私は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 属性の使用方法を説明したりできますか?

4

1 に答える 1

0

線の太さを 0 にする

 styles: {
            line: {
                weight: 0
            }
        }

作業例: http://jsfiddle.net/ffPG7/

于 2014-04-03T10:42:32.603 に答える