yAxis Ticks Format D3 V4

<html>

<head>
    <title>Chandrakant Bharatkumar Thakkar</title>
</head>

<body>

var mainDiv = "#chart";
        var yAxis = "yaxis";
        var mainDivName = mainDiv.substr(1, mainDiv.length);
        d3.select(mainDiv).append("svg").attr("width", $(mainDiv).width()).attr("height", $(mainDiv).height());
        var svg = d3.select(mainDiv + " svg"),
            margin = {
                top: 20,
                right: 20,
                bottom: 30,
                left: 40
            },
            width = +svg.attr("width") - margin.left - margin.right,
            height = +svg.attr("height") - margin.top - margin.bottom;

var g = svg.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")");

data.forEach(function(d) {
            d.yaxis = d.yaxis * 1000;
        });
        y0.domain(data.map(function(d) {
            return d[yAxis];
        }));
        xpoint = xpoint + distance;
        g.append("g")
            .attr("class", "axis")
            .attr("transform", "translate(" + xpoint + ",0)")
            .call(d3.axisLeft(y0).tickFormat(d3.format(".0s")))
            .append("text")
            .attr("transform", "rotate(-90)")
            .attr("x", 0 - (height / 2))
            .attr("y", 10 - margin.left)
            .attr("dy", "0.32em")
            .attr("fill", "#000")
            .attr("font-weight", "bold")
            .attr("text-anchor", "middle")
            .text("SI Format");

ele.selectAll("text")
            .attr("transform", "rotate(-55)")
            .attr("dx", ".5em")
            .attr("dy", "-.9em")
        ele.append("text")
            .attr("transform", "rotate(-90)")
            .attr("x", 0 - (height / 2))
            .attr("y", 0 - margin.left)
            .attr("dy", "0.32em")
            .attr("fill", "#000")
            .attr("font-weight", "bold")
            .attr("text-anchor", "middle")
            .text("Day Date Format");
        xpoint = xpoint + distance;
        var ele = g.append("g")
            .attr("class", "axis")
            .attr("transform", "translate(" + xpoint + ",0)")
            .call(d3.axisLeft(y0).tickFormat(d3.timeFormat("%Y-%m-%d")));
        ele.selectAll("text")
            .attr("transform", "rotate(-55)")
            .attr("dx", ".5em")
            .attr("dy", "-.9em");

ele.append("text")
            .attr("transform", "rotate(-90)")
            .attr("x", 0 - (height / 2))
            .attr("y", 0 - (margin.left + 10))
            .attr("dy", "0.32em")
            .attr("fill", "#000")
            .attr("font-weight", "bold")
            .attr("text-anchor", "middle")
            .text("YYYY-MM-DD Format");
        xpoint = xpoint + distance;
        var ele = g.append("g")
            .attr("class", "axis")
            .attr("transform", "translate(" + xpoint + ",0)")
            .call(d3.axisLeft(y0).tickFormat(d3.timeFormat("%y-%b-%d")));
        ele.selectAll("text")
            .attr("transform", "rotate(-55)")
            .attr("dx", ".5em")
            .attr("dy", "-.9em");

</html>

Modified http://code.jquery.com/jquery-latest.min.js to a secure url

https://code.jquery.com/jquery-latest.min.js

https://d3js.org/d3.v4.min.js