Welcome Guest Search | Active Topics |

lineWidth = 0 not working over 501 points ?
Options
Previous Topic Next Topic
Junya
#1 Posted : Monday, June 3, 2013 7:34:16 PM(UTC)
Rank: Member

Groups: jQueryChart, Registered
Joined: 6/3/2013(UTC)
Posts: 13

Thanks: 1 times
Was thanked: 0 time(s) in 0 post(s)
Hi,

When the data count is over 501 points, even if I specifies lineWidth of series as zero, a chart line does not disappear.
Is this a jqChart's bug ? Can I avoid this phenomenon ?

Code:

    <script lang="javascript" type="text/javascript">

        function round(d) {
            return Math.round(100 * d) / 100;
        }

        var data1 = [];
        var data2 = [];

        var yValue1 = 50;
        var yValue2 = 50;

        for (var i = 0; i < 500; i++) {
            yValue1 += Math.random() * 10 - 5;
            data1.push([i, round(yValue1)]);
        }

        for (var i = 0; i < 501; i++) {
            yValue2 += Math.random() * 10 - 5;
            data2.push([i, round(yValue2)]);
        }

        $(document).ready(function () {

            $('#jqChart1').jqChart({
                title: { text: '500 points', font: '18px sans-serif' },
                axes: [
                        {
                            type: 'linear',
                            location: 'bottom'
                        }
                      ],
                legend: {
                    visible: false
                },
                series: [
                            {
                                title: 'Series 1',
                                type: 'line',
                                data: data1,
                                lineWidth : 0,
                                markers: {
                                            type: 'circle',
                                            size: 0
                                         }
                            }
                        ]
            });

            $('#jqChart2').jqChart({
                title: { text: '501 points', font: '18px sans-serif' },
                axes: [
                        {
                            type: 'linear',
                            location: 'bottom'
                        }
                      ],
                legend: {
                    visible: false
                },
                series: [
                            {
                                title: 'Series 2',
                                type: 'line',
                                data: data2,
                                lineWidth : 0,
                                markers: {
                                            type: 'circle',
                                            size: 0
                                         }
                            }
                        ]
            });
        });
    </script>

</head>
<body>
<div id="jqChart1" style="width: 1000px; height: 300px;"></div>
<div id="jqChart2" style="width: 1000px; height: 300px;"></div>
</body>
</html>
Back to top
Dragan
#2 Posted : Wednesday, June 5, 2013 4:54:59 AM(UTC)
Rank: Advanced Member

Groups: Administrators, DataVizJavaScript, jQueryChart, jQueryDV, MvcChart, Registered
Joined: 1/3/2011(UTC)
Posts: 483

Thanks: 0 times
Was thanked: 87 time(s) in 87 post(s)
This is a strange issue. Thank you for letting us know about it. We'll try fixing it asap. In the meantime you can set the 'strokeStyle' of the line series to 'transparent':

Code:
series: [
                          {
                              title: 'Series 2',
                              type: 'line',
                              data: data2,
                              lineWidth: 0,
                              strokeStyle : 'transparent',
                              markers: {
                                  type: 'circle',
                                  size: 0
                              }
                          }
              ]
Best Regards,
Dragan Matek
jqChart Inc.
Back to top
1 user thanked Dragan for this useful post.
Junya on 7/25/2013(UTC)
Users browsing this topic
Guest
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

FlatEarth Theme by Jaben Cargman (Tiny Gecko)
Powered by YAF 1.9.4 | YAF © 2003-2010, Yet Another Forum.NET
This page was generated in 0.089 seconds.