Comparar texto

Encontre a diferença entre dois arquivos de texto

Diff em tempo real

Diff unificado

Recolher linhas

Destacar alterações

Realce de sintaxe

Ferramentas

Diffchecker Desktop The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!Get Desktop

Untitled diff

Created 8 years agoDiff never expires

Linhas
Total
Removido

Palavras
Total
Removido

Para continuar usando este recurso, atualize para Diffchecker Pro Ver preços

80 linhas

Linhas
Total
Adicionado

Palavras
Total
Adicionado

Para continuar usando este recurso, atualize para Diffchecker Pro Ver preços

82 linhas

const { VictoryChart, VictoryBar,VictoryPie ,

VictoryAxis, VictoryLegend, VictoryLabel ,VictoryTheme} = Victory;

const colors = [

'#F56D00', '#9F3AB7', '#64CCE9', '#32120A',

'#F8984C', '#BB75CC', '#92DBEF', '#6F5953',

'#FABD8C', '#D4A6DE', '#B9E8F5', '#A39491']

class DonutChart extends React.Component {

static propTypes = {

data: PropTypes.arrayOf(PropTypes.object).isRequired,

width: PropTypes.number.isRequired,

height: PropTypes.number.isRequired,

innerRadius: PropTypes.number.isRequired

}

render() {

let { data, innerRadius, width, height } = this.props

const colorScale = colors.slice(0, data.length)

const total = data.reduce((a, b) => ({ y: a.y + b.y }))

const viewBox = `0 0 ${width} ${height}`

const legendDataWithStyle = data.map((dateItem, index) => {

return { name : dateItem.x, symbol: { fill: colors[index], type: "square" } }

}

)

return (

<VictoryPie

standalone={false}

width={width} height={height}

data={data}

innerRadius={innerRadius}

colorScale={colorScale}

<VictoryLabel

textAnchor="middle"

style={{ fontSize: 20 }}

x={width / 2} y={height / 2}

text={total.y}

<VictoryLegend x={width} y={30}

title="Totals"

centerTitle

orientation="vertical"

gutter={20}

style={{

title: { fontSize: 15 }

}}

data={legendDataWithStyle}

standalone={false}

</g>

<VictoryLegend x={width - 50} y={30}

title="Totals"

centerTitle

orientation="vertical"

gutter={20}

style={{

title: { fontSize: 15 }

}}

data={legendDataWithStyle}

standalone={false}

</svg>

</div>

)

}

const dounutData = [

{ x: 'a', y: 1 }, { x: 'b', y: 2 }, { x: 'c', y: 3 },

{ x: 'd', y: 4 }, { x: 'e', y: 2 }, { x: 'f', y: 6 }

];

ReactDOM.render(

<DonutChart data={dounutData} width={300} height={300}

innerRadius={68} />,

document.getElementById('container')

);

Diferenças salvas

Texto original

Abrir arquivo

const {  VictoryChart, VictoryBar,VictoryPie ,
  VictoryAxis, VictoryLegend, VictoryLabel ,VictoryTheme} = Victory;
 
 const colors = [
  '#F56D00', '#9F3AB7', '#64CCE9', '#32120A',
  '#F8984C', '#BB75CC', '#92DBEF', '#6F5953',
  '#FABD8C', '#D4A6DE', '#B9E8F5', '#A39491']
class DonutChart extends React.Component {

static propTypes = {
    data: PropTypes.arrayOf(PropTypes.object).isRequired,
    width: PropTypes.number.isRequired,
    height: PropTypes.number.isRequired,
    innerRadius: PropTypes.number.isRequired
  }

render() {
    let { data, innerRadius, width, height } = this.props
    const colorScale = colors.slice(0, data.length)
    const total = data.reduce((a, b) => ({ y: a.y + b.y }))
    const viewBox = `0 0 ${width} ${height}`

const legendDataWithStyle = data.map((dateItem, index) => {
      return { name : dateItem.x, symbol: { fill: colors[index], type: "square" } }
    }
    )

return (
      <div style={{ width: width + 100, height: height + 100 }} >
        <svg viewBox={viewBox}>

</svg>
      </div>
    )
  }
}

const dounutData = [
  { x: 'a', y: 1 }, { x: 'b', y: 2 }, { x: 'c', y: 3 },
  { x: 'd', y: 4 }, { x: 'e', y: 2 }, { x: 'f', y: 6 }
];

ReactDOM.render(
<DonutChart data={dounutData} width={300} height={300}
                      innerRadius={68} />,
  document.getElementById('container')
);

Texto alterado

Abrir arquivo

render() {
    let { data, innerRadius, width, height } = this.props
    const colorScale = colors.slice(0, data.length)
    const total = data.reduce((a, b) => ({ y: a.y + b.y }))

const legendDataWithStyle = data.map((dateItem, index) => {
      return { name : dateItem.x, symbol: { fill: colors[index], type: "square" } }
    }
    )

return (
      <div style={{ width: width + 100, height: height + 100 }} >
        <svg width={width + 100} height={height}>

</svg>
      </div>
    )
  }
}

const dounutData = [
  { x: 'a', y: 1 }, { x: 'b', y: 2 }, { x: 'c', y: 3 },
  { x: 'd', y: 4 }, { x: 'e', y: 2 }, { x: 'f', y: 6 }
];

ReactDOM.render(
<DonutChart data={dounutData} width={300} height={300}
                      innerRadius={68} />,
  document.getElementById('container')
);