Texte vergleichen

Finden Sie den Unterschied zwischen zwei Textdateien

Echtzeit-Diff

Einheitlicher Diff

Zeilen einklappen

Änderungen hervorheben

Syntaxhervorhebung

Werkzeuge

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

Zeilen
Gesamt
Entfernt

Wörter
Gesamt
Entfernt

Um diese Funktion weiterhin zu nutzen, aktualisieren Sie auf Diffchecker Pro Preise anzeigen

80 Zeilen

Zeilen
Gesamt
Hinzugefügt

Wörter
Gesamt
Hinzugefügt

Um diese Funktion weiterhin zu nutzen, aktualisieren Sie auf Diffchecker Pro Preise anzeigen

82 Zeilen

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')

);

Gespeicherte Diffs

Originaltext

Datei öffnen

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')
);

Geänderter Text

Datei öffnen

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')
);