suoqiu-f2/src/theme.js

Charts for mobile visualization.

/**
 * @fileOverview default theme
 * @author dxq613@gail.com
 */
import { mix } from './util/common';
const color1 = '#E8E8E8'; // color of axis-line and axis-grid
const color2 = '#808080'; // color of axis label

const defaultAxis = {
  label: {
    fill: color2,
    fontSize: 10
  },
  line: {
    stroke: color1,
    lineWidth: 1
  },
  grid: {
    type: 'line',
    stroke: color1,
    lineWidth: 1,
    lineDash: [ 2 ]
  },
  tickLine: null,
  labelOffset: 7.5
};

const Theme = {
  fontFamily: '"Helvetica Neue", "San Francisco", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", sans-serif',
  defaultColor: '#1890FF',
  pixelRatio: 1,
  padding: 'auto',
  appendPadding: 15,
  colors: [
    '#1890FF',
    '#2FC25B',
    '#FACC14',
    '#223273',
    '#8543E0',
    '#13C2C2',
    '#3436C7',
    '#F04864'
  ],
  shapes: {
    line: [ 'line', 'dash' ],
    point: [ 'circle', 'hollowCircle' ]
  },
  sizes: [ 4, 10 ],
  axis: {
    common: defaultAxis, // common axis configuration
    bottom: mix({}, defaultAxis, {
      grid: null
    }),
    left: mix({}, defaultAxis, {
      line: null
    }),
    right: mix({}, defaultAxis, {
      line: null
    }),
    circle: mix({}, defaultAxis, {
      line: null
    }),
    radius: mix({}, defaultAxis, {
      labelOffset: 4
    })
  },
  shape: {
    line: {
      lineWidth: 2,
      lineJoin: 'round',
      lineCap: 'round'
    },
    point: {
      lineWidth: 0,
      size: 3
    },
    area: {
      fillOpacity: 0.1
    }
  },
  _defaultAxis: defaultAxis
};

export default Theme;