Add check xAxisTicksCount in CanttChart

.gitignore

@@ -29,3 +29,5 @@ Desktop.ini
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+/examples

examples/src/App.js

@@ -8,7 +8,8 @@ import BoxPlot from './Components/BoxPlot';
 import GanttChart from './Components/GanttChart';
 import LineChart from './Components/LineChart';
 
-import '@hh.ru/react-d3-chart-graphs/styles.css';
+// import '@hh.ru/react-d3-chart-graphs/styles.css';
+import './dist/styles.css';
 
 class App extends Component {
     render() {

examples/src/Components/BarChart.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import {BarChart} from '@hh.ru/react-d3-chart-graphs';
+// import {BarChart} from '@hh.ru/react-d3-chart-graphs';
+import {BarChart} from '../dist/index.js';
 
 const items = [
     {

examples/src/Components/BoxPlot.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import {BoxPlot} from '@hh.ru/react-d3-chart-graphs';
+// import {BoxPlot} from '@hh.ru/react-d3-chart-graphs';
+import {BoxPlot} from '../dist/index.js';
 
 const items = [
     {

examples/src/Components/GanttChart.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import {GanttChart} from '@hh.ru/react-d3-chart-graphs';
+// import {GanttChart} from '@hh.ru/react-d3-chart-graphs';
+import {GanttChart} from '../dist/index.js';
 import {timeFormat} from 'd3-time-format';
 
 const data = [
@@ -44,8 +45,12 @@ const axesProps = {
         yAxis: 5,
     },
     tickFormat: {
-        xAxis: timeFormat('%d %B %y'),
+        // xAxis: timeFormat('%d %B %y'),
+        xAxis: timeFormat('%-I:%M:%S %p')
     },
+    ticksCount: {
+        xAxis: 50
+    }
 };
 
 const stackColors = {
@@ -70,6 +75,7 @@ export default () => {
 
     return (
         <GanttChart
+            manualAxes={true}
             axesProps={axesProps}
             data={data}
             handleBarHover={handleBarHover}

examples/src/Components/LineChart.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import {LineChartTime} from '@hh.ru/react-d3-chart-graphs';
+// import {LineChartTime} from '@hh.ru/react-d3-chart-graphs';
+import {LineChartTime} from  '../dist/index.js';
 import {timeFormat} from 'd3-time-format';
 
 const items = [

examples/src/Components/StackedBarChart.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
-import {StackedBarChart} from '@hh.ru/react-d3-chart-graphs';
+// import {StackedBarChart} from '@hh.ru/react-d3-chart-graphs';
+import {StackedBarChart} from  '../dist/index.js';
 
 const data = [
     {

package.json

@@ -1,8 +1,8 @@
 {
-  "name": "@hh.ru/react-d3-chart-graphs",
+  "name": "react-d3-chart-graphs",
   "version": "6.0.2",
-  "description": "A javascript library for building charts components made with React.js and D3.js",
-  "main": "dist/index.j",
+  "description": "A javascript library for building charts components made with React.js and D3.js. Fork by @hh.ru/react-d3-chart-graphs",
+  "main": "dist/index.js",
   "style": "dist/styles.css",
   "files": [
     "dist/styles.css",
@@ -17,7 +17,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/hhru/react-d3-chart-graphs"
+    "url": "https://github.com/Gorgy/react-d3-chart-graphs"
   },
   "private": false,
   "keywords": [
@@ -30,8 +30,8 @@
     "stacked-bar-chart"
   ],
   "author": {
-    "name": "Andrei Gladkov",
-    "email": "andrewgladkovlz@gmail.com"
+    "name": "Andrei Gladkov/Alexei Belov",
+    "email": "lcf-trane@live.ru"
   },
   "license": "MIT",
   "devDependencies": {

src/GanttChart/index.jsx

@@ -30,6 +30,7 @@ class Chart extends Component {
         }),
         render: PropTypes.func,
         parentWidth: PropTypes.number,
+        manualAxes: PropTypes.bool
     };
 
     handleBarHover = this.props.handleBarHover ? this.props.handleBarHover.bind(null) : () => {};
@@ -55,7 +56,7 @@ class Chart extends Component {
     };
 
     render() {
-        const { data, axesProps, margins, stackColors, paddingMultiplier, fillOpacity, render } = this.props;
+        const { data, axesProps, margins, stackColors, paddingMultiplier, fillOpacity, render, manualAxes } = this.props;
         const { legend, padding, tickFormat, ticksCount } = axesProps;
         const defaultMargins = { top: 10, right: 10, bottom: 150, left: 80 };
         const canvasMargins = margins || defaultMargins;
@@ -75,11 +76,13 @@ class Chart extends Component {
         const yDomain = data.map((item) => item.titleBar);
         const datesDomain = d3extent(datePlainList, (d) => new Date(d));
 
+        const calcTicksCount =
+            Math.floor((datesDomain[1] - datesDomain[0]) / (1000 * 60 * 60 * 24)) <= 2
+                ? Math.floor((datesDomain[1] - datesDomain[0]) / (1000 * 60 * 60))
+                : Math.floor((datesDomain[1] - datesDomain[0]) / (1000 * 60 * 60 * 24));
+
         const AxesTicksCount = {
-            xAxis: Math.min(
-                Math.floor((datesDomain[1] - datesDomain[0]) / (1000 * 60 * 60 * 24)),
-                (ticksCount && ticksCount.xAxis) || 30
-            ),
+            xAxis: manualAxes ? ticksCount.xAxis : Math.min(calcTicksCount, (ticksCount && ticksCount.xAxis) || 30),
             yAxis: (ticksCount && ticksCount.yAxis) || data.length,
         };