Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

needleStart does not work for radial gauge if the needle type is "arrow" #114

Closed
Mikhus opened this issue Mar 8, 2017 · 1 comment
Closed

needleStart does not work for radial gauge if the needle type is "arrow" #114

Mikhus opened this issue Mar 8, 2017 · 1 comment
Assignees
@Mikhus
Labels
bug
Milestone
2.1.3

Comments

@Mikhus
Copy link
Owner

Mikhus commented Mar 8, 2017

Example

<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Gauge Test</title>
    <link rel="stylesheet" href="../fonts/fonts.css">
    <script src="../gauge.min.js"></script>
</head>
<body style="background: #fff">

<canvas id="canvas-id"></canvas>

<script>
    var gauge = new RadialGauge({
        renderTo: 'canvas-id',
        width: 300,
        height: 300,
        units: "",
        //title: "",

        startAngle: 90,
        ticksAngle: 180,
        colorPlate: "#ffffff",
        //colorPlateEnd: "#ffffff",
        colorUnits: "#3CA7DB",
        colorNumbers: "#534638",
        colorNeedle: "#8E7860",
        colorNeedleEnd: "#8E7860",
        colorNeedleCircleOuter: "#8E7860",
        colorNeedleCircleOuterEnd: "#8E7860",

        colorNeedleShadowUp: "#8E7860",
        colorNeedleShadowDown: "#8E7860",

        colorMajorTicks: ["#EBEBEB", "#EBEBEB", "#EBEBEB", "#EBEBEB", "#EBEBEB", "#EBEBEB"],
        colorMinorTicks: "#EBEBEB",

        minValue: 0,
        maxValue: 100,
        majorTicks: ["","20","40","60","80",""],
        minorTicks: "2",
        strokeTicks: true,
        highlights: [
            {
                "from": -0.25,
                "to": 39.99,
                "color": "#FF9488"
            },
            {
                "from": 39.99,
                "to": 59.99,
                "color": "#8FB9BD"
            },
            {
                "from": 59.99,
                "to": 100.25,
                "color": "#B1B9CB"
            }
        ],
        //
        highlightsWidth: 25,
        numbersMargin: 12,
        //
        //barWidth: 20,
        //barStrokeWidth: 0,
        //barProgress: 1,
        //barShadow: 0,
        //
        animation: true,
        //animationDuration: 500,
        animationRule: "linear",
        animatedValue: true,
        //animateOnInit: true,

        borders: false,
        valueBox: false,

        needleType: "arrow",
        needleStart: 0,
        needleEnd: 65,
        needleWidth: 4,
        needleCircleSize: 10,
        needleCircleInner: false,
        needleCircleOuter: true,
        needleShadow: false,

        borderShadowWidth: 0

    }).draw();


    gauge.value = 56;
    gauge.update();
</script>
</body>
</html>

Should have no tail on the needle, but it has!
@Mikhus Mikhus self-assigned this Mar 8, 2017
@Mikhus Mikhus added the bug label Mar 8, 2017
@Mikhus Mikhus added this to the 2.1.3 milestone Mar 8, 2017
Mikhus added a commit that referenced this issue Mar 8, 2017
@Mikhus
Fixed issue #114 - arrow needle tail fixed for radial gauges
2cec240
@Mikhus
Copy link
Owner Author

Mikhus commented Mar 8, 2017

Fixed in branch v2.1.3

@Mikhus Mikhus closed this as completed Mar 8, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Mikhus Mikhus

Labels
bug
Projects
None yet
Milestone
2.1.3
Development

No branches or pull requests
1 participant
@Mikhus