react-draggin-charts/src/style.css

a simply draggable react chart

.__draggin-chart-container {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-user-drag: none; /* get rid of chrome image drag behavior */
}

.no-data-description {
  font-family: inherit;
  padding: 10px 10px;
  transform: translate(-50%, -50%);
  color: rgb(140, 140, 140);
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.4);
  border-radius: 8px;
}

.rv-xy-plot {
  color: #c3c3c3;
  position: relative;
}

.rv-xy-plot__inner {
  display: block;
  box-sizing: border-box;
}

.rv-xy-plot__axis__line {
  fill: none;
  stroke-width: 2px;
}

.rv-xy-plot__grid-lines__line,
.rv-xy-plot__axis__line,
.rv-xy-plot__axis__tick__line {
  stroke: #e6e6e9;
}

.rv-xy-plot__axis__tick__text {
  user-select: none;
  fill: #6b6b76;
  font-size: 11px;
}

.rv-xy-plot__series,
.rv-xy-plot__series path {
  pointer-events: all;
}

.rv-hint {
  font-family: inherit;
  position: absolute;
  pointer-events: none;
}