export default function Example()

in packages/showcase/axes/custom-axis.js [32:66]

• 34 lines of code
• 1 McCabe index (conditional complexity)

export default function Example() {
  const axisStyle = {
    ticks: {
      fontSize: '14px',
      color: '#333'
    },
    title: {
      fontSize: '16px',
      color: '#333'
    }
  };

  return (
    <XYPlot width={300} height={300}>
      <VerticalGridLines />
      <HorizontalGridLines />
      <XAxis
        hideLine
        title="X"
        labelFormat={v => `Value is ${v}`}
        labelValues={[2]}
        tickValues={[1, 1.5, 2, 3]}
        style={axisStyle}
      />
      <YAxis hideTicks />
      <LineSeries
        data={[
          {x: 1, y: 10},
          {x: 2, y: 5},
          {x: 3, y: 15}
        ]}
      />
    </XYPlot>
  );
}