Improve gantt diagram code

src/diagrams/gantt/ganttRenderer.js

@@ -300,10 +300,8 @@ export const draw = function (text, id) {
     }
     formatter = pre.concat(mid).concat(post)
 
-    // let xAxis = d3.svg.axis()
+    let xAxis = d3.axisBottom(timeScale)
-    //   .scale(timeScale)
+      .tickSize(-h + theTopPad + conf.gridLineStartPadding, 0, 0)
-    //   .orient('bottom')
-    //   .tickSize(-h + theTopPad + conf.gridLineStartPadding, 0, 0)
       // .tickFormat(d3.time.format.multi(formatter))
 
     // if (daysInChart > 7 && daysInChart < 230) {
@@ -313,7 +311,7 @@ export const draw = function (text, id) {
     svg.append('g')
       .attr('class', 'grid')
       .attr('transform', 'translate(' + theSidePad + ', ' + (h - 50) + ')')
-      // .call(xAxis) // todo: fix this instead of commentting out
+      .call(xAxis)
       .selectAll('text')
       .style('text-anchor', 'middle')
       .attr('fill', '#000')

todo.md

@@ -1,22 +1,12 @@
-- Upgrade d3 to version 4
+- Fix d3-textwrap code
-- Use external d3-textwrap library
-    - rewrite src/d3.js
-    - Problem is it's for d3 v4 only
-- Make node console output colors like Chrome console
-- What's the correct way to change logLevel as an end user?
-    - mermaid.initialize({ logLevel: 1 })
 - Replace CodeClimate with coveralls ?
 - Get familar with jison
 - git graph requires a blank line at the end. why?
-- Remove 'lodash' as dependency
-    - https://github.com/lodash/babel-plugin-lodash
-    - https://www.npmjs.com/package/lodash-webpack-plugin
 - global.mermaid_config
 - rewrite logger
 - rewrite less code
-- d3 is possible to work with jsdom only.
-    - need to mock window size
-    - so mermaid could work without a browser at all
-    - But how to mesure font size? it's a problem.
 - Setup code coverage
 - Create a desktop client
+- fix gantt diagram xAxis issue
+- Fix sequence diagram node label position issue
+- Fix flowchart interpolate/curve issue