比较文本

查找两个文本文件之间的差异

实时编辑器

隐藏空白更改

折叠未更改行

关闭换行

视图

比对精度

文本样式

语法高亮

Diffchecker Desktop 运行Diffchecker最安全的方式。获取Diffchecker桌面应用：您的差异永远不会离开您的电脑！获取桌面版

Untitled diff

创建于 9年前差异永不过期

13 删除

行
总计
删除

字符
总计
删除

要继续使用此功能，请升级到 Diffchecker Pro 查看价格

80 行

15 添加

行
总计
添加

字符
总计
添加

要继续使用此功能，请升级到 Diffchecker Pro 查看价格

82 行

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

);

已保存差异

原始文本

打开文件

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

更改后文本

打开文件

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