Welcome Guest Search | Active Topics |

How to remove axis, and other information from Bar Chart?
Options
Previous Topic Next Topic
skystar
#1 Posted : Friday, October 17, 2014 6:07:27 AM(UTC)
Rank: Newbie

Groups: Registered
Joined: 10/17/2014(UTC)
Posts: 6

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
Good afternoon.
Just want to say thank you, here is quite friendly community.
I need to draw a line graph, but just a line graph with no axes, values​​, etc. Only the graph and percentage at the end.

Q: how to remove all the items from the graph, indicate the axes, axes, etc. you only need to leave a line graph and interest.



My code:
Code:
$('#audience').jqChart({
                legend: { visible: false },
                border: { visible: false },
                title:
                {
                    text: 'Chart Title',
                    font: '12px sans-serif',
                    lineWidth: 1,
//                    strokeStyle: 'black',
                    fillStyle: 'white'
                },
                animation: { duration: 1 },
                series: [
                    {
                        pointWidth: 0.2,
                        type: 'bar',
                        fillStyle: '#7fbbe5',
                        data: [['A', 33]],
                        labels: {
                            stringFormat: ' %s %%',
                            valueType: 'dataValue',
                            font: '11px sans-serif',
                            fillStyle: 'white'
                        },
                        tickOptions: {
                            showGridline: false
                        }
                    },
                    {
                        pointWidth: 0.2,
                        type: 'bar',
                        fillStyle: '#92b5c7',
                        data: [['A', 67]],
                        tickOptions: {
                            showGridline: false
                        },
                        labels: {
                            stringFormat: ' %s %%',
                            valueType: 'dataValue',
                            font: '11px sans-serif',
                            fillStyle: 'white'
                        }
                    }
                ]
            });
Back to top
skystar
#2 Posted : Friday, October 17, 2014 7:11:11 AM(UTC)
Rank: Newbie

Groups: Registered
Joined: 10/17/2014(UTC)
Posts: 6

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
Code:
axes: [
                    {
                        strokeStyle: 'transparent',
                        visible: false,
                        majorGridLines: false,
                        location: 'bottom',
                        labels: {
                            visible : false
                        }
                    }
                ]

I'm disabled grid, and x axis labels, but main axis (horizontal and verticall) remained in the same place.
How can disable this axis with, y label?
Back to top
 |  Edit by user
skystar
#3 Posted : Friday, October 17, 2014 9:27:17 AM(UTC)
Rank: Newbie

Groups: Registered
Joined: 10/17/2014(UTC)
Posts: 6

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
Code:
axes: [
                    {
                        strokeStyle: 'transparent',
                        visible: false,
                        majorGridLines: { visible: false },
                        lineWidth: 0,
                        location: 'bottom',
                        majorTickMarks: { visible: false },
                        labels: {
                            visible : false
                        }
                    },
                    {
                        strokeStyle: 'transparent',
                        visible: false,
                        majorGridLines: { visible: false },
                        lineWidth: 0,
                        location: 'left',
                        majorTickMarks: { visible: false },
                        labels: {
                            visible : false
                        }
                    }
                ],


Solved!
Back to top
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.224 seconds.